:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:0;font-weight:400;padding-bottom:max(2rem,env(safe-area-inset-bottom))}@media (max-width: 768px){#app{padding:0;margin:0;width:100%}}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.main-container{width:98%;max-width:960px;margin:0 auto}@media (max-width: 768px){.main-container{width:99%;padding:0 .5%}}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (max-width: 768px){body{padding-bottom:env(safe-area-inset-bottom)}.form-actions,.preview-actions,.modal-actions,.action-buttons{margin-bottom:60px!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.form-actions,.preview-actions,.modal-actions,.action-buttons{margin-bottom:80px!important}}}.audio-device-detector[data-v-cc43af74]{background:#f8f9fa;border-radius:12px;padding:20px;margin:16px 0}.detector-header[data-v-cc43af74]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detector-header h3[data-v-cc43af74]{margin:0;color:#2c3e50;font-size:18px}.detect-btn[data-v-cc43af74],.test-btn[data-v-cc43af74]{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.detect-btn[data-v-cc43af74]:hover,.test-btn[data-v-cc43af74]:hover{background:#2980b9}.detect-btn[data-v-cc43af74]:disabled,.test-btn[data-v-cc43af74]:disabled{background:#bdc3c7;cursor:not-allowed}.device-info[data-v-cc43af74]{margin-bottom:24px}.info-card[data-v-cc43af74]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px}.info-header[data-v-cc43af74]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.device-icon[data-v-cc43af74]{font-size:24px}.info-header h4[data-v-cc43af74]{margin:0;color:#2c3e50}.confidence[data-v-cc43af74]{margin:4px 0 0;color:#7f8c8d;font-size:14px}.device-details[data-v-cc43af74]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item[data-v-cc43af74]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ecf0f1}.label[data-v-cc43af74]{color:#7f8c8d;font-weight:500}.value[data-v-cc43af74]{color:#2c3e50;font-weight:600}.optimization-suggestions[data-v-cc43af74]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.optimization-suggestions h4[data-v-cc43af74]{margin:0 0 12px;color:#2c3e50}.suggestions-list[data-v-cc43af74]{display:flex;flex-direction:column;gap:8px}.suggestion-item[data-v-cc43af74]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:14px}.suggestion-item.success[data-v-cc43af74]{background:#d5f4e6;color:#27ae60}.suggestion-item.info[data-v-cc43af74]{background:#d6eaf8;color:#3498db}.suggestion-item.warning[data-v-cc43af74]{background:#fdeaa7;color:#f39c12}.quality-settings[data-v-cc43af74]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.quality-settings h4[data-v-cc43af74]{margin:0 0 16px;color:#2c3e50}.setting-group[data-v-cc43af74]{margin-bottom:16px}.setting-label[data-v-cc43af74]{display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#2c3e50}.setting-label select[data-v-cc43af74]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff}.setting-checkbox[data-v-cc43af74]{display:flex;align-items:center;gap:8px;cursor:pointer}.setting-checkbox input[type=checkbox][data-v-cc43af74]{margin:0}.background-audio-test[data-v-cc43af74]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.background-audio-test h4[data-v-cc43af74]{margin:0 0 16px;color:#2c3e50}.test-controls[data-v-cc43af74]{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.test-controls select[data-v-cc43af74]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff}.test-info[data-v-cc43af74]{background:#f8f9fa;border-radius:6px;padding:12px;border-left:4px solid #3498db}.test-info p[data-v-cc43af74]{margin:0 0 12px;color:#2c3e50;font-weight:500}.volume-control label[data-v-cc43af74]{display:flex;align-items:center;gap:8px;color:#7f8c8d}.volume-control input[type=range][data-v-cc43af74]{flex:1;max-width:200px}@media (max-width: 768px){.detector-header[data-v-cc43af74]{flex-direction:column;gap:12px;align-items:stretch}.device-details[data-v-cc43af74]{grid-template-columns:1fr}.test-controls[data-v-cc43af74]{flex-direction:column;align-items:stretch}.test-controls select[data-v-cc43af74],.test-controls button[data-v-cc43af74]{width:100%}}.visual-metronome[data-v-ae795ef5]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.metronome-header[data-v-ae795ef5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.metronome-header h3[data-v-ae795ef5]{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.mode-select[data-v-ae795ef5]{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.9rem}.visual-container[data-v-ae795ef5]{min-height:200px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;margin-bottom:20px;position:relative;overflow:hidden}.circle-mode[data-v-ae795ef5]{display:flex;flex-direction:column;align-items:center;gap:20px}.beat-circle[data-v-ae795ef5]{width:120px;height:120px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;transition:all .1s ease;position:relative}.beat-circle.beat[data-v-ae795ef5]{transform:scale(1.1);background:#3b82f6;box-shadow:0 0 20px #3b82f680}.beat-circle.accent[data-v-ae795ef5]{background:#ef4444!important;box-shadow:0 0 30px #ef4444b3!important}.beat-number[data-v-ae795ef5]{font-size:2rem;font-weight:700;color:#374151}.beat-circle.beat .beat-number[data-v-ae795ef5]{color:#fff}.beat-indicators[data-v-ae795ef5]{display:flex;gap:8px}.beat-dot[data-v-ae795ef5]{width:12px;height:12px;border-radius:50%;background:#d1d5db;transition:all .2s}.beat-dot.active[data-v-ae795ef5]{background:#3b82f6;transform:scale(1.2)}.bar-mode[data-v-ae795ef5]{width:100%;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:20px}.corner-squares-large[data-v-ae795ef5]{width:200px;height:200px;position:relative;background:#f8fafc;border-radius:12px;border:2px solid #e5e7eb}.corner-square-large[data-v-ae795ef5]{position:absolute;width:40px;height:40px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:2px solid #d1d5db}.corner-square-large.active[data-v-ae795ef5]{background:#3b82f6;border-color:#3b82f6;transform:scale(1.1)}.corner-square-large.current[data-v-ae795ef5]{background:#3b82f6;border-color:#3b82f6;transform:scale(1.2);box-shadow:0 0 20px #3b82f680}.corner-square-large.accent[data-v-ae795ef5]{background:#ef4444!important;border-color:#ef4444!important;transform:scale(1.3);box-shadow:0 0 25px #ef4444b3}.square-number[data-v-ae795ef5]{font-size:1.2rem;font-weight:700;color:#6b7280}.corner-square-large.active .square-number[data-v-ae795ef5],.corner-square-large.current .square-number[data-v-ae795ef5],.corner-square-large.accent .square-number[data-v-ae795ef5]{color:#fff}.corner-square-large.top-left[data-v-ae795ef5]{top:10px;left:10px}.corner-square-large.top-right[data-v-ae795ef5]{top:10px;right:10px}.corner-square-large.bottom-right[data-v-ae795ef5]{bottom:10px;right:10px}.corner-square-large.bottom-left[data-v-ae795ef5]{bottom:10px;left:10px}.corner-square-large.middle-left[data-v-ae795ef5]{top:50%;left:10px;transform:translateY(-50%)}.corner-square-large.middle-left.active[data-v-ae795ef5]{transform:translateY(-50%) scale(1.1)}.corner-square-large.middle-left.current[data-v-ae795ef5]{transform:translateY(-50%) scale(1.2)}.corner-square-large.middle-left.accent[data-v-ae795ef5]{transform:translateY(-50%) scale(1.3)}.corner-square-large.middle-right[data-v-ae795ef5]{top:50%;right:10px;transform:translateY(-50%)}.corner-square-large.middle-right.active[data-v-ae795ef5]{transform:translateY(-50%) scale(1.1)}.corner-square-large.middle-right.current[data-v-ae795ef5]{transform:translateY(-50%) scale(1.2)}.corner-square-large.middle-right.accent[data-v-ae795ef5]{transform:translateY(-50%) scale(1.3)}.beat-info[data-v-ae795ef5]{text-align:center;font-size:1.5rem;font-weight:700;color:#374151}.pendulum-mode[data-v-ae795ef5]{display:flex;flex-direction:column;align-items:center;gap:20px}.pendulum-container[data-v-ae795ef5]{width:200px;height:150px;position:relative}.pendulum[data-v-ae795ef5]{position:absolute;top:0;left:50%;width:2px;height:120px;background:#374151;transform-origin:top center;transition:transform .1s ease}.pendulum.swinging[data-v-ae795ef5]{animation:swing-ae795ef5 ease-in-out infinite}.pendulum-bob[data-v-ae795ef5]{position:absolute;bottom:-10px;left:-8px;width:16px;height:16px;border-radius:50%;background:#3b82f6;transition:all .1s}.pendulum-bob.accent[data-v-ae795ef5]{background:#ef4444;transform:scale(1.3)}@keyframes swing-ae795ef5{0%,to{transform:rotate(-30deg)}50%{transform:rotate(30deg)}}.beat-counter[data-v-ae795ef5]{font-size:1.5rem;font-weight:700;color:#374151}.flash-mode[data-v-ae795ef5]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.flash-container[data-v-ae795ef5]{display:flex;align-items:center;justify-content:center}.flash-square-large[data-v-ae795ef5]{width:200px;height:200px;border-radius:12px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;transition:all .15s ease;border:3px solid #d1d5db}.flash-square-large.flash[data-v-ae795ef5]{background:#3b82f6;border-color:#3b82f6;transform:scale(1.05);box-shadow:0 0 25px #3b82f680}.flash-square-large.flash.accent[data-v-ae795ef5]{background:#ef4444;border-color:#ef4444;transform:scale(1.1);box-shadow:0 0 30px #ef4444b3}.flash-square-large.flash.color-red[data-v-ae795ef5]{background:#ef4444;border-color:#ef4444;box-shadow:0 0 25px #ef444480}.flash-square-large.flash.color-blue[data-v-ae795ef5]{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 25px #3b82f680}.flash-square-large.flash.color-green[data-v-ae795ef5]{background:#10b981;border-color:#10b981;box-shadow:0 0 25px #10b98180}.flash-square-large.flash.color-yellow[data-v-ae795ef5]{background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 25px #f59e0b80}.beat-display[data-v-ae795ef5]{text-align:center;color:#6b7280}.flash-square-large.flash .beat-display[data-v-ae795ef5]{color:#fff}.beat-number-large[data-v-ae795ef5]{font-size:3rem;font-weight:700;margin-bottom:8px}.bpm-display[data-v-ae795ef5]{font-size:1rem;opacity:.8}.metronome-controls[data-v-ae795ef5]{display:flex;flex-direction:column;gap:12px}.control-row[data-v-ae795ef5]{display:flex;align-items:center;gap:8px}.control-row label[data-v-ae795ef5]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#374151}.time-signature-select[data-v-ae795ef5]{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem}@media (max-width: 768px){.metronome-header[data-v-ae795ef5]{flex-direction:column;gap:12px;align-items:stretch}.visual-container[data-v-ae795ef5]{min-height:150px}.beat-circle[data-v-ae795ef5]{width:100px;height:100px}.beat-number[data-v-ae795ef5]{font-size:1.5rem}.beat-number-large[data-v-ae795ef5]{font-size:2rem}}.sound-settings[data-v-2cb71014]{padding:20px}.tabs-nav[data-v-2cb71014]{display:flex;gap:4px;margin-bottom:20px;background:#f8fafc;padding:4px;border-radius:8px;border:1px solid #e5e7eb}.tab-btn[data-v-2cb71014]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;color:#6b7280}.tab-btn[data-v-2cb71014]:hover{background:#e5e7eb;color:#374151}.tab-btn.active[data-v-2cb71014]{background:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f633}.tab-icon[data-v-2cb71014]{font-size:1.1rem}.tab-label[data-v-2cb71014]{font-weight:500}.tab-content[data-v-2cb71014]{min-height:400px}.tab-panel[data-v-2cb71014]{animation:fadeIn-2cb71014 .3s ease}@keyframes fadeIn-2cb71014{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-description[data-v-2cb71014]{background:#f0f9ff;padding:16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #0ea5e9}.tab-description h3[data-v-2cb71014]{margin:0 0 8px;color:#0c4a6e;font-size:1.1rem}.tab-description p[data-v-2cb71014]{margin:0;color:#0c4a6e;font-size:.9rem;line-height:1.5}.feature-disabled[data-v-2cb71014]{text-align:center;padding:40px 20px;color:#6b7280;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.feature-disabled p[data-v-2cb71014]{margin:0;font-size:.9rem}.setting-group[data-v-2cb71014]{margin-bottom:32px}.group-title[data-v-2cb71014]{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.setting-item[data-v-2cb71014]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f3f4f6}@media (max-width: 768px){.setting-item[data-v-2cb71014]{flex-direction:column;align-items:stretch;gap:12px}.setting-label[data-v-2cb71014]{text-align:left}.setting-desc[data-v-2cb71014]{margin-bottom:8px}}.setting-item[data-v-2cb71014]:last-child{border-bottom:none}.setting-label[data-v-2cb71014]{flex:1}.setting-label label[data-v-2cb71014]{display:block;font-weight:500;color:#374151;margin-bottom:4px}.setting-desc[data-v-2cb71014]{font-size:.875rem;color:#6b7280;line-height:1.4}.toggle[data-v-2cb71014]{width:44px;height:24px;background:#d1d5db;border:none;border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s;appearance:none}.toggle[data-v-2cb71014]:checked{background:#10b981}.toggle[data-v-2cb71014]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0000001a}.toggle[data-v-2cb71014]:checked:before{transform:translate(20px)}.toggle[data-v-2cb71014]:disabled{opacity:.5;cursor:not-allowed}.speech-status[data-v-2cb71014]{margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.status-item[data-v-2cb71014]{display:flex;align-items:center;gap:8px}.status-label[data-v-2cb71014]{font-weight:500;color:#374151}.status-value.supported[data-v-2cb71014]{color:#059669;font-weight:500}.status-value.not-supported[data-v-2cb71014]{color:#dc2626;font-weight:500}.test-btn[data-v-2cb71014]{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.test-btn[data-v-2cb71014]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.test-btn[data-v-2cb71014]:disabled{opacity:.5;cursor:not-allowed;transform:none}.feature-preview[data-v-2cb71014]{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:8px}.preview-icon[data-v-2cb71014]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.preview-content[data-v-2cb71014]{flex:1}.preview-title[data-v-2cb71014]{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 8px}.preview-description[data-v-2cb71014]{font-size:.9rem;color:#6b7280;line-height:1.5;margin:0 0 12px}.preview-status[data-v-2cb71014]{display:flex;align-items:center;gap:8px}.status-badge[data-v-2cb71014]{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge.developing[data-v-2cb71014]{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.speech-test[data-v-2cb71014]{background:#10b981}.speech-test[data-v-2cb71014]:hover:not(:disabled){background:#059669}.bpm-control[data-v-2cb71014],.volume-control[data-v-2cb71014]{display:flex;align-items:center;gap:12px;min-width:200px}.bpm-slider[data-v-2cb71014],.volume-slider[data-v-2cb71014]{flex:1;height:6px;background:#e5e7eb;border-radius:3px;outline:none;appearance:none;cursor:pointer}.bpm-slider[data-v-2cb71014]::-webkit-slider-thumb,.volume-slider[data-v-2cb71014]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#3b82f6;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000001a}.bpm-slider[data-v-2cb71014]::-moz-range-thumb,.volume-slider[data-v-2cb71014]::-moz-range-thumb{width:18px;height:18px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000001a}.bpm-display[data-v-2cb71014],.volume-display[data-v-2cb71014]{display:flex;align-items:center;gap:2px;min-width:60px;font-weight:500;color:#374151}.bpm-value[data-v-2cb71014],.volume-value[data-v-2cb71014]{font-size:.875rem}.bpm-unit[data-v-2cb71014],.volume-unit[data-v-2cb71014]{font-size:.75rem;color:#6b7280}.metronome-status[data-v-2cb71014]{margin-top:16px;padding:16px;background:#f1f5f9;border-radius:8px;border:1px solid #cbd5e1}.status-info[data-v-2cb71014]{margin-bottom:12px}.status-value.running[data-v-2cb71014]{color:#059669;font-weight:500}.status-value.stopped[data-v-2cb71014]{color:#6b7280;font-weight:500}.test-controls[data-v-2cb71014]{display:flex;gap:8px}@media (max-width: 768px){.test-controls[data-v-2cb71014]{flex-direction:column}.test-btn[data-v-2cb71014]{width:100%;justify-content:center}.bpm-control[data-v-2cb71014],.volume-control[data-v-2cb71014]{flex-direction:column;gap:8px}.bpm-display[data-v-2cb71014],.volume-display[data-v-2cb71014]{align-self:center}.tabs-nav[data-v-2cb71014]{flex-direction:row;gap:2px;padding:2px}.tab-btn[data-v-2cb71014]{justify-content:center;padding:8px 4px;min-width:0;flex:1}.tab-label[data-v-2cb71014]{display:none}.tab-icon[data-v-2cb71014]{font-size:1.2rem}.tab-content[data-v-2cb71014]{min-height:300px}}.test-btn.start[data-v-2cb71014]{background:#10b981}.test-btn.start[data-v-2cb71014]:hover{background:#059669}.test-btn.stop[data-v-2cb71014]{background:#ef4444}.test-btn.stop[data-v-2cb71014]:hover{background:#dc2626}.vibration-settings[data-v-1a0bb351]{padding:20px}.setting-group[data-v-1a0bb351]{margin-bottom:32px}.group-title[data-v-1a0bb351]{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.setting-item[data-v-1a0bb351]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f3f4f6}@media (max-width: 768px){.setting-item[data-v-1a0bb351]{flex-direction:column;align-items:stretch;gap:12px}.setting-label[data-v-1a0bb351]{text-align:left}.setting-desc[data-v-1a0bb351]{margin-bottom:8px}}.setting-item[data-v-1a0bb351]:last-child{border-bottom:none}.setting-label[data-v-1a0bb351]{flex:1}.setting-label label[data-v-1a0bb351]{display:block;font-weight:500;color:#374151;margin-bottom:4px}.setting-desc[data-v-1a0bb351]{font-size:.875rem;color:#6b7280;line-height:1.4}.toggle[data-v-1a0bb351]{width:44px;height:24px;background:#d1d5db;border:none;border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s;appearance:none}.toggle[data-v-1a0bb351]:checked{background:#10b981}.toggle[data-v-1a0bb351]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0000001a}.toggle[data-v-1a0bb351]:checked:before{transform:translate(20px)}.avatar-settings[data-v-ee08d245]{padding:20px}.setting-group[data-v-ee08d245]{margin-bottom:32px}.group-title[data-v-ee08d245]{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.avatar-preview[data-v-ee08d245]{margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;text-align:center;color:#fff}.preview-container[data-v-ee08d245]{display:flex;flex-direction:column;align-items:center;gap:12px}.current-avatar[data-v-ee08d245]{font-size:4rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.avatar-label[data-v-ee08d245]{font-size:1.2rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.avatar-selection[data-v-ee08d245]{margin-bottom:24px}.avatar-section[data-v-ee08d245]{margin-bottom:20px}.section-title[data-v-ee08d245]{font-size:.9rem;font-weight:500;color:#374151;margin:0 0 12px}.detective-container[data-v-ee08d245]{display:flex;flex-direction:column;gap:8px}.desktop-layout[data-v-ee08d245]{display:flex}.mobile-layout[data-v-ee08d245]{display:none}.emoji-row[data-v-ee08d245]{display:flex;align-items:center;gap:8px}.text-row[data-v-ee08d245]{display:flex;align-items:center;gap:8px;margin-top:4px}.text-row .avatar-name[data-v-ee08d245]{width:58px;text-align:center;font-size:.65rem;color:#6b7280;flex-shrink:0}.checkbox-container[data-v-ee08d245]{display:flex;align-items:center;justify-content:center;width:58px;flex-shrink:0}.random-checkbox[data-v-ee08d245]{width:16px;height:16px;cursor:pointer}.detective-row[data-v-ee08d245],.random-row[data-v-ee08d245]{display:flex;gap:8px;margin-bottom:8px}.random-option-mobile[data-v-ee08d245]{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px;max-width:70px;padding:4px}.random-label[data-v-ee08d245]{font-size:.65rem;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.1}.avatar-row[data-v-ee08d245]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.detective-row[data-v-ee08d245]{justify-content:center}.others-row[data-v-ee08d245]{justify-content:flex-start}.avatar-option[data-v-ee08d245]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s;text-align:center;min-width:50px;max-width:70px;padding:4px;border:none;background:none;border-radius:8px}.desktop-layout .avatar-option[data-v-ee08d245]{gap:0;padding:8px;width:58px;flex-shrink:0}.desktop-layout .avatar-option .avatar-name[data-v-ee08d245]{display:none}.avatar-option[data-v-ee08d245]:hover{background:#f3f4f6;transform:translateY(-2px)}.avatar-option.active[data-v-ee08d245]{background:#eff6ff;border:2px solid #3b82f6}.avatar-option.active[data-v-ee08d245]:hover{background:#dbeafe;transform:translateY(-2px)}.avatar-emoji[data-v-ee08d245]{font-size:2.5rem;line-height:1;display:block;margin-bottom:2px}.avatar-name[data-v-ee08d245]{font-size:.65rem;font-weight:500;color:#6b7280;line-height:1.1;text-align:center;word-break:break-all}.avatar-option.active .avatar-name[data-v-ee08d245]{color:#3b82f6;font-weight:600}.avatar-actions[data-v-ee08d245]{display:flex;justify-content:center}.reset-avatar-btn[data-v-ee08d245]{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:.9rem;cursor:pointer;transition:all .2s}.reset-avatar-btn[data-v-ee08d245]:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}@media (max-width: 768px){.avatar-settings[data-v-ee08d245]{padding:16px}.avatar-row[data-v-ee08d245]{gap:6px}.desktop-layout[data-v-ee08d245]{display:none}.mobile-layout[data-v-ee08d245]{display:flex}.avatar-option[data-v-ee08d245]{min-width:45px;max-width:60px;padding:3px}.avatar-emoji[data-v-ee08d245]{font-size:1.5rem}.avatar-name[data-v-ee08d245]{font-size:.55rem}.current-avatar[data-v-ee08d245]{font-size:2.5rem}.avatar-label[data-v-ee08d245]{font-size:.9rem}.section-title[data-v-ee08d245]{font-size:.8rem}.random-checkbox[data-v-ee08d245]{width:12px;height:12px}.random-label[data-v-ee08d245]{font-size:.55rem}}@media (max-width: 480px){.avatar-option[data-v-ee08d245]{min-width:40px;max-width:50px;padding:2px}.avatar-emoji[data-v-ee08d245]{font-size:1.2rem}.avatar-name[data-v-ee08d245]{font-size:.5rem}.current-avatar[data-v-ee08d245]{font-size:2rem}.avatar-row[data-v-ee08d245],.detective-row[data-v-ee08d245],.random-row[data-v-ee08d245]{gap:4px}.random-checkbox[data-v-ee08d245]{width:10px;height:10px}.random-label[data-v-ee08d245]{font-size:.5rem}}.analytics-settings[data-v-9a3025f3]{padding:20px}.setting-group[data-v-9a3025f3]{margin-bottom:32px}.group-title[data-v-9a3025f3]{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.setting-item[data-v-9a3025f3]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f3f4f6;margin-bottom:24px}.setting-label[data-v-9a3025f3]{flex:1}.setting-label label[data-v-9a3025f3]{display:block;font-weight:500;color:#374151;margin-bottom:4px}.setting-desc[data-v-9a3025f3]{font-size:.875rem;color:#6b7280;line-height:1.4}.toggle[data-v-9a3025f3]{width:44px;height:24px;background:#d1d5db;border:none;border-radius:12px;position:relative;cursor:pointer;transition:background-color .2s;appearance:none}.toggle[data-v-9a3025f3]:checked{background:#10b981}.toggle[data-v-9a3025f3]:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0000001a}.toggle[data-v-9a3025f3]:checked:before{transform:translate(20px)}.feature-info[data-v-9a3025f3],.privacy-info[data-v-9a3025f3]{margin-bottom:24px;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.feature-info[data-v-9a3025f3]{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#bfdbfe}.privacy-info[data-v-9a3025f3]{background:linear-gradient(135deg,#f0fdf4,#f7fee7);border-color:#bbf7d0}.info-title[data-v-9a3025f3],.privacy-title[data-v-9a3025f3]{font-size:1rem;font-weight:600;color:#374151;margin:0 0 12px}.info-title[data-v-9a3025f3]{color:#1e40af}.privacy-title[data-v-9a3025f3]{color:#166534}.info-text[data-v-9a3025f3],.privacy-text[data-v-9a3025f3]{font-size:.875rem;color:#4b5563;margin:0 0 12px;line-height:1.5}.info-list[data-v-9a3025f3],.privacy-list[data-v-9a3025f3]{margin:0 0 12px;padding-left:0;list-style:none}.info-list li[data-v-9a3025f3],.privacy-list li[data-v-9a3025f3]{font-size:.875rem;color:#4b5563;margin-bottom:6px;padding-left:0;line-height:1.4}.info-note[data-v-9a3025f3]{font-size:.8rem;color:#6b7280;font-style:italic;margin:12px 0 0;padding:8px 12px;background:#ffffff80;border-radius:6px;border-left:3px solid #3b82f6}@media (max-width: 640px){.analytics-settings[data-v-9a3025f3],.feature-info[data-v-9a3025f3],.privacy-info[data-v-9a3025f3]{padding:16px}.setting-item[data-v-9a3025f3]{flex-direction:column;align-items:flex-start;gap:12px}.toggle[data-v-9a3025f3]{align-self:flex-end}}.task-history-log[data-v-15696b5f]{padding:20px;max-height:70vh;overflow-y:auto}.header[data-v-15696b5f]{margin-bottom:24px;text-align:center}.title[data-v-15696b5f]{font-size:1.2rem;font-weight:600;color:#374151;margin:0 0 8px}.subtitle[data-v-15696b5f]{font-size:.9rem;color:#6b7280;margin:0}.loading-state[data-v-15696b5f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner[data-v-15696b5f]{font-size:2rem;margin-bottom:12px;animation:spin-15696b5f 1s linear infinite}@keyframes spin-15696b5f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.log-content[data-v-15696b5f]{display:flex;flex-direction:column;gap:20px}.toolbar[data-v-15696b5f]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.toolbar-left[data-v-15696b5f]{display:flex;align-items:center}.record-count[data-v-15696b5f]{font-size:.875rem;color:#64748b;font-weight:500}.toolbar-right[data-v-15696b5f]{display:flex;gap:8px}.btn[data-v-15696b5f]{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.refresh-btn[data-v-15696b5f]{background:#3b82f6;color:#fff}.refresh-btn[data-v-15696b5f]:hover{background:#2563eb}.export-btn[data-v-15696b5f]{background:#10b981;color:#fff}.export-btn[data-v-15696b5f]:hover{background:#059669}.danger-btn[data-v-15696b5f]{background:#ef4444;color:#fff}.danger-btn[data-v-15696b5f]:hover{background:#dc2626}.log-list[data-v-15696b5f]{display:flex;flex-direction:column;gap:12px}.log-entry[data-v-15696b5f]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.log-entry[data-v-15696b5f]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.log-header[data-v-15696b5f]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.time-badge[data-v-15696b5f]{background:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge[data-v-15696b5f]{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-completed[data-v-15696b5f]{background:#dcfce7;color:#166534}.status-abandoned[data-v-15696b5f]{background:#fee2e2;color:#991b1b}.status-reset[data-v-15696b5f]{background:#fef3c7;color:#92400e}.status-default[data-v-15696b5f]{background:#f3f4f6;color:#374151}.log-body[data-v-15696b5f]{padding:16px}.task-info[data-v-15696b5f]{display:flex;flex-direction:column;gap:8px}.task-name[data-v-15696b5f]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.task-meta[data-v-15696b5f]{display:flex;flex-wrap:wrap;gap:12px}.meta-item[data-v-15696b5f]{font-size:.8rem;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.log-details[data-v-15696b5f]{padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:6px}.detail-row[data-v-15696b5f]{display:flex;justify-content:space-between;align-items:center}.detail-label[data-v-15696b5f]{font-size:.8rem;color:#6b7280;font-weight:500;min-width:80px}.detail-value[data-v-15696b5f]{font-size:.8rem;color:#374151;font-family:Monaco,Menlo,monospace}.empty-state[data-v-15696b5f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-15696b5f]{font-size:4rem;margin-bottom:16px;opacity:.6}.empty-title[data-v-15696b5f]{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 8px}.empty-desc[data-v-15696b5f]{font-size:.9rem;color:#6b7280;margin:0}.footer-note[data-v-15696b5f]{padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:20px}.footer-note p[data-v-15696b5f]{font-size:.8rem;color:#0369a1;margin:0;line-height:1.4}@media (max-width: 640px){.task-history-log[data-v-15696b5f]{padding:16px}.toolbar[data-v-15696b5f]{flex-direction:column;gap:12px;align-items:stretch}.toolbar-right[data-v-15696b5f]{justify-content:center}.log-header[data-v-15696b5f]{flex-direction:column;gap:8px;align-items:stretch}.task-meta[data-v-15696b5f]{flex-direction:column;gap:6px}.detail-row[data-v-15696b5f]{flex-direction:column;align-items:flex-start;gap:2px}.detail-label[data-v-15696b5f]{min-width:auto}}.setting-user[data-v-308ed1fa]{padding:24px;height:100%;overflow-y:auto}.setting-header[data-v-308ed1fa]{margin-bottom:32px}.setting-header h3[data-v-308ed1fa]{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 8px}.setting-description[data-v-308ed1fa]{color:#6b7280;margin:0;font-size:.9rem}.setting-content[data-v-308ed1fa]{display:flex;flex-direction:column;gap:24px}.setting-group[data-v-308ed1fa]{background:#f9fafb;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.setting-item[data-v-308ed1fa]{display:flex;flex-direction:column;gap:16px}.setting-label[data-v-308ed1fa]{display:flex;flex-direction:column;gap:4px}.label-text[data-v-308ed1fa]{font-weight:600;color:#374151;font-size:1rem}.label-hint[data-v-308ed1fa]{font-size:.85rem;color:#6b7280}.setting-value[data-v-308ed1fa]{display:flex;flex-direction:column}.display-mode[data-v-308ed1fa]{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-info[data-v-308ed1fa]{display:flex;flex-direction:column;gap:4px;flex:1}.current-value[data-v-308ed1fa]{font-size:1rem;color:#374151;font-weight:500}.user-id[data-v-308ed1fa]{font-size:.85rem;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.edit-btn[data-v-308ed1fa]{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.edit-btn[data-v-308ed1fa]:hover{background:#2563eb}.edit-mode[data-v-308ed1fa]{display:flex;flex-direction:column;gap:12px}.input-group[data-v-308ed1fa]{position:relative}.nickname-input[data-v-308ed1fa]{width:100%;padding:12px;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s}.nickname-input[data-v-308ed1fa]:focus{outline:none;border-color:#3b82f6}.nickname-input.error[data-v-308ed1fa]{border-color:#ef4444}.char-count[data-v-308ed1fa]{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#6b7280;background:#fff;padding:0 4px}.char-count.error[data-v-308ed1fa]{color:#ef4444}.edit-actions[data-v-308ed1fa]{display:flex;gap:8px}.save-btn[data-v-308ed1fa]{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.save-btn[data-v-308ed1fa]:hover:not(:disabled){background:#059669}.save-btn[data-v-308ed1fa]:disabled{background:#9ca3af;cursor:not-allowed}.cancel-btn[data-v-308ed1fa]{padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.cancel-btn[data-v-308ed1fa]:hover:not(:disabled){background:#e5e7eb}.cancel-btn[data-v-308ed1fa]:disabled{opacity:.5;cursor:not-allowed}.language-selector[data-v-308ed1fa]{display:flex;flex-direction:column;gap:12px}.current-language[data-v-308ed1fa]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #d1d5db;border-radius:8px}.language-flag[data-v-308ed1fa]{font-size:1.2rem}.language-name[data-v-308ed1fa]{flex:1;font-weight:500;color:#374151}.change-btn[data-v-308ed1fa]{padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.change-btn[data-v-308ed1fa]:hover:not(:disabled){background:#e5e7eb}.change-btn[data-v-308ed1fa]:disabled{opacity:.5;cursor:not-allowed}.language-options[data-v-308ed1fa]{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px;max-height:200px;overflow-y:auto}.language-option[data-v-308ed1fa]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;text-align:left}.language-option[data-v-308ed1fa]:hover:not(:disabled){background:#f3f4f6}.language-option.active[data-v-308ed1fa]{background:#eff6ff;color:#1d4ed8}.language-option[data-v-308ed1fa]:disabled{opacity:.5;cursor:not-allowed}.option-flag[data-v-308ed1fa]{font-size:1.1rem}.option-name[data-v-308ed1fa]{flex:1;font-weight:500}.check-mark[data-v-308ed1fa]{color:#10b981;font-weight:700}.user-stats[data-v-308ed1fa]{display:flex;flex-direction:column;gap:12px}.stat-item[data-v-308ed1fa]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.stat-label[data-v-308ed1fa]{font-weight:500;color:#6b7280}.stat-value[data-v-308ed1fa]{color:#374151;font-weight:500}.debug-buttons[data-v-308ed1fa]{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap}.debug-btn[data-v-308ed1fa]{padding:12px 24px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.debug-btn[data-v-308ed1fa]:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.debug-btn[data-v-308ed1fa]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.register-btn[data-v-308ed1fa]{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.register-btn[data-v-308ed1fa]:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.register-btn[data-v-308ed1fa]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.debug-hint[data-v-308ed1fa]{font-size:.85rem;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 768px){.setting-user[data-v-308ed1fa]{padding:16px}.setting-header h3[data-v-308ed1fa]{font-size:1.3rem}.setting-group[data-v-308ed1fa]{padding:16px}.display-mode[data-v-308ed1fa]{flex-direction:column;align-items:stretch;gap:8px}.user-info[data-v-308ed1fa]{gap:6px}.user-id[data-v-308ed1fa]{font-size:.8rem}.edit-actions[data-v-308ed1fa]{flex-direction:column}.current-language[data-v-308ed1fa]{flex-direction:column;align-items:stretch;gap:8px}.stat-item[data-v-308ed1fa]{flex-direction:column;align-items:stretch;gap:4px}}.voice-recognition-settings[data-v-8877b294]{width:100%}.loading-state[data-v-8877b294]{display:flex;align-items:center;gap:12px;padding:20px;color:#6b7280;font-size:.9rem}.loading-spinner[data-v-8877b294]{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin-8877b294 1s linear infinite}@keyframes spin-8877b294{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-supported[data-v-8877b294]{display:none}.settings-content[data-v-8877b294]{width:100%}.setting-header[data-v-8877b294]{margin-bottom:24px}.setting-title[data-v-8877b294]{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 8px}.setting-icon[data-v-8877b294]{font-size:1.2rem}.setting-description[data-v-8877b294]{color:#6b7280;font-size:.9rem;margin:0}.setting-item[data-v-8877b294]{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f3f4f6}.setting-item[data-v-8877b294]:last-child{border-bottom:none}.setting-info[data-v-8877b294]{flex:1;margin-right:16px}.setting-label[data-v-8877b294]{display:block;font-weight:500;color:#374151;margin-bottom:4px}.setting-desc[data-v-8877b294]{color:#6b7280;font-size:.85rem;margin:0;line-height:1.4}.setting-control[data-v-8877b294]{flex-shrink:0}.switch[data-v-8877b294]{position:relative;display:inline-block;width:44px;height:24px}.switch input[data-v-8877b294]{opacity:0;width:0;height:0}.slider[data-v-8877b294]{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider[data-v-8877b294]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider[data-v-8877b294]{background-color:#3b82f6}input:checked+.slider[data-v-8877b294]:before{transform:translate(20px)}.radio-group[data-v-8877b294]{display:flex;flex-direction:column;gap:8px}.radio-option[data-v-8877b294]{display:flex;align-items:center;cursor:pointer}.radio-option input[type=radio][data-v-8877b294]{margin-right:8px;accent-color:#3b82f6}.radio-label[data-v-8877b294]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#374151}.radio-icon[data-v-8877b294]{font-size:1rem}.environment-info[data-v-8877b294]{margin-top:24px;padding-top:16px;border-top:1px solid #f3f4f6}.environment-details[data-v-8877b294]{font-size:.85rem}.environment-details summary[data-v-8877b294]{cursor:pointer;color:#6b7280;font-weight:500;margin-bottom:8px}.environment-content[data-v-8877b294]{padding-left:16px;color:#6b7280}.environment-content p[data-v-8877b294]{margin:4px 0}@media (max-width: 768px){.setting-item[data-v-8877b294]{flex-direction:column;align-items:stretch;gap:12px}.setting-info[data-v-8877b294]{margin-right:0}.radio-group[data-v-8877b294]{flex-direction:row;gap:16px}}.settings-overlay[data-v-5681ad02]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel[data-v-5681ad02]{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:90vw;max-width:900px;height:80vh;max-height:700px;display:flex;flex-direction:column;overflow:hidden}.settings-header[data-v-5681ad02]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.settings-header h2[data-v-5681ad02]{margin:0;font-size:1.5rem;font-weight:600;color:#374151}.close-btn[data-v-5681ad02]{font-size:1.8rem;font-weight:500;background:none;border:none;color:#aaa;cursor:pointer;line-height:1}.close-btn[data-v-5681ad02]:hover{color:#666}.settings-body[data-v-5681ad02]{display:flex;flex:1;overflow:hidden}.settings-nav[data-v-5681ad02]{width:200px;background:#f8fafc;border-right:1px solid #e5e7eb;padding:16px 0;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.settings-nav[data-v-5681ad02]{width:56px;padding:16px 4px;overflow-x:hidden}.nav-text[data-v-5681ad02]{display:none}.nav-item[data-v-5681ad02]{justify-content:center;padding:10px 6px;gap:0;border-radius:8px;margin:2px 0;min-width:0}.nav-icon[data-v-5681ad02]{font-size:1.2rem;line-height:1}}.nav-item[data-v-5681ad02]{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s;color:#6b7280}.nav-item[data-v-5681ad02]:hover{background:#e5e7eb;color:#374151}.nav-item.active[data-v-5681ad02]{background:#3b82f6;color:#fff}.nav-icon[data-v-5681ad02]{font-size:1.2rem;flex-shrink:0}.nav-text[data-v-5681ad02]{font-weight:500;font-size:.9rem}.settings-content[data-v-5681ad02]{flex:1;overflow-y:auto}.content-section[data-v-5681ad02]{height:100%}.settings-footer[data-v-5681ad02]{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:center}.reset-btn[data-v-5681ad02]{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:.9rem;cursor:pointer;transition:all .2s}.reset-btn[data-v-5681ad02]:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}@media (max-width: 768px){.settings-overlay[data-v-5681ad02]{padding:max(40px,env(safe-area-inset-top) + 20px) max(15px,env(safe-area-inset-right) + 5px) max(40px,env(safe-area-inset-bottom) + 20px) max(15px,env(safe-area-inset-left) + 5px)}.settings-panel[data-v-5681ad02]{width:92vw;height:calc(100vh - max(80px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 80px));max-height:75vh;margin:0}.settings-header[data-v-5681ad02]{padding:14px 18px}.settings-header h2[data-v-5681ad02]{font-size:1.25rem}}@media (max-width: 480px){.settings-overlay[data-v-5681ad02]{padding:max(50px,env(safe-area-inset-top) + 30px) max(8px,env(safe-area-inset-right) + 3px) max(50px,env(safe-area-inset-bottom) + 30px) max(8px,env(safe-area-inset-left) + 3px)}.settings-nav[data-v-5681ad02]{width:48px;padding:12px 2px;overflow-x:hidden}.nav-item[data-v-5681ad02]{padding:8px 4px;margin:1px 0;min-width:0}.nav-icon[data-v-5681ad02]{font-size:1.1rem;line-height:1}.settings-panel[data-v-5681ad02]{width:96vw;height:calc(100vh - max(100px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 100px));max-height:70vh}.settings-header[data-v-5681ad02]{padding:10px 14px}.settings-header h2[data-v-5681ad02]{font-size:1.1rem}.close-btn[data-v-5681ad02]{padding:6px;font-size:1.2rem}.settings-footer[data-v-5681ad02]{padding:10px 14px}.reset-btn[data-v-5681ad02]{padding:8px 16px;font-size:.85rem}}svg[data-v-2b3b4044]{transition:all .2s ease}svg.disabled[data-v-2b3b4044]{opacity:.4}svg.speaking[data-v-2b3b4044]{animation:soundWave-2b3b4044 2s ease-in-out infinite}@keyframes soundWave-2b3b4044{0%,to{filter:drop-shadow(0 0 4px #ef4444);opacity:.8}50%{filter:drop-shadow(0 0 12px #ef4444);opacity:1}}.header-metronome[data-v-70b453df]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;position:relative}.circle-mode[data-v-70b453df]{width:100%;height:100%}.beat-circle[data-v-70b453df]{width:100%;height:100%;border-radius:50%;background:currentColor;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.8;position:relative;z-index:2}.beat-circle.beat[data-v-70b453df]{transform:scale(1.1);opacity:1}.beat-circle.accent[data-v-70b453df]{transform:scale(1.2);opacity:1}.pulse-ring[data-v-70b453df]{position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);animation:pulse-70b453df .3s ease-out;z-index:1}@keyframes pulse-70b453df{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.beat-number[data-v-70b453df]{font-size:10px;font-weight:700;color:#374151;line-height:1}.beat-circle.beat .beat-number[data-v-70b453df]{color:#fff}.bar-mode[data-v-70b453df],.corner-squares[data-v-70b453df]{width:100%;height:100%;position:relative}.corner-square[data-v-70b453df]{position:absolute;width:4px;height:4px;background:#d1d5db;border-radius:1px;transition:all .15s ease}.corner-square.active[data-v-70b453df]{background:currentColor;transform:scale(1.2)}.corner-square.current[data-v-70b453df]{background:currentColor;transform:scale(1.4);box-shadow:0 0 6px currentColor}.corner-square.accent[data-v-70b453df]{background:#ef4444!important;transform:scale(1.5);box-shadow:0 0 8px #ef4444}.corner-square.top-left[data-v-70b453df]{top:0;left:0}.corner-square.top-right[data-v-70b453df]{top:0;right:0}.corner-square.bottom-right[data-v-70b453df]{bottom:0;right:0}.corner-square.bottom-left[data-v-70b453df]{bottom:0;left:0}.corner-square.middle-left[data-v-70b453df]{top:50%;left:0;transform:translateY(-50%)}.corner-square.middle-left.active[data-v-70b453df]{transform:translateY(-50%) scale(1.2)}.corner-square.middle-left.current[data-v-70b453df]{transform:translateY(-50%) scale(1.4)}.corner-square.middle-left.accent[data-v-70b453df]{transform:translateY(-50%) scale(1.5)}.corner-square.middle-right[data-v-70b453df]{top:50%;right:0;transform:translateY(-50%)}.corner-square.middle-right.active[data-v-70b453df]{transform:translateY(-50%) scale(1.2)}.corner-square.middle-right.current[data-v-70b453df]{transform:translateY(-50%) scale(1.4)}.corner-square.middle-right.accent[data-v-70b453df]{transform:translateY(-50%) scale(1.5)}.pendulum-mode[data-v-70b453df]{width:100%;height:100%}.pendulum-container[data-v-70b453df]{width:100%;height:100%;position:relative}.pendulum[data-v-70b453df]{position:absolute;top:0;left:50%;width:1px;height:14px;background:currentColor;transform-origin:top center;transition:transform .1s ease}.pendulum.swinging[data-v-70b453df]{animation:headerSwing-70b453df ease-in-out infinite}.pendulum-bob[data-v-70b453df]{position:absolute;bottom:-2px;left:-2px;width:4px;height:4px;border-radius:50%;background:currentColor;transition:all .1s}.pendulum-bob.accent[data-v-70b453df]{background:#ef4444;transform:scale(1.2)}@keyframes headerSwing-70b453df{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}.flash-mode[data-v-70b453df]{width:100%;height:100%}.flash-square[data-v-70b453df]{width:100%;height:100%;border-radius:3px;background:currentColor;display:flex;align-items:center;justify-content:center;transition:all .1s ease;opacity:.6}.flash-square.flash[data-v-70b453df]{opacity:1;transform:scale(1.1);box-shadow:0 0 6px currentColor}.flash-square.flash.accent[data-v-70b453df]{background:#ef4444;box-shadow:0 0 8px #ef4444}.flash-square.flash.color-red[data-v-70b453df]{background:#ef4444;box-shadow:0 0 6px #ef4444}.flash-square.flash.color-blue[data-v-70b453df]{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.flash-square.flash.color-green[data-v-70b453df]{background:#10b981;box-shadow:0 0 6px #10b981}.flash-square.flash.color-yellow[data-v-70b453df]{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.beat-text[data-v-70b453df]{font-size:10px;font-weight:700;color:#374151;line-height:1}.flash-square.flash .beat-text[data-v-70b453df]{color:#fff}.default-icon[data-v-70b453df]{font-size:18px;line-height:1}.header-metronome:not(.active) .beat-circle[data-v-70b453df],.header-metronome:not(.active) .flash-circle[data-v-70b453df]{opacity:.5}.head-view-container[data-v-b56480db]{display:flex;align-items:center;justify-content:space-between;height:56px;box-sizing:border-box;width:95%;margin:0 auto}.splash-screen[data-v-b56480db]{position:fixed;inset:0;background:#f8fafc;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}.splash-logo[data-v-b56480db]{width:80px;height:80px;margin-bottom:24px}.splash-title[data-v-b56480db]{font-size:2.2rem;font-weight:700;color:#22c55e;margin-bottom:12px}.splash-desc[data-v-b56480db]{font-size:1.2rem;color:#333;margin-bottom:32px;text-align:center}.fixed-logo[data-v-b56480db]{width:32px;height:32px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0001;padding:2px;cursor:pointer;transition:all .2s ease}.fixed-logo[data-v-b56480db]:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.hamburger[data-v-b56480db]{width:38px;height:38px;background:none;border:none;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:6px;cursor:pointer}.hamburger span[data-v-b56480db]{display:block;width:26px;height:3px;background:#333;border-radius:2px;margin:3px 0;transition:all .2s}.quick-actions[data-v-b56480db]{display:flex;align-items:center;gap:8px}.quick-btn[data-v-b56480db]{width:36px;height:36px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.quick-btn[data-v-b56480db]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026;border-color:#cbd5e1}.quick-btn.active[data-v-b56480db]{background:#10b981;border-color:#10b981;color:#fff}.quick-btn.active .btn-icon[data-v-b56480db]{filter:brightness(1.2)}.quick-btn.disabled[data-v-b56480db]{opacity:.5;cursor:not-allowed}.quick-btn.disabled[data-v-b56480db]:hover{transform:none;box-shadow:0 1px 3px #0000001a}.btn-icon[data-v-b56480db]{font-size:1.2rem;line-height:1}.metronome-btn.active[data-v-b56480db]{background:#f59e0b;border-color:#f59e0b;animation:pulse-b56480db 1s infinite}@keyframes pulse-b56480db{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mode-btn.active[data-v-b56480db]{background:#3b82f6;border-color:#3b82f6}.sound-btn[data-v-b56480db]{background:#fff;border-color:#e2e8f0}.sound-btn[data-v-b56480db]:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1}.sound-btn.active[data-v-b56480db]{background:#10b981;border-color:#10b981}.sound-btn.disabled[data-v-b56480db]{opacity:.4;cursor:not-allowed}.sound-btn.disabled[data-v-b56480db]:hover{background:#fff;border-color:#e2e8f0;transform:none;box-shadow:0 1px 3px #0000001a}.sound-btn.speaking[data-v-b56480db]{background:#ef4444;border-color:#ef4444;animation:recording-pulse-b56480db 1.5s infinite}@keyframes recording-pulse-b56480db{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef44444d}50%{transform:scale(1.05);box-shadow:0 4px 16px #ef444480}}.header-right[data-v-b56480db]{display:flex;align-items:center;gap:8px}.analytics-btn[data-v-b56480db]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.analytics-btn[data-v-b56480db]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.analytics-btn .btn-icon[data-v-b56480db]{filter:brightness(1.1)}.fade-enter-active[data-v-b56480db],.fade-leave-active[data-v-b56480db]{transition:opacity .5s ease}.fade-enter-from[data-v-b56480db],.fade-leave-to[data-v-b56480db]{opacity:0}@media (max-width: 640px){.head-view-container[data-v-b56480db]{height:44px;padding:0 8px}.fixed-logo[data-v-b56480db]{width:26px;height:26px;padding:1px}.quick-actions[data-v-b56480db]{gap:6px}.quick-btn[data-v-b56480db]{width:32px;height:32px}.btn-icon[data-v-b56480db]{font-size:1rem}}.toast[data-v-6512d47b]{position:fixed;top:80px;right:20px;z-index:9999;min-width:300px;max-width:500px;border-radius:12px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.toast[data-v-6512d47b]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003}.toast-content[data-v-6512d47b]{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fffffff2;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.toast-icon[data-v-6512d47b]{font-size:1.2rem;flex-shrink:0}.toast-message[data-v-6512d47b]{flex:1;font-size:.95rem;font-weight:500;line-height:1.4;color:#374151}.toast-close[data-v-6512d47b]{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close[data-v-6512d47b]:hover{background:#0000001a;color:#6b7280}.toast-success[data-v-6512d47b]{border-left:4px solid #22c55e}.toast-success .toast-content[data-v-6512d47b]{background:linear-gradient(135deg,#22c55e1a,#fffffff2)}.toast-error[data-v-6512d47b]{border-left:4px solid #ef4444}.toast-error .toast-content[data-v-6512d47b]{background:linear-gradient(135deg,#ef44441a,#fffffff2)}.toast-warning[data-v-6512d47b]{border-left:4px solid #f59e0b}.toast-warning .toast-content[data-v-6512d47b]{background:linear-gradient(135deg,#f59e0b1a,#fffffff2)}.toast-info[data-v-6512d47b]{border-left:4px solid #3b82f6}.toast-info .toast-content[data-v-6512d47b]{background:linear-gradient(135deg,#3b82f61a,#fffffff2)}.toast-enter-active[data-v-6512d47b],.toast-leave-active[data-v-6512d47b]{transition:all .4s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-6512d47b]{opacity:0;transform:translate(100%) scale(.95)}.toast-leave-to[data-v-6512d47b]{opacity:0;transform:translate(100%) scale(1.05)}@media (max-width: 640px){.toast[data-v-6512d47b]{top:60px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content[data-v-6512d47b]{padding:14px 16px}.toast-message[data-v-6512d47b]{font-size:.9rem}}.toast-container[data-v-78378512]{position:fixed;top:0;right:0;z-index:9999;pointer-events:none}.toast-container[data-v-78378512]>*{pointer-events:auto}.task-list-wrapper[data-v-b1da863a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;margin:0 auto}.bg-ready[data-v-b1da863a]{background-color:transparent}.bg-active[data-v-b1da863a]{background-color:#15803d;transition:background-color .5s ease}.bg-paused[data-v-b1da863a]{background-color:#f59e0b;transition:background-color .5s ease}.bg-finished[data-v-b1da863a]{background-color:#fef2f2;transition:background-color .5s ease}.step-list[data-v-b1da863a]{width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:center;min-height:210px;padding:0 4px;box-sizing:border-box}.step-item[data-v-b1da863a]{display:flex;align-items:center;justify-content:flex-start;background:#ff0;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:16px;transition:box-shadow .2s,opacity .3s,background-color .3s,transform .3s;box-sizing:border-box}.step-icon[data-v-b1da863a]{margin-right:12px;font-size:1.3em}.step-checkmark[data-v-b1da863a]{margin-left:12px;font-size:1.3em;color:#22c55e}.step-complete-btn[data-v-b1da863a]{margin-left:12px;background:#22c55e;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #22c55e33;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.step-complete-btn[data-v-b1da863a]:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 8px #22c55e4d}.step-complete-btn[data-v-b1da863a]:active{transform:translateY(0);box-shadow:0 2px 4px #22c55e33}.step-item.current[data-v-b1da863a]{font-weight:700;box-shadow:0 2px 8px #22c55e1a}.step-content[data-v-b1da863a]{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.step-text[data-v-b1da863a]{font-size:1rem;color:#888;transition:font-size .2s,color .2s;line-height:1.4}.step-duration[data-v-b1da863a]{font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px;align-self:flex-start;transition:all .2s}.step-duration.duration-custom[data-v-b1da863a]{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.step-duration.duration-default[data-v-b1da863a]{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.step-text.current-text[data-v-b1da863a]{font-size:1.4rem;color:#22c55e;font-weight:700}.step-text.nearby-text[data-v-b1da863a]{font-size:1.15rem;color:#16a34a;font-weight:600}.step-text.other-text[data-v-b1da863a]{color:#888}@media (max-width: 640px){.step-text[data-v-b1da863a]{font-size:.95rem}.step-text.current-text[data-v-b1da863a]{font-size:1.1rem}}.go-btn[data-v-b1da863a]{background:#22c55e!important;color:#fff!important;border:none!important;border-radius:12px;padding:0;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #22c55e4d;transition:background .2s;width:80px;height:80px;display:flex;align-items:center;justify-content:center;outline:none;position:relative;z-index:10}.go-btn[data-v-b1da863a]:hover{background:#16a34a}.finish-box[data-v-b1da863a]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px}.finish-icon[data-v-b1da863a]{width:80px!important;height:80px!important;background:#ef4444;border-radius:16px!important;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 2px 8px #ef444433}.finish-text-box[data-v-b1da863a]{display:flex;flex-direction:column;align-items:center;margin-top:8px}.finish-text[data-v-b1da863a]{color:#ef4444;font-size:2rem;font-weight:700;margin-top:8px}.progress-indicator[data-v-b1da863a]{width:100%;padding:20px;background:#ffffffe6;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.progress-header[data-v-b1da863a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.total-duration[data-v-b1da863a]{font-size:.875rem;color:#6b7280;background:#f9fafb;padding:4px 8px;border-radius:4px;border:1px solid #e5e7eb}.progress-text[data-v-b1da863a]{font-size:1.1rem;font-weight:600;color:#1f2937}.step-counter[data-v-b1da863a]{font-size:.9rem;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:6px}.progress-dots[data-v-b1da863a]{display:flex;justify-content:space-between;align-items:center;position:relative;padding:20px 0;width:80%;margin:0 auto}.progress-dots[data-v-b1da863a]:before{content:"";position:absolute;top:50%;left:16px;right:16px;height:4px;background:#e5e7eb;transform:translateY(-50%);z-index:1;border-radius:2px}.progress-dots[data-v-b1da863a]:after{content:"";position:absolute;top:50%;left:16px;height:4px;background:#22c55e;transform:translateY(-50%);z-index:1;border-radius:2px;transition:width .5s ease;width:var(--progress-width, 0%)}.progress-dot[data-v-b1da863a]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;font-size:.8rem;font-weight:600;z-index:2;background:#fff;border:3px solid #e5e7eb;flex-shrink:0}.dot-completed[data-v-b1da863a]{background:#22c55e;color:#fff;box-shadow:0 2px 8px #22c55e4d}.dot-current[data-v-b1da863a]{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f666;animation:pulse-current-b1da863a 2s infinite}.dot-pending[data-v-b1da863a]{background:#e5e7eb;border:2px solid #d1d5db;color:#9ca3af}.dot-check[data-v-b1da863a]{font-size:1rem;font-weight:700}.dot-pulse[data-v-b1da863a]{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse-dot-b1da863a 1.5s infinite}@keyframes pulse-current-b1da863a{0%,to{transform:scale(1);box-shadow:0 2px 8px #3b82f666}50%{transform:scale(1.1);box-shadow:0 4px 16px #3b82f699}}@keyframes pulse-dot-b1da863a{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.task-info-section[data-v-b1da863a]{text-align:center;margin-bottom:24px;padding:20px;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a}.task-name[data-v-b1da863a]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 12px}.task-author-info[data-v-b1da863a]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#eff6ff;border-radius:8px;border-left:3px solid #3b82f6;margin-top:8px}.author-label[data-v-b1da863a]{font-size:.875rem;color:#64748b;font-weight:500}.author-name[data-v-b1da863a]{font-size:.875rem;color:#3b82f6;font-weight:600}.start-section[data-v-b1da863a]{display:flex;flex-direction:column;align-items:center;gap:16px}.control-section[data-v-b1da863a]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:0 20px;flex-wrap:wrap}.control-btn[data-v-b1da863a]{background:#fff;color:#374151;border:2px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.control-btn[data-v-b1da863a]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.pause-btn[data-v-b1da863a]{border-color:#f59e0b;color:#d97706}.pause-btn[data-v-b1da863a]:hover{background:#fef3c7;border-color:#d97706}.resume-btn[data-v-b1da863a]{border-color:#10b981;color:#059669}.resume-btn[data-v-b1da863a]:hover{background:#d1fae5;border-color:#059669}.reset-btn[data-v-b1da863a]{border-color:#6b7280;color:#4b5563}.complete-btn[data-v-b1da863a]{border-color:#3b82f6;color:#2563eb}.complete-btn[data-v-b1da863a]:hover{background:#dbeafe;border-color:#2563eb}.reset-btn[data-v-b1da863a]:hover{background:#f3f4f6;border-color:#4b5563}@media (min-width: 1025px){.progress-dots[data-v-b1da863a]{width:85%;padding:24px 0}.progress-dot[data-v-b1da863a]{width:40px;height:40px;font-size:.9rem}.progress-dots[data-v-b1da863a]:before,.progress-dots[data-v-b1da863a]:after{left:20px;right:20px;height:5px}}@media (min-width: 769px) and (max-width: 1024px){.progress-dots[data-v-b1da863a]{width:80%;padding:22px 0}.progress-dot[data-v-b1da863a]{width:36px;height:36px;font-size:.85rem}.progress-dots[data-v-b1da863a]:before,.progress-dots[data-v-b1da863a]:after{left:18px;right:18px;height:4px}}@media (max-width: 768px){.progress-indicator[data-v-b1da863a]{padding:16px 8px}.progress-dots[data-v-b1da863a]{width:90%;padding:16px 0}.progress-dot[data-v-b1da863a]{width:24px;height:24px;font-size:.7rem;border-width:2px}.progress-dots[data-v-b1da863a]:before,.progress-dots[data-v-b1da863a]:after{left:12px;right:12px;height:3px}.progress-text[data-v-b1da863a]{font-size:1rem}.step-counter[data-v-b1da863a],.total-duration[data-v-b1da863a]{font-size:.8rem}}.completion-celebration[data-v-b1da863a]{width:100%;max-width:500px;text-align:center;padding:32px 24px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:16px;box-shadow:0 8px 32px #22c55e1a;border:1px solid rgba(34,197,94,.1)}.celebration-header[data-v-b1da863a]{margin-bottom:32px}.completion-icon[data-v-b1da863a]{margin-bottom:16px;animation:celebration-bounce-b1da863a .6s ease-out}.completion-title[data-v-b1da863a]{font-size:1.8rem;font-weight:700;color:#15803d;margin:0 0 8px;animation:celebration-fade-in-b1da863a .8s ease-out .2s both}.completion-message[data-v-b1da863a]{font-size:1.1rem;color:#166534;margin:0;line-height:1.5;animation:celebration-fade-in-b1da863a .8s ease-out .4s both}.completion-stats[data-v-b1da863a]{display:flex;justify-content:space-around;margin-bottom:32px;padding:20px;background:#ffffffb3;border-radius:12px;animation:celebration-slide-up-b1da863a .8s ease-out .6s both}.stat-item[data-v-b1da863a]{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-icon[data-v-b1da863a]{font-size:1.5rem;margin-bottom:4px}.stat-value[data-v-b1da863a]{font-size:1.2rem;font-weight:700;color:#15803d}.stat-label[data-v-b1da863a]{font-size:.875rem;color:#6b7280;font-weight:500}.completion-actions[data-v-b1da863a]{display:flex;flex-direction:column;gap:12px;animation:celebration-slide-up-b1da863a .8s ease-out .8s both}.action-btn[data-v-b1da863a]{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn.primary[data-v-b1da863a]{background:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e4d}.action-btn.primary[data-v-b1da863a]:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.action-btn.secondary[data-v-b1da863a]{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.action-btn.secondary[data-v-b1da863a]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.action-btn.tertiary[data-v-b1da863a]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-btn.tertiary[data-v-b1da863a]:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}@keyframes celebration-bounce-b1da863a{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes celebration-fade-in-b1da863a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes celebration-slide-up-b1da863a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.completion-celebration[data-v-b1da863a]{padding:24px 16px}.completion-title[data-v-b1da863a]{font-size:1.5rem}.completion-message[data-v-b1da863a]{font-size:1rem}.completion-stats[data-v-b1da863a]{flex-direction:column;gap:16px;padding:16px}.stat-item[data-v-b1da863a]{flex-direction:row;justify-content:space-between;padding:8px 0}.action-btn[data-v-b1da863a]{padding:14px 20px;font-size:.95rem}}.audio-preload-indicator[data-v-e3b9849c]{position:fixed;top:20px;right:20px;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000026;border:1px solid rgba(0,0,0,.1);min-width:280px;max-width:400px;animation:slideIn-e3b9849c .3s ease-out}@keyframes slideIn-e3b9849c{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.indicator-content[data-v-e3b9849c]{display:flex;align-items:flex-start;gap:12px}.indicator-icon[data-v-e3b9849c]{font-size:1.2rem;flex-shrink:0;margin-top:2px}.indicator-icon span[data-v-e3b9849c]{display:inline-block;animation:spin-e3b9849c 1s linear infinite}.indicator-icon span[data-v-e3b9849c]:not(:first-child){animation:none}@keyframes spin-e3b9849c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.indicator-text[data-v-e3b9849c]{flex:1;min-width:0}.main-text[data-v-e3b9849c]{font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:4px}.detail-text[data-v-e3b9849c]{font-size:.8rem;color:#64748b;line-height:1.3}.progress-bar[data-v-e3b9849c]{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-top:8px}.progress-fill[data-v-e3b9849c]{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .3s ease}@media (max-width: 640px){.audio-preload-indicator[data-v-e3b9849c]{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}@media (prefers-color-scheme: dark){.audio-preload-indicator[data-v-e3b9849c]{background:#1e293bf2;border-color:#ffffff1a}.main-text[data-v-e3b9849c]{color:#f1f5f9}.detail-text[data-v-e3b9849c]{color:#94a3b8}.progress-bar[data-v-e3b9849c]{background:#334155}}.task-card[data-v-9d4a3c5f]{position:relative;background:#fff;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.task-card.selected[data-v-9d4a3c5f]{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f633}.task-checkbox[data-v-9d4a3c5f]{position:absolute;top:8px;right:8px;z-index:10;cursor:pointer;padding:4px;border-radius:4px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.task-checkbox[data-v-9d4a3c5f]:hover{background:#fff;transform:scale(1.1)}.task-checkbox input[type=checkbox][data-v-9d4a3c5f]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;pointer-events:none}.task-checkbox input[type=checkbox][data-v-9d4a3c5f]:disabled{cursor:not-allowed;opacity:.5}.task-card[data-v-9d4a3c5f]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;border-color:#cbd5e1cc}.card-accent[data-v-9d4a3c5f]{height:4px;width:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light));position:relative}.card-accent[data-v-9d4a3c5f]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-9d4a3c5f 2s infinite}@keyframes shimmer-9d4a3c5f{0%{transform:translate(-100%)}to{transform:translate(100%)}}.accent-green[data-v-9d4a3c5f]{--accent-color: #10b981;--accent-color-light: #34d399}.accent-yellow[data-v-9d4a3c5f]{--accent-color: #f59e0b;--accent-color-light: #fbbf24}.accent-red[data-v-9d4a3c5f]{--accent-color: #ef4444;--accent-color-light: #f87171}.accent-purple[data-v-9d4a3c5f]{--accent-color: #8b5cf6;--accent-color-light: #a78bfa}.accent-gray[data-v-9d4a3c5f]{--accent-color: #6b7280;--accent-color-light: #9ca3af}.card-content[data-v-9d4a3c5f]{padding:24px;display:flex;flex-direction:column;height:100%;min-height:200px}.task-header[data-v-9d4a3c5f]{margin-bottom:16px}.task-title-row[data-v-9d4a3c5f]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.task-emoji[data-v-9d4a3c5f]{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.task-name[data-v-9d4a3c5f]{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;line-height:1.3;letter-spacing:-.025em;flex:1;min-width:0}.edit-btn[data-v-9d4a3c5f]{background:none;border:none;font-size:1rem;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;opacity:.6;flex-shrink:0}.edit-btn[data-v-9d4a3c5f]:hover{opacity:1;background:#0000000d;transform:scale(1.1)}.task-meta[data-v-9d4a3c5f]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (min-width: 768px){.task-meta[data-v-9d4a3c5f]{justify-content:flex-start}}@media (max-width: 767px) and (min-width: 481px){.task-meta[data-v-9d4a3c5f]{justify-content:center}}@media (max-width: 480px){.task-meta[data-v-9d4a3c5f]{justify-content:flex-start;gap:6px}.task-steps[data-v-9d4a3c5f],.task-author[data-v-9d4a3c5f],.task-difficulty[data-v-9d4a3c5f]{padding:3px 6px;font-size:.7rem}}@media (max-width: 768px){.task-name[data-v-9d4a3c5f]{font-size:1.125rem}}@media (max-width: 480px){.task-name[data-v-9d4a3c5f]{font-size:1rem}.task-emoji[data-v-9d4a3c5f]{font-size:1.25rem}}.task-steps[data-v-9d4a3c5f]{display:flex;align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid rgba(226,232,240,.8)}.task-author[data-v-9d4a3c5f]{display:flex;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:500;border:1px solid rgba(14,165,233,.3)}.task-difficulty[data-v-9d4a3c5f]{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1px solid}.difficulty-dot[data-v-9d4a3c5f]{width:4px;height:4px;border-radius:50%;background:currentColor}.difficulty-green[data-v-9d4a3c5f]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#22c55e}.difficulty-yellow[data-v-9d4a3c5f]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b}.difficulty-red[data-v-9d4a3c5f]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444}.difficulty-purple[data-v-9d4a3c5f]{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;border-color:#8b5cf6;box-shadow:0 0 20px #7c3aed4d;animation:legendary-pulse-9d4a3c5f 2s ease-in-out infinite alternate}@keyframes legendary-pulse-9d4a3c5f{0%{box-shadow:0 0 20px #7c3aed4d;transform:scale(1)}to{box-shadow:0 0 30px #7c3aed80;transform:scale(1.05)}}.task-description[data-v-9d4a3c5f]{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-footer[data-v-9d4a3c5f]{margin-top:auto;display:flex;flex-direction:column;gap:12px}.task-info-tags[data-v-9d4a3c5f]{display:flex;gap:8px;flex-wrap:wrap}.info-tag[data-v-9d4a3c5f]{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid}.tag-icon[data-v-9d4a3c5f]{width:14px;height:14px;opacity:.8}.author-tag[data-v-9d4a3c5f]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;border-color:#0ea5e9}.source-tag[data-v-9d4a3c5f]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border-color:#22c55e}.task-start-btn[data-v-9d4a3c5f]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn-icon[data-v-9d4a3c5f]{width:20px;height:20px;transition:transform .3s ease}.task-start-btn:hover .btn-icon[data-v-9d4a3c5f]{transform:scale(1.2)}.task-start-btn[data-v-9d4a3c5f]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.task-start-btn[data-v-9d4a3c5f]:hover:before{left:100%}.btn-green[data-v-9d4a3c5f]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 14px #22c55e66}.btn-green[data-v-9d4a3c5f]:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 8px 25px #22c55e80}.btn-yellow[data-v-9d4a3c5f]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 14px #f59e0b66}.btn-yellow[data-v-9d4a3c5f]:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}.btn-red[data-v-9d4a3c5f]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-red[data-v-9d4a3c5f]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px #ef444480}.btn-purple[data-v-9d4a3c5f]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 14px #8b5cf666;animation:legendary-btn-glow-9d4a3c5f 2s ease-in-out infinite alternate}.btn-purple[data-v-9d4a3c5f]:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf699}@keyframes legendary-btn-glow-9d4a3c5f{0%{box-shadow:0 4px 14px #8b5cf666}to{box-shadow:0 6px 20px #8b5cf699}}.btn-gray[data-v-9d4a3c5f]{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 14px #6b728066}.btn-gray[data-v-9d4a3c5f]:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 8px 25px #6b728080}@media (max-width: 640px){.card-content[data-v-9d4a3c5f]{padding:20px;min-height:180px}.task-title-row[data-v-9d4a3c5f]{gap:12px}.emoji-container[data-v-9d4a3c5f]{width:40px;height:40px;border-radius:12px}.task-emoji[data-v-9d4a3c5f],.task-name[data-v-9d4a3c5f]{font-size:1.25rem}.task-meta[data-v-9d4a3c5f]{justify-content:flex-start;gap:8px}.task-steps[data-v-9d4a3c5f],.task-difficulty[data-v-9d4a3c5f]{font-size:.75rem;padding:4px 8px}.task-start-btn[data-v-9d4a3c5f]{padding:12px 16px;font-size:.9rem}.btn-icon[data-v-9d4a3c5f]{width:18px;height:18px}}@media (max-width: 480px){.card-content[data-v-9d4a3c5f]{padding:16px;min-height:160px}.task-name[data-v-9d4a3c5f]{font-size:1.125rem}.task-description[data-v-9d4a3c5f]{font-size:.875rem;-webkit-line-clamp:2}.task-info-tags[data-v-9d4a3c5f]{gap:6px}.info-tag[data-v-9d4a3c5f]{font-size:.75rem;padding:4px 8px}}.official-task-library[data-v-36ebcce8]{width:100%}.category-nav[data-v-36ebcce8]{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.category-item[data-v-36ebcce8]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#64748b}.category-item[data-v-36ebcce8]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.category-item.active[data-v-36ebcce8]{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.category-icon[data-v-36ebcce8]{font-size:1.2rem}.category-text[data-v-36ebcce8]{font-weight:600}@media (max-width: 768px){.category-nav[data-v-36ebcce8]{gap:6px;margin-bottom:24px;justify-content:center}.category-item[data-v-36ebcce8]{padding:0;gap:0;width:48px;height:48px;min-width:48px;min-height:48px;justify-content:center;border-radius:50%;flex-shrink:0}.category-icon[data-v-36ebcce8]{font-size:1.5rem}.category-text[data-v-36ebcce8]{display:none}}@media (max-width: 480px){.category-nav[data-v-36ebcce8]{gap:4px}.category-item[data-v-36ebcce8]{padding:0;width:44px;height:44px;min-width:44px;min-height:44px}.category-icon[data-v-36ebcce8]{font-size:1.3rem}}.task-list[data-v-36ebcce8]{min-height:400px}.empty-state[data-v-36ebcce8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-36ebcce8]{font-size:4rem;margin-bottom:16px;opacity:.6}.empty-text[data-v-36ebcce8]{font-size:1.5rem;font-weight:600;color:#64748b;margin-bottom:8px}.empty-desc[data-v-36ebcce8]{font-size:1rem;color:#94a3b8}.task-grid[data-v-36ebcce8]{display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}@media (max-width: 1400px){.task-grid[data-v-36ebcce8]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.task-grid[data-v-36ebcce8]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.task-grid[data-v-36ebcce8]{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.task-grid[data-v-36ebcce8]{grid-template-columns:1fr;gap:12px}}.task-records[data-v-b70d6dbd]{max-width:1000px;margin:0 auto;padding:24px}.records-header[data-v-b70d6dbd]{text-align:center;margin-bottom:32px}.records-title[data-v-b70d6dbd]{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 8px}.records-desc[data-v-b70d6dbd]{font-size:1rem;color:#6b7280;margin:0}.stats-overview[data-v-b70d6dbd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card[data-v-b70d6dbd]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card[data-v-b70d6dbd]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon[data-v-b70d6dbd]{font-size:2rem;flex-shrink:0}.stat-info[data-v-b70d6dbd]{flex:1}.stat-value[data-v-b70d6dbd]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label[data-v-b70d6dbd]{font-size:.875rem;color:#6b7280}.controls[data-v-b70d6dbd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.view-switcher[data-v-b70d6dbd]{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.view-btn[data-v-b70d6dbd]{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;color:#64748b}.view-btn[data-v-b70d6dbd]:hover{background:#ffffff80}.view-btn.active[data-v-b70d6dbd]{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.filters[data-v-b70d6dbd]{display:flex;gap:12px}.filter-select[data-v-b70d6dbd]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer}.actions[data-v-b70d6dbd]{display:flex;gap:8px}.action-btn[data-v-b70d6dbd]{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.export-btn[data-v-b70d6dbd]:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.clear-btn[data-v-b70d6dbd]:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.clear-btn.confirm[data-v-b70d6dbd]{background:#ef4444;color:#fff;border-color:#dc2626}.loading[data-v-b70d6dbd],.empty-state[data-v-b70d6dbd]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-icon[data-v-b70d6dbd],.empty-icon[data-v-b70d6dbd]{font-size:3rem;margin-bottom:16px;opacity:.6}.loading-icon[data-v-b70d6dbd]{animation:spin-b70d6dbd 2s linear infinite}@keyframes spin-b70d6dbd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-b70d6dbd],.empty-text[data-v-b70d6dbd]{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:8px}.empty-desc[data-v-b70d6dbd]{font-size:.875rem;color:#6b7280}.records-list[data-v-b70d6dbd]{display:flex;flex-direction:column;gap:16px}.record-item[data-v-b70d6dbd]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.record-item[data-v-b70d6dbd]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.record-header[data-v-b70d6dbd]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.record-title[data-v-b70d6dbd]{display:flex;align-items:center;gap:8px;flex:1}.category-icon[data-v-b70d6dbd]{font-size:1.2rem}.task-name[data-v-b70d6dbd]{font-size:1.1rem;font-weight:600;color:#1f2937}.task-author[data-v-b70d6dbd]{font-size:.875rem;color:#6b7280;font-style:italic}.record-time[data-v-b70d6dbd]{font-size:.875rem;color:#6b7280;white-space:nowrap}.record-details[data-v-b70d6dbd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item[data-v-b70d6dbd]{display:flex;align-items:center;gap:8px}.detail-label[data-v-b70d6dbd]{font-size:.875rem;color:#6b7280;font-weight:500;min-width:40px}.detail-value[data-v-b70d6dbd]{font-size:.875rem;color:#374151;font-weight:600}.status-badge[data-v-b70d6dbd]{display:inline-flex;align-items:center;gap:4px;font-weight:600}.progress-percentage[data-v-b70d6dbd]{color:#6b7280;font-weight:400}.category-tag[data-v-b70d6dbd]{display:inline-flex;align-items:center;gap:4px;background:#f3f4f6;padding:2px 8px;border-radius:4px}.records-by-category[data-v-b70d6dbd]{display:flex;flex-direction:column;gap:24px}.category-group[data-v-b70d6dbd]{background:#f8fafc;border-radius:12px;overflow:hidden}.category-header[data-v-b70d6dbd]{background:#e2e8f0;padding:16px 20px;border-bottom:1px solid #cbd5e1}.category-info[data-v-b70d6dbd]{display:flex;align-items:center;gap:8px}.category-name[data-v-b70d6dbd]{font-size:1.1rem;font-weight:600;color:#1f2937}.category-count[data-v-b70d6dbd]{font-size:.875rem;color:#6b7280}.category-records[data-v-b70d6dbd]{padding:16px;display:flex;flex-direction:column;gap:12px}.record-item.compact[data-v-b70d6dbd]{padding:16px;margin:0}.record-item.compact .record-header[data-v-b70d6dbd]{margin-bottom:8px}.record-summary[data-v-b70d6dbd]{display:flex;align-items:center;gap:12px;font-size:.875rem}.duration[data-v-b70d6dbd],.progress[data-v-b70d6dbd]{color:#6b7280}@media (max-width: 768px){.task-records[data-v-b70d6dbd]{padding:16px}.records-title[data-v-b70d6dbd]{font-size:1.5rem}.stats-overview[data-v-b70d6dbd]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-b70d6dbd]{padding:16px}.stat-icon[data-v-b70d6dbd]{font-size:1.5rem}.stat-value[data-v-b70d6dbd]{font-size:1.25rem}.controls[data-v-b70d6dbd]{flex-direction:column;align-items:stretch;gap:12px}.filters[data-v-b70d6dbd],.actions[data-v-b70d6dbd]{justify-content:center}.record-details[data-v-b70d6dbd]{grid-template-columns:1fr;gap:8px}.record-header[data-v-b70d6dbd]{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.stats-overview[data-v-b70d6dbd]{grid-template-columns:1fr}.view-switcher[data-v-b70d6dbd]{width:100%}.view-btn[data-v-b70d6dbd]{flex:1;text-align:center}.filters[data-v-b70d6dbd]{flex-direction:column;gap:8px}.filter-select[data-v-b70d6dbd]{width:100%}}.user-task-library[data-v-4c215cf5]{min-height:400px}.records-btn[data-v-4c215cf5]{display:flex;align-items:center;gap:5px;background:#6b7280;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.records-btn[data-v-4c215cf5]:hover{background:#4b5563}.records-btn.active[data-v-4c215cf5]{background:#3b82f6}.records-btn.active[data-v-4c215cf5]:hover{background:#2563eb}.records-header[data-v-4c215cf5]{margin-bottom:16px}.back-btn[data-v-4c215cf5]{display:flex;align-items:center;gap:6px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn[data-v-4c215cf5]:hover{background:#e5e7eb;border-color:#9ca3af}.tasks-tab[data-v-4c215cf5],.records-tab[data-v-4c215cf5]{min-height:400px}.category-nav[data-v-4c215cf5]{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.category-item[data-v-4c215cf5]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#64748b}.category-item[data-v-4c215cf5]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.category-item.active[data-v-4c215cf5]{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.category-icon[data-v-4c215cf5]{font-size:1.2rem}.category-text[data-v-4c215cf5]{font-weight:600}@media (max-width: 768px){.category-nav[data-v-4c215cf5]{gap:6px;margin-bottom:24px;justify-content:center}.category-item[data-v-4c215cf5]{padding:0;gap:0;width:48px;height:48px;min-width:48px;min-height:48px;justify-content:center;border-radius:50%;flex-shrink:0}.category-icon[data-v-4c215cf5]{font-size:1.5rem}.category-text[data-v-4c215cf5]{display:none}}@media (max-width: 480px){.category-nav[data-v-4c215cf5]{gap:4px}.category-item[data-v-4c215cf5]{padding:0;width:44px;height:44px;min-width:44px;min-height:44px}.category-icon[data-v-4c215cf5]{font-size:1.3rem}}.task-toolbar[data-v-4c215cf5]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;gap:12px}.toolbar-left[data-v-4c215cf5]{display:flex;align-items:center;gap:10px}.share-controls[data-v-4c215cf5],.toolbar-right[data-v-4c215cf5]{display:flex;align-items:center;gap:8px}.selection-toggle[data-v-4c215cf5]{display:flex;align-items:center;gap:5px;background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.selection-toggle[data-v-4c215cf5]:hover{background:#2563eb}.selection-toggle.active[data-v-4c215cf5]{background:#ef4444}.selection-toggle.active[data-v-4c215cf5]:hover{background:#dc2626}.toggle-icon[data-v-4c215cf5]{font-size:.75rem}.share-actions[data-v-4c215cf5]{display:flex;align-items:center;gap:8px}.nickname-display[data-v-4c215cf5]{display:flex;align-items:center;gap:4px;font-size:.8rem}.nickname-label[data-v-4c215cf5]{color:#64748b;font-weight:500}.nickname-value[data-v-4c215cf5]{color:#1e293b;font-weight:600;background:#e2e8f0;padding:2px 6px;border-radius:4px;min-width:60px;text-align:center}.selection-info[data-v-4c215cf5]{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}.selected-count[data-v-4c215cf5]{font-weight:600;color:#1e293b}.submittable-count[data-v-4c215cf5]{color:#10b981}.submit-btn[data-v-4c215cf5]{background:#10b981;color:#fff;border:none;border-radius:4px;padding:5px 10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.submit-btn[data-v-4c215cf5]:hover:not(:disabled){background:#059669}.submit-btn[data-v-4c215cf5]:disabled{background:#9ca3af;cursor:not-allowed}.submit-message[data-v-4c215cf5]{margin-top:12px;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500}.submit-message.success[data-v-4c215cf5]{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.submit-message.error[data-v-4c215cf5]{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.empty-state[data-v-4c215cf5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-4c215cf5]{font-size:4rem;margin-bottom:16px;opacity:.6}.empty-text[data-v-4c215cf5]{font-size:1.5rem;font-weight:600;color:#64748b;margin-bottom:8px}.empty-desc[data-v-4c215cf5]{font-size:1rem;color:#94a3b8}.task-grid[data-v-4c215cf5]{display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}@media (max-width: 1400px){.task-grid[data-v-4c215cf5]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.task-grid[data-v-4c215cf5]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.task-grid[data-v-4c215cf5]{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.task-grid[data-v-4c215cf5]{grid-template-columns:1fr}.task-toolbar[data-v-4c215cf5]{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left[data-v-4c215cf5],.toolbar-right[data-v-4c215cf5]{justify-content:center}}.public-task-library[data-v-dbcfc73d]{width:100%;padding:20px}.library-header[data-v-dbcfc73d]{text-align:center;margin-bottom:16px}.library-description[data-v-dbcfc73d]{color:#6b7280;font-size:14px;margin:0;font-weight:500}.category-nav[data-v-dbcfc73d]{display:flex;justify-content:center;gap:12px;margin-bottom:30px;flex-wrap:wrap}.category-item[data-v-dbcfc73d]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#64748b}.category-item[data-v-dbcfc73d]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.category-item.active[data-v-dbcfc73d]{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.category-icon[data-v-dbcfc73d]{font-size:1.2rem}.category-text[data-v-dbcfc73d]{font-weight:600}@media (max-width: 768px){.category-nav[data-v-dbcfc73d]{gap:6px;margin-bottom:20px;justify-content:center}.category-item[data-v-dbcfc73d]{padding:0;gap:0;width:48px;height:48px;min-width:48px;min-height:48px;justify-content:center;border-radius:50%;flex-shrink:0}.category-icon[data-v-dbcfc73d]{font-size:1.5rem}.category-text[data-v-dbcfc73d]{display:none}}@media (max-width: 480px){.category-nav[data-v-dbcfc73d]{gap:4px}.category-item[data-v-dbcfc73d]{padding:0;width:44px;height:44px;min-width:44px;min-height:44px}.category-icon[data-v-dbcfc73d]{font-size:1.3rem}}.loading-container[data-v-dbcfc73d],.error-container[data-v-dbcfc73d]{text-align:center;padding:40px}.loading-spinner[data-v-dbcfc73d]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-dbcfc73d 1s linear infinite;margin:0 auto 20px}@keyframes spin-dbcfc73d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn[data-v-dbcfc73d]{background:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.retry-btn[data-v-dbcfc73d]:hover{background:#2980b9}.stats-bar[data-v-dbcfc73d]{display:flex;justify-content:center;gap:30px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:10px}.stat-item[data-v-dbcfc73d]{font-weight:500;color:#2c3e50}.filters[data-v-dbcfc73d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.search-box[data-v-dbcfc73d]{flex:1}.search-input[data-v-dbcfc73d]{width:100%;padding:10px 15px;border:2px solid #e1e8ed;border-radius:25px;font-size:14px;outline:none;transition:border-color .3s}.search-input[data-v-dbcfc73d]:focus{border-color:#3498db}.filter-controls[data-v-dbcfc73d]{display:flex;gap:10px}.sort-select[data-v-dbcfc73d]{padding:8px 12px;border:1px solid #ddd;border-radius:5px;background:#fff}.tasks-grid[data-v-dbcfc73d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.task-card[data-v-dbcfc73d]{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.task-card[data-v-dbcfc73d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3498db}.task-header[data-v-dbcfc73d]{margin-bottom:15px}.task-title[data-v-dbcfc73d]{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 8px;line-height:1.3}.task-meta[data-v-dbcfc73d]{display:flex;justify-content:space-between;align-items:center}.task-date[data-v-dbcfc73d]{font-size:12px;color:#7f8c8d}.task-status[data-v-dbcfc73d]{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.status-active[data-v-dbcfc73d]{background:#d4edda;color:#155724}.status-completed[data-v-dbcfc73d]{background:#cce5ff;color:#004085}.status-pending[data-v-dbcfc73d]{background:#fff3cd;color:#856404}.status-default[data-v-dbcfc73d]{background:#f8f9fa;color:#6c757d}.task-content[data-v-dbcfc73d]{margin-bottom:15px}.task-description[data-v-dbcfc73d]{color:#555;line-height:1.5;margin:0}.task-footer[data-v-dbcfc73d]{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0;gap:10px}.task-footer .claim-btn[data-v-dbcfc73d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.task-footer .claim-btn[data-v-dbcfc73d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.task-footer .claim-btn[data-v-dbcfc73d]:disabled{opacity:.6;cursor:not-allowed;transform:none}.author-name[data-v-dbcfc73d]{font-size:14px;color:#7f8c8d}.task-stats[data-v-dbcfc73d]{display:flex;gap:15px}.stat-likes[data-v-dbcfc73d],.stat-claims[data-v-dbcfc73d]{font-size:14px;color:#7f8c8d}.no-tasks[data-v-dbcfc73d]{text-align:center;padding:60px 20px;color:#7f8c8d;font-size:16px}.pagination[data-v-dbcfc73d]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px}.page-btn[data-v-dbcfc73d]{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:5px;cursor:pointer;transition:all .3s}.page-btn[data-v-dbcfc73d]:hover:not(:disabled){background:#3498db;color:#fff;border-color:#3498db}.page-btn[data-v-dbcfc73d]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-dbcfc73d]{margin:0 10px;color:#7f8c8d}.task-modal[data-v-dbcfc73d]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-dbcfc73d]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header[data-v-dbcfc73d]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-dbcfc73d]{margin:0;color:#2c3e50}.close-btn[data-v-dbcfc73d]{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-dbcfc73d]:hover{color:#e74c3c}.modal-body[data-v-dbcfc73d]{padding:20px}.modal-footer[data-v-dbcfc73d]{padding:20px;border-top:1px solid #eee;display:flex;justify-content:center;gap:10px}.claim-btn[data-v-dbcfc73d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.claim-btn[data-v-dbcfc73d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.claim-btn[data-v-dbcfc73d]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.task-details[data-v-dbcfc73d]{margin-bottom:20px}.detail-row[data-v-dbcfc73d]{display:flex;margin-bottom:10px}.detail-row label[data-v-dbcfc73d]{font-weight:600;color:#2c3e50;width:100px;flex-shrink:0}.detail-row span[data-v-dbcfc73d]{color:#555}.task-full-description[data-v-dbcfc73d]{margin-top:20px}.task-full-description label[data-v-dbcfc73d]{font-weight:600;color:#2c3e50;display:block;margin-bottom:10px}.description-content[data-v-dbcfc73d]{background:#f8f9fa;padding:15px;border-radius:8px;line-height:1.6;color:#555;white-space:pre-wrap}.task-category[data-v-dbcfc73d]{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.task-difficulty[data-v-dbcfc73d]{background:#fff3e0;color:#f57c00;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.task-duration[data-v-dbcfc73d]{background:#f3e5f5;color:#7b1fa2;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.task-steps[data-v-dbcfc73d]{margin-top:20px}.task-steps label[data-v-dbcfc73d]{font-weight:600;color:#2c3e50;display:block;margin-bottom:15px}.steps-list[data-v-dbcfc73d]{background:#f8f9fa;border-radius:8px;padding:15px}.step-item[data-v-dbcfc73d]{display:flex;align-items:flex-start;margin-bottom:15px;gap:12px}.step-item[data-v-dbcfc73d]:last-child{margin-bottom:0}.step-number[data-v-dbcfc73d]{background:#3498db;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.step-content[data-v-dbcfc73d]{flex:1}.step-text[data-v-dbcfc73d]{color:#2c3e50;line-height:1.5;margin-bottom:5px}.step-duration[data-v-dbcfc73d]{color:#7f8c8d;font-size:12px;background:#ecf0f1;padding:2px 6px;border-radius:10px;display:inline-block}@media (max-width: 768px){.public-task-library[data-v-dbcfc73d]{padding:15px}.tasks-grid[data-v-dbcfc73d]{grid-template-columns:1fr;gap:15px}.filters[data-v-dbcfc73d]{flex-direction:column;align-items:stretch}.filter-controls[data-v-dbcfc73d]{justify-content:center}.stats-bar[data-v-dbcfc73d]{flex-direction:column;gap:10px;text-align:center}.modal-content[data-v-dbcfc73d]{width:95%;margin:20px}}.task-library[data-v-20cd4c43]{max-width:1200px;margin:0 auto;padding:20px;width:100%}@media (max-width: 768px){.task-library[data-v-20cd4c43]{padding:10px;width:100%}}.view-switcher[data-v-20cd4c43]{display:flex;justify-content:center;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px;max-width:400px;margin:20px auto}.view-btn[data-v-20cd4c43]{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b}.view-btn[data-v-20cd4c43]:hover{background:#ffffff80;color:#475569}.view-btn.active[data-v-20cd4c43]{background:#fff;color:#1e293b;box-shadow:0 2px 8px #0000001a}.task-list[data-v-20cd4c43]{min-height:400px}.loading-state[data-v-20cd4c43]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-icon[data-v-20cd4c43]{font-size:4rem;margin-bottom:16px;animation:spin-20cd4c43 2s linear infinite}.loading-text[data-v-20cd4c43]{font-size:1.2rem;color:#64748b}@keyframes spin-20cd4c43{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-20cd4c43]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon[data-v-20cd4c43]{font-size:4rem;margin-bottom:16px}.error-text[data-v-20cd4c43]{font-size:1.2rem;color:#ef4444;background:#fef2f2;padding:12px 20px;border-radius:8px;border:1px solid #fecaca}.empty-state[data-v-20cd4c43]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-20cd4c43]{font-size:4rem;margin-bottom:16px;opacity:.6}.empty-text[data-v-20cd4c43]{font-size:1.5rem;font-weight:600;color:#64748b;margin-bottom:8px}.empty-desc[data-v-20cd4c43]{font-size:1rem;color:#94a3b8}@keyframes legendary-glow-20cd4c43{0%{box-shadow:0 0 8px #7c3aed4d}to{box-shadow:0 0 12px #7c3aed80}}@media (max-width: 1400px){.task-grid[data-v-20cd4c43]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.task-grid[data-v-20cd4c43]{grid-template-columns:repeat(3,1fr)}}.task-name[data-v-20cd4c43]{font-size:1.1rem}.task-steps[data-v-20cd4c43]{font-size:.75rem;padding:2px 6px}.task-start-btn[data-v-20cd4c43]{padding:10px 14px;font-size:.9rem}.tab-switcher[data-v-20cd4c43]{display:flex;justify-content:center;gap:2px;background:#f1f5f9;padding:3px;border-radius:12px;max-width:400px;margin:15px auto}.tab-btn[data-v-20cd4c43]{flex:1;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b}@media (max-width: 768px){.tab-switcher[data-v-20cd4c43]{gap:1px;margin:12px 0;padding:2px}.tab-btn[data-v-20cd4c43]{padding:8px 6px;font-size:.9rem}}.tab-btn[data-v-20cd4c43]:hover{background:#ffffff80;color:#475569}.tab-btn.active[data-v-20cd4c43]{background:#fff;color:#1e293b;box-shadow:0 2px 8px #0000001a}.task-view-container[data-v-0d6f1b2b]{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}.multi-task-panel[data-v-0d6f1b2b]{display:flex;flex-direction:column;height:100vh}.task-management-toolbar[data-v-0d6f1b2b]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;box-shadow:0 2px 8px #00000014;border-bottom:1px solid #cbd5e1}.toolbar-left[data-v-0d6f1b2b]{display:flex;flex-direction:column;gap:6px;flex:1}.toolbar-top[data-v-0d6f1b2b]{display:flex;align-items:center;gap:12px}.current-layout-main[data-v-0d6f1b2b]{font-size:1.2rem;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:6px 12px;border-radius:8px;box-shadow:0 2px 4px #3b82f633}.task-info-group[data-v-0d6f1b2b]{display:flex;align-items:center;gap:8px;flex:1}.quick-start-actions[data-v-0d6f1b2b]{display:flex;gap:4px}.toolbar-bottom[data-v-0d6f1b2b]{display:flex;gap:6px}.management-btn[data-v-0d6f1b2b]{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.management-btn[data-v-0d6f1b2b]:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.management-btn.add-task[data-v-0d6f1b2b]{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.management-btn.add-task[data-v-0d6f1b2b]:hover{background:#dcfce7;border-color:#86efac}.management-btn.clear-all[data-v-0d6f1b2b]{background:#fef2f2;color:#dc2626;border-color:#fecaca}.management-btn.clear-all[data-v-0d6f1b2b]:hover{background:#fee2e2;border-color:#fca5a5}.toolbar-title[data-v-0d6f1b2b]{font-size:1.1rem;font-weight:700;margin:0;color:#fff}.task-stats[data-v-0d6f1b2b]{display:flex;gap:8px;font-size:.75rem;opacity:.9}.task-count[data-v-0d6f1b2b]{background:#e2e8f0;color:#475569;padding:3px 8px;border-radius:6px;font-weight:600;font-size:.8rem}.running-count[data-v-0d6f1b2b]{background:#dcfce7;color:#16a34a;padding:3px 8px;border-radius:6px;font-weight:600;font-size:.8rem}.completed-count[data-v-0d6f1b2b]{background:#e0e7ff;color:#4338ca;padding:3px 8px;border-radius:6px;font-weight:600;font-size:.8rem}.toolbar-right[data-v-0d6f1b2b]{display:flex;gap:6px;align-items:center}.add-task-btn[data-v-0d6f1b2b]{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-task-btn[data-v-0d6f1b2b]:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.clear-all-btn[data-v-0d6f1b2b]{background:#ef444433;color:#fff;border:2px solid rgba(239,68,68,.3);border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clear-all-btn[data-v-0d6f1b2b]:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-1px)}.back-to-library-btn[data-v-0d6f1b2b]{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-library-btn[data-v-0d6f1b2b]:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.layout-toggle-btn[data-v-0d6f1b2b]{background:#f3f4f6;color:#6b7280;border:2px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:60px}.layout-toggle-btn[data-v-0d6f1b2b]:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.layout-toggle-btn.active[data-v-0d6f1b2b]{background:#ddd6fe;color:#7c3aed;border-color:#a78bfa}.toolbar-main[data-v-0d6f1b2b]{display:flex;align-items:center;gap:8px}.layout-info[data-v-0d6f1b2b]{display:flex;align-items:center;gap:6px}.current-layout[data-v-0d6f1b2b]{background:#ffffff26;padding:2px 6px;border-radius:6px;font-size:.75rem;font-weight:500}.toolbar-stats[data-v-0d6f1b2b]{display:flex;align-items:center;gap:8px;font-size:.75rem;opacity:.9;flex-wrap:wrap}.recommendation-compact[data-v-0d6f1b2b]{display:flex;align-items:center;gap:4px;background:#f59e0b33;padding:2px 6px;border-radius:6px;border:1px solid rgba(245,158,11,.3)}.rec-text[data-v-0d6f1b2b]{font-size:.7rem;color:#ffffffe6}.rec-btn[data-v-0d6f1b2b]{background:#f59e0b4d;color:#fff;border:none;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s}.rec-btn[data-v-0d6f1b2b]:hover{background:#f59e0b80;transform:scale(1.05)}.quick-actions-compact[data-v-0d6f1b2b]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.quick-btn[data-v-0d6f1b2b]{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-btn[data-v-0d6f1b2b]:hover{background:#e2e8f0;border-color:#94a3b8;transform:scale(1.05)}.quick-btn.pause-all[data-v-0d6f1b2b]{background:#fef2f2;color:#dc2626;border-color:#fecaca}.quick-btn.pause-all[data-v-0d6f1b2b]:hover{background:#fee2e2;border-color:#fca5a5}.quick-btn.resume-all[data-v-0d6f1b2b]{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.quick-btn.resume-all[data-v-0d6f1b2b]:hover{background:#dcfce7;border-color:#86efac}.quick-btn.toggle-mode[data-v-0d6f1b2b]{background:#8b5cf633;border-color:#8b5cf64d}.quick-btn.toggle-mode[data-v-0d6f1b2b]:hover{background:#8b5cf64d;border-color:#8b5cf680}.quick-btn.layout-btn[data-v-0d6f1b2b]{background:#8b5cf633;border-color:#8b5cf64d}.quick-btn.layout-btn[data-v-0d6f1b2b]:hover{background:#8b5cf64d;border-color:#8b5cf680}.quick-btn.layout-btn.active[data-v-0d6f1b2b]{background:#8b5cf666;border-color:#8b5cf699}.multi-task-container[data-v-0d6f1b2b]{flex:1;display:flex;flex-direction:column}.library-container[data-v-0d6f1b2b],.progress-container[data-v-0d6f1b2b]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;margin:0 auto;padding:20px}@media (max-width: 768px){.library-container[data-v-0d6f1b2b],.progress-container[data-v-0d6f1b2b]{width:100%;padding:10px}}.loading-state[data-v-0d6f1b2b]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-icon[data-v-0d6f1b2b]{font-size:4rem;margin-bottom:16px;animation:spin-0d6f1b2b 2s linear infinite}.loading-text[data-v-0d6f1b2b]{font-size:1.2rem;color:#64748b}@keyframes spin-0d6f1b2b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-0d6f1b2b]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:400px}.error-icon[data-v-0d6f1b2b]{font-size:4rem;margin-bottom:16px}.error-text[data-v-0d6f1b2b]{font-size:1.1rem;color:#ef4444;background:#fef2f2;padding:12px 20px;border-radius:8px;border:1px solid #fecaca;margin-bottom:16px}.retry-btn[data-v-0d6f1b2b]{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background .2s}.retry-btn[data-v-0d6f1b2b]:hover{background:#2563eb}.empty-state[data-v-0d6f1b2b]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon[data-v-0d6f1b2b]{font-size:4rem;margin-bottom:16px;opacity:.6}.empty-text[data-v-0d6f1b2b]{font-size:1.5rem;font-weight:600;color:#64748b}.back-btn[data-v-0d6f1b2b]{align-self:flex-start;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:20px}.back-btn[data-v-0d6f1b2b]:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.task-content[data-v-0d6f1b2b]{width:100%;display:flex;flex-direction:column;align-items:center}.task-header[data-v-0d6f1b2b]{margin-bottom:32px;max-width:800px;width:100%}@media (max-width: 768px){.task-content[data-v-0d6f1b2b]{width:100%;padding:0}.task-header[data-v-0d6f1b2b]{width:100%;margin-bottom:20px;padding:0 5px}}.task-main-row[data-v-0d6f1b2b]{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;align-items:center;width:100%}.task-title-section[data-v-0d6f1b2b]{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0}.task-emoji[data-v-0d6f1b2b]{font-size:2.5rem;flex-shrink:0}.task-title[data-v-0d6f1b2b]{font-size:2rem;font-weight:700;color:#1e293b;margin:0;text-align:center;white-space:nowrap}.task-desc-section[data-v-0d6f1b2b]{flex:1;min-width:0;text-align:center}.task-description[data-v-0d6f1b2b]{font-size:1rem;color:#64748b;line-height:1.5;margin:0 0 8px}.task-meta-info[data-v-0d6f1b2b]{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.task-steps-count[data-v-0d6f1b2b]{font-size:.85rem;color:#9ca3af;background:#f3f4f6;padding:4px 8px;border-radius:6px;font-weight:500;display:inline-block}.task-difficulty[data-v-0d6f1b2b]{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap}.difficulty-dot[data-v-0d6f1b2b]{width:6px;height:6px;border-radius:50%;display:inline-block}.difficulty-green[data-v-0d6f1b2b]{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.difficulty-green .difficulty-dot[data-v-0d6f1b2b]{background:#16a34a}.difficulty-yellow[data-v-0d6f1b2b]{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.difficulty-yellow .difficulty-dot[data-v-0d6f1b2b]{background:#d97706}.difficulty-red[data-v-0d6f1b2b]{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.difficulty-red .difficulty-dot[data-v-0d6f1b2b]{background:#dc2626}.difficulty-purple[data-v-0d6f1b2b]{background:#f3e8ff;color:#9333ea;border:1px solid #d8b4fe}.difficulty-purple .difficulty-dot[data-v-0d6f1b2b]{background:#9333ea}.task-meta-row[data-v-0d6f1b2b]{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.task-id[data-v-0d6f1b2b],.task-author[data-v-0d6f1b2b]{font-size:.85rem;color:#9ca3af;background:#f3f4f6;padding:6px 12px;border-radius:8px;white-space:nowrap;font-weight:500}.task-author[data-v-0d6f1b2b]{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe;font-weight:600}@media (min-width: 769px) and (max-width: 1024px){.task-main-row[data-v-0d6f1b2b]{gap:16px}.task-title-section[data-v-0d6f1b2b]{gap:12px}.task-emoji[data-v-0d6f1b2b]{font-size:2.2rem}.task-title[data-v-0d6f1b2b]{font-size:1.8rem}.task-description[data-v-0d6f1b2b]{font-size:.95rem}}@media (max-width: 768px){.task-header[data-v-0d6f1b2b]{display:flex;flex-direction:column;align-items:center;text-align:center}.task-main-row[data-v-0d6f1b2b]{flex-direction:column;gap:12px;margin-bottom:8px;align-items:center;width:100%}.task-header .task-title-section[data-v-0d6f1b2b]{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px;width:100%;text-align:center}.task-emoji[data-v-0d6f1b2b]{font-size:2rem}.task-title[data-v-0d6f1b2b]{font-size:1.6rem;text-align:center;width:100%}.task-desc-section[data-v-0d6f1b2b]{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.task-description[data-v-0d6f1b2b]{font-size:.9rem;margin-bottom:8px;text-align:center;width:100%}.task-steps-count[data-v-0d6f1b2b]{text-align:center;align-self:center}.task-meta-row[data-v-0d6f1b2b]{flex-direction:column;gap:6px;margin-top:4px;align-items:center;width:100%;text-align:center}.task-id[data-v-0d6f1b2b],.task-author[data-v-0d6f1b2b]{font-size:.8rem;padding:4px 10px;text-align:center}}@media (max-width: 1024px){.task-management-toolbar[data-v-0d6f1b2b]{padding:12px 16px}.toolbar-title[data-v-0d6f1b2b]{font-size:1.3rem}.task-stats[data-v-0d6f1b2b],.toolbar-right[data-v-0d6f1b2b]{flex-wrap:wrap;gap:8px}}.layout-switcher-overlay[data-v-0d6f1b2b]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.layout-switcher-modal[data-v-0d6f1b2b]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-0d6f1b2b]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-0d6f1b2b]{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-btn[data-v-0d6f1b2b]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-btn[data-v-0d6f1b2b]:hover{background:#f3f4f6;color:#374151}.layout-grid[data-v-0d6f1b2b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px}.layout-option[data-v-0d6f1b2b]{padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.layout-option[data-v-0d6f1b2b]:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px)}.layout-icon[data-v-0d6f1b2b]{font-size:2rem;margin-bottom:8px}.layout-name[data-v-0d6f1b2b]{font-weight:600;color:#111827;margin-bottom:4px}.layout-desc[data-v-0d6f1b2b]{font-size:.875rem;color:#6b7280;line-height:1.4}.modal-content[data-v-0d6f1b2b]{padding:20px}.single-layout-info[data-v-0d6f1b2b]{text-align:center}.layout-card[data-v-0d6f1b2b]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:20px}.layout-card .layout-icon[data-v-0d6f1b2b]{font-size:3rem;margin-bottom:12px}.layout-card .layout-name[data-v-0d6f1b2b]{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:8px}.layout-card .layout-desc[data-v-0d6f1b2b]{font-size:.9rem;color:#64748b;margin-bottom:12px;line-height:1.5}.layout-status[data-v-0d6f1b2b]{display:inline-block;background:#10b981;color:#fff;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:500}.simplification-note[data-v-0d6f1b2b]{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;color:#1d4ed8;font-size:.9rem;line-height:1.5;margin:0}.no-task-state[data-v-0d6f1b2b]{display:flex;align-items:center;justify-content:center;min-height:60vh}.no-task-content[data-v-0d6f1b2b]{background:#f8fafc;border-radius:16px;padding:48px 32px;border:2px dashed #cbd5e1;max-width:400px}.no-task-icon[data-v-0d6f1b2b]{font-size:4rem;margin-bottom:24px;opacity:.6}.no-task-title[data-v-0d6f1b2b]{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0 0 12px}.no-task-desc[data-v-0d6f1b2b]{font-size:1.1rem;color:#64748b;margin:0 0 32px;line-height:1.5}.select-task-btn[data-v-0d6f1b2b]{background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633}.select-task-btn[data-v-0d6f1b2b]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}@media (max-width: 480px){.task-management-toolbar[data-v-0d6f1b2b]{padding:6px 10px}.toolbar-left[data-v-0d6f1b2b]{gap:4px}.toolbar-top[data-v-0d6f1b2b]{gap:6px;flex-wrap:wrap}.current-layout-main[data-v-0d6f1b2b]{font-size:.9rem;padding:3px 6px}.task-info-group[data-v-0d6f1b2b]{gap:4px;flex-wrap:wrap}.task-count[data-v-0d6f1b2b],.running-count[data-v-0d6f1b2b],.completed-count[data-v-0d6f1b2b]{font-size:.7rem;padding:2px 5px}.toolbar-bottom[data-v-0d6f1b2b]{gap:3px}.management-btn[data-v-0d6f1b2b]{font-size:.6rem;padding:2px 4px;min-width:24px}.management-btn .btn-text[data-v-0d6f1b2b]{display:none}.quick-btn[data-v-0d6f1b2b]{font-size:.6rem;padding:2px 4px;min-width:22px}.quick-btn .btn-text[data-v-0d6f1b2b]{display:none}.layout-toggle-btn[data-v-0d6f1b2b]{padding:4px 6px;font-size:.7rem;min-width:28px}.layout-toggle-btn .btn-text[data-v-0d6f1b2b]{display:none}.no-task-content[data-v-0d6f1b2b]{padding:32px 24px;margin:0 16px}.no-task-title[data-v-0d6f1b2b]{font-size:1.5rem}.no-task-desc[data-v-0d6f1b2b]{font-size:1rem}btn-text[data-v-0d6f1b2b]{display:none}}@media (max-width: 360px){.task-management-toolbar[data-v-0d6f1b2b]{padding:4px 8px}.current-layout-main[data-v-0d6f1b2b]{font-size:.8rem;padding:2px 4px}.task-count[data-v-0d6f1b2b],.running-count[data-v-0d6f1b2b],.completed-count[data-v-0d6f1b2b]{font-size:.65rem;padding:1px 4px}.management-btn[data-v-0d6f1b2b],.quick-btn[data-v-0d6f1b2b]{font-size:.55rem;padding:1px 3px;min-width:20px}.layout-toggle-btn[data-v-0d6f1b2b]{padding:3px 5px;font-size:.65rem;min-width:24px}}