*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-bg-dark: #0b0f19;--color-card-bg: rgba(22, 30, 46, .6);--color-border: rgba(255, 255, 255, .08);--color-primary: #10b981;--color-cyan: #06b6d4;--color-amber: #f59e0b;--color-red: #ef4444}html,body{font-family:var(--font-sans);background-color:var(--color-bg-dark);color:#f1f5f9;min-height:100%;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;overflow-x:hidden}button{font-family:inherit;-webkit-tap-highlight-color:transparent}input[type=range]{accent-color:var(--color-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0f172a66}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-header[data-v-825cb3a7]{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f19e6;border-bottom:1px solid rgba(255,255,255,.08);padding:.65rem 1.25rem;width:100%}.header-content[data-v-825cb3a7]{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.logo-area[data-v-825cb3a7]{display:flex;align-items:center;gap:.75rem;text-decoration:none;min-width:0}.logo-icon-box[data-v-825cb3a7]{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#10b981,#06b6d4);display:flex;align-items:center;justify-content:center;color:#0f172a;box-shadow:0 4px 12px #10b9814d;flex-shrink:0}.logo-text[data-v-825cb3a7]{display:flex;flex-direction:column;min-width:0}.brand-title[data-v-825cb3a7]{display:flex;align-items:baseline;gap:.3rem;white-space:nowrap}.brand-highlight[data-v-825cb3a7]{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.domain-badge[data-v-825cb3a7]{font-size:.8rem;font-weight:600;color:#06b6d4}.brand-sub[data-v-825cb3a7]{font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions[data-v-825cb3a7]{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.action-btn[data-v-825cb3a7]{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:10px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.1);background:#1e293b99;color:#e2e8f0;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn[data-v-825cb3a7]:hover{background:#334155cc;border-color:#fff3}.drone-btn.active[data-v-825cb3a7]{background:linear-gradient(135deg,#06b6d4,#0284c7);border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #06b6d480}@media (max-width: 640px){.app-header[data-v-825cb3a7]{padding:.5rem .75rem}.brand-sub[data-v-825cb3a7],.btn-text[data-v-825cb3a7]{display:none}.action-btn[data-v-825cb3a7]{padding:.5rem;border-radius:8px}}.mic-panel[data-v-874b75eb]{width:100%}.error-banner[data-v-874b75eb]{display:flex;align-items:center;gap:.6rem;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.65rem .85rem;border-radius:12px;margin-bottom:.75rem;font-size:.8rem}.error-icon[data-v-874b75eb]{flex-shrink:0;color:#ef4444}.controls-container[data-v-874b75eb]{display:flex;flex-direction:column;gap:.75rem;width:100%}.btn-group[data-v-874b75eb]{display:flex;align-items:stretch;gap:.6rem;width:100%}.main-mic-btn[data-v-874b75eb]{position:relative;flex:1;display:inline-flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-radius:14px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;-webkit-user-select:none;user-select:none;overflow:hidden;min-width:0}.main-mic-btn.stopped[data-v-874b75eb]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d}.main-mic-btn.stopped[data-v-874b75eb]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.main-mic-btn.listening[data-v-874b75eb]{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(16,185,129,.6);color:#e2e8f0;box-shadow:0 0 20px #10b98133}.main-mic-btn.paused[data-v-874b75eb]{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(245,158,11,.6);color:#fde68a}.btn-glow-ring[data-v-874b75eb]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;border:2px solid rgba(16,185,129,.5);animation:pulse-ring-874b75eb 2s infinite;pointer-events:none}@keyframes pulse-ring-874b75eb{0%{transform:scale(.98);opacity:.8}50%{transform:scale(1.02);opacity:.3}to{transform:scale(.98);opacity:.8}}.icon-wrap[data-v-874b75eb]{width:38px;height:38px;border-radius:10px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mic-active-icon[data-v-874b75eb]{color:#10b981;animation:bounce-874b75eb 1.5s infinite}@keyframes bounce-874b75eb{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.btn-label-group[data-v-874b75eb]{display:flex;flex-direction:column;min-width:0}.btn-main-text[data-v-874b75eb]{font-size:.92rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-sub-text[data-v-874b75eb]{font-size:.7rem;opacity:.8;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pause-btn[data-v-874b75eb]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .85rem;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#1e293bb3;color:#e2e8f0;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0}.pause-btn.active[data-v-874b75eb]{background:#f59e0b33;border-color:#f59e0b99;color:#fde68a}.vu-meter-card[data-v-874b75eb]{width:100%;background:#161e2e99;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.6rem .85rem;display:flex;flex-direction:column;gap:.35rem}.vu-meta[data-v-874b75eb]{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#94a3b8;font-weight:500}.vu-title[data-v-874b75eb]{display:flex;align-items:center;gap:.3rem}.vu-value[data-v-874b75eb]{font-family:monospace;font-weight:600;color:#cbd5e1}.vu-track[data-v-874b75eb]{position:relative;height:7px;background:#0f172acc;border-radius:9999px;overflow:hidden}.vu-fill[data-v-874b75eb]{height:100%;border-radius:9999px;transition:width .08s ease-out,background-color .15s ease}.vu-gate-marker[data-v-874b75eb]{position:absolute;top:0;bottom:0;width:2px;background:#f59e0b;box-shadow:0 0 4px #f59e0b}.sensitivity-row[data-v-874b75eb]{display:flex;align-items:center;gap:.5rem;font-size:.68rem;color:#64748b}.sensitivity-slider[data-v-874b75eb]{flex:1;height:4px;accent-color:#10b981;cursor:pointer}.device-select-wrap[data-v-874b75eb]{width:100%}.device-select[data-v-874b75eb]{width:100%;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.75rem;padding:.5rem .75rem;border-radius:10px;outline:none}.note-hero-card[data-v-41fd9690]{position:relative;border-radius:20px;background:#161e2e99;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 10px 25px -5px #0000004d;transition:all .3s ease;width:100%}.note-hero-card.has-note[data-v-41fd9690]{border-color:#ffffff26}.note-hero-card.in-tune[data-v-41fd9690]{box-shadow:0 0 32px #10b98140;border-color:#10b98166}.hero-ambient-glow[data-v-41fd9690]{position:absolute;top:-50%;left:-20%;width:140%;height:200%;filter:blur(70px);pointer-events:none;transition:opacity .3s ease,background-color .3s ease}.hero-inner[data-v-41fd9690]{position:relative;z-index:2;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.hero-top-row[data-v-41fd9690]{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.solfege-badge[data-v-41fd9690]{display:inline-flex;align-items:baseline;gap:.35rem;background:#0f172ab3;padding:.25rem .65rem;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.solfege-label[data-v-41fd9690]{font-size:.65rem;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.04em}.solfege-text[data-v-41fd9690]{font-size:.85rem;font-weight:700;color:#38bdf8}.tuning-badge[data-v-41fd9690]{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.tuning-indicator-dot[data-v-41fd9690]{width:7px;height:7px;border-radius:9999px}.tuning-badge.in-tune[data-v-41fd9690]{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.tuning-badge.in-tune .tuning-indicator-dot[data-v-41fd9690]{background:#10b981;box-shadow:0 0 6px #10b981}.tuning-badge.sharp[data-v-41fd9690]{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.tuning-badge.sharp .tuning-indicator-dot[data-v-41fd9690]{background:#ef4444}.tuning-badge.flat[data-v-41fd9690]{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.tuning-badge.flat .tuning-indicator-dot[data-v-41fd9690]{background:#06b6d4}.tuning-badge.standby[data-v-41fd9690]{background:#33415566;color:#94a3b8;border:1px solid rgba(255,255,255,.06)}.tuning-badge.standby .tuning-indicator-dot[data-v-41fd9690]{background:#64748b}.note-main-display[data-v-41fd9690]{display:flex;align-items:center;justify-content:center;min-height:90px}.note-glyph-group[data-v-41fd9690]{display:flex;align-items:flex-start;position:relative}.note-letter[data-v-41fd9690]{font-size:clamp(3.2rem,14vw,4.8rem);font-weight:900;line-height:1;letter-spacing:-.04em;text-shadow:0 4px 16px rgba(0,0,0,.4);transition:color .15s ease}.note-accidental[data-v-41fd9690]{font-size:clamp(1.8rem,8vw,2.8rem);font-weight:700;line-height:1;margin-top:.15rem;margin-left:.1rem;color:#f59e0b}.note-octave[data-v-41fd9690]{font-size:clamp(1.4rem,6vw,2rem);font-weight:700;line-height:1;margin-top:clamp(1.6rem,7vw,2.2rem);margin-left:.2rem;color:#94a3b8}.note-placeholder[data-v-41fd9690]{display:flex;align-items:center;justify-content:center}.placeholder-dash[data-v-41fd9690]{font-size:4.5rem;font-weight:300;color:#334155}.hero-bottom-row[data-v-41fd9690]{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#0f172a99;border-radius:12px;padding:.5rem .85rem;border:1px solid rgba(255,255,255,.05);gap:.5rem}.hero-bottom-row.empty[data-v-41fd9690]{justify-content:center}.hint-text[data-v-41fd9690]{font-size:.78rem;color:#64748b;text-align:center}.freq-group[data-v-41fd9690]{display:flex;align-items:center;gap:.5rem}.freq-item[data-v-41fd9690]{display:flex;flex-direction:column}.freq-label[data-v-41fd9690]{font-size:.6rem;color:#64748b;text-transform:uppercase;font-weight:600}.freq-val[data-v-41fd9690]{font-size:.88rem;font-weight:700;font-family:monospace;color:#f1f5f9}.freq-val.muted[data-v-41fd9690]{color:#94a3b8}.freq-divider[data-v-41fd9690]{color:#475569;font-weight:300}.play-target-btn[data-v-41fd9690]{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.play-target-btn[data-v-41fd9690]:hover{background:#ffffff26;color:#fff}@media (max-width: 480px){.hero-inner[data-v-41fd9690]{padding:1rem .85rem}}.tuner-meter-card[data-v-c872a6f6]{width:100%;background:#161e2e99;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem}.meter-header[data-v-c872a6f6]{display:flex;justify-content:space-between;align-items:center}.meter-title[data-v-c872a6f6]{font-size:.78rem;font-weight:600;color:#94a3b8}.cents-val[data-v-c872a6f6]{font-family:monospace;font-size:1rem;font-weight:800;transition:color .2s ease}.gauge-container[data-v-c872a6f6]{position:relative;display:flex;flex-direction:column;gap:.35rem}.gauge-track[data-v-c872a6f6]{position:relative;height:24px;background:#0f172ad9;border-radius:8px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;overflow:hidden}.center-target-zone[data-v-c872a6f6]{position:absolute;left:45%;width:10%;top:0;bottom:0;background:#10b9812e;border-left:1px dashed rgba(16,185,129,.4);border-right:1px dashed rgba(16,185,129,.4)}.tick-group[data-v-c872a6f6]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;pointer-events:none}.tick[data-v-c872a6f6]{width:1.5px;height:6px;background:#ffffff26;border-radius:1px}.tick.center-zero[data-v-c872a6f6]{height:16px;background:#10b981cc;width:2px}.tick.left-50[data-v-c872a6f6],.tick.right-50[data-v-c872a6f6]{height:12px;background:#ffffff4d}.tuner-needle[data-v-c872a6f6]{position:absolute;top:0;bottom:0;width:3.5px;transform:translate(-50%);transition:left .08s cubic-bezier(.1,.8,.3,1);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:10}.needle-tip[data-v-c872a6f6]{width:3.5px;height:100%;border-radius:2px;transition:background-color .15s ease}.gauge-labels[data-v-c872a6f6]{display:flex;justify-content:space-between;font-size:.65rem;font-weight:600;color:#64748b;padding:0 2px}.label-flat[data-v-c872a6f6]{color:#38bdf8}.label-sharp[data-v-c872a6f6]{color:#f87171}.label-center[data-v-c872a6f6]{color:#94a3b8;transition:color .2s ease}.label-center.lit[data-v-c872a6f6]{color:#34d399;font-weight:800}.musical-staff-card[data-v-5c25b090]{background:#161e2e99;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden!important;display:flex;flex-direction:column;box-shadow:0 10px 25px -5px #0000004d;width:100%}.staff-header[data-v-5c25b090]{padding:.85rem 1.25rem;background:#0f172ab3;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}.staff-title[data-v-5c25b090]{font-size:.95rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em;margin:0}.staff-subtitle[data-v-5c25b090]{font-size:.7rem;color:#94a3b8}.clef-selector[data-v-5c25b090]{display:flex;background:#0f172acc;border-radius:9999px;padding:.2rem;border:1px solid rgba(255,255,255,.08)}.clef-btn[data-v-5c25b090]{padding:.25rem .65rem;font-size:.72rem;font-weight:600;border-radius:9999px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease;white-space:nowrap}.clef-btn[data-v-5c25b090]:hover{color:#e2e8f0}.clef-btn.active[data-v-5c25b090]{background:#3b82f6;color:#fff;box-shadow:0 2px 6px #3b82f666}.staff-active-banner[data-v-5c25b090]{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1.25rem;background:#0f172a80;border-bottom:1px solid rgba(255,255,255,.04)}.banner-note-chip[data-v-5c25b090]{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:9999px}.banner-note-chip.in-tune[data-v-5c25b090]{border-color:#10b98180;background:#10b98126}.banner-note-icon[data-v-5c25b090]{color:#38bdf8}.banner-note-chip.in-tune .banner-note-icon[data-v-5c25b090]{color:#10b981}.banner-note-name[data-v-5c25b090]{font-weight:800;font-size:.85rem;color:#f1f5f9}.banner-note-solfege[data-v-5c25b090]{font-size:.72rem;color:#94a3b8}.banner-right-meta[data-v-5c25b090]{display:flex;align-items:center;gap:.4rem}.octave-transposition-badge[data-v-5c25b090]{font-family:monospace;font-size:.7rem;font-weight:700;color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:.1rem .4rem;border-radius:6px}.banner-cents[data-v-5c25b090]{font-family:monospace;font-size:.75rem;font-weight:700}.banner-cents.in-tune[data-v-5c25b090]{color:#34d399}.banner-cents.sharp[data-v-5c25b090]{color:#f87171}.banner-cents.flat[data-v-5c25b090]{color:#38bdf8}.staff-svg-container[data-v-5c25b090]{padding:.75rem .5rem;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden!important;position:relative}.staff-svg[data-v-5c25b090]{width:100%;max-width:620px;height:auto;display:block;overflow:hidden!important}.staff-line[data-v-5c25b090]{stroke:#ffffff40;stroke-width:1.5}.clef-glyph[data-v-5c25b090]{font-family:serif;font-size:46px;fill:#94a3b8;-webkit-user-select:none;user-select:none}.bass-glyph[data-v-5c25b090]{font-size:36px}.clef-label[data-v-5c25b090]{font-size:10px;font-weight:600;fill:#64748b;text-transform:uppercase;letter-spacing:.04em}.middle-c-guide[data-v-5c25b090]{stroke:#38bdf84d;stroke-width:1.2;stroke-dasharray:4 4}.middle-c-label[data-v-5c25b090]{font-size:10px;font-weight:600;fill:#38bdf8;opacity:.8}.ledger-line[data-v-5c25b090]{stroke:#e2e8f0;stroke-width:2}.staff-note-head[data-v-5c25b090]{transition:all .1s ease;filter:drop-shadow(0 0 6px currentColor)}.note-accidental-glyph[data-v-5c25b090]{font-size:20px;font-weight:700}.note-name-overlay[data-v-5c25b090]{font-size:9.5px;font-weight:700;fill:#fff}.staff-hint-text[data-v-5c25b090]{font-size:12px;fill:#475569;font-style:italic}.staff-footer-notes[data-v-5c25b090]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#0f172a99;border-top:1px solid rgba(255,255,255,.05);overflow-x:auto;-webkit-overflow-scrolling:touch}.quick-notes-label[data-v-5c25b090]{font-size:.7rem;color:#64748b;font-weight:600;white-space:nowrap}.quick-notes-list[data-v-5c25b090]{display:flex;gap:.4rem;overflow-x:auto}.quick-note-btn[data-v-5c25b090]{padding:.25rem .55rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#1e293bb3;color:#cbd5e1;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.quick-note-btn[data-v-5c25b090]:hover{background:#ffffff26;color:#fff}@media (max-width: 480px){.staff-header[data-v-5c25b090]{padding:.65rem .85rem}.staff-footer-notes[data-v-5c25b090]{padding:.5rem .85rem}}.note-history-card[data-v-caad80c0]{background:#161e2e99;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.history-header[data-v-caad80c0]{display:flex;justify-content:space-between;align-items:center}.header-left[data-v-caad80c0]{display:flex;align-items:center;gap:.4rem}.history-icon[data-v-caad80c0]{color:#38bdf8}.history-title[data-v-caad80c0]{font-size:.78rem;font-weight:600;color:#94a3b8}.clear-btn[data-v-caad80c0]{display:inline-flex;align-items:center;gap:.25rem;border:none;background:transparent;color:#64748b;font-size:.72rem;cursor:pointer;padding:.2rem .4rem;border-radius:6px;transition:all .15s ease}.clear-btn[data-v-caad80c0]:hover{background:#ef444426;color:#f87171}.history-track[data-v-caad80c0]{display:flex;align-items:center;gap:.45rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.2rem;min-height:44px}.history-pill[data-v-caad80c0]{display:flex;flex-direction:column;align-items:center;padding:.3rem .55rem;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:9px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.history-pill[data-v-caad80c0]:hover{transform:translateY(-1px);background:#1e293be6;border-color:#fff3}.history-pill.in-tune[data-v-caad80c0]{border-color:#10b98166;background:#10b9811f}.pill-note[data-v-caad80c0]{font-weight:700;font-size:.82rem;color:#f1f5f9}.pill-note .accidental[data-v-caad80c0]{color:#f59e0b}.pill-note .octave[data-v-caad80c0]{font-size:.68rem;color:#94a3b8}.pill-solfege[data-v-caad80c0]{font-size:.62rem;color:#64748b}.empty-history[data-v-caad80c0]{font-size:.72rem;color:#64748b;font-style:italic}.modal-backdrop[data-v-9efc6a39]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:.75rem}.modal-card[data-v-9efc6a39]{width:100%;max-width:min(440px,calc(100vw - 1.5rem));background:#1e293b;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #0009;animation:modalPop-9efc6a39 .2s cubic-bezier(.16,1,.3,1)}@keyframes modalPop-9efc6a39{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-header[data-v-9efc6a39]{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.header-left[data-v-9efc6a39]{display:flex;align-items:center;gap:.5rem}.header-icon[data-v-9efc6a39]{color:#10b981}.modal-title[data-v-9efc6a39]{margin:0;font-size:1rem;font-weight:700;color:#f1f5f9}.close-btn[data-v-9efc6a39]{border:none;background:#ffffff14;color:#94a3b8;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.close-btn[data-v-9efc6a39]:hover{background:#ffffff26;color:#fff}.modal-body[data-v-9efc6a39]{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem;max-height:75vh;overflow-y:auto}.setting-group[data-v-9efc6a39]{display:flex;flex-direction:column;gap:.4rem}.setting-label-row[data-v-9efc6a39]{display:flex;justify-content:space-between;align-items:center}.setting-name[data-v-9efc6a39]{font-size:.8rem;font-weight:600;color:#cbd5e1}.setting-value[data-v-9efc6a39]{font-family:monospace;font-size:.8rem;font-weight:700;color:#10b981}.setting-desc[data-v-9efc6a39]{font-size:.7rem;color:#64748b}.preset-buttons[data-v-9efc6a39]{display:flex;gap:.4rem}.preset-btn[data-v-9efc6a39]{flex:1;padding:.35rem .4rem;font-size:.72rem;font-weight:600;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0f172a80;color:#94a3b8;cursor:pointer;transition:all .15s ease}.preset-btn.active[data-v-9efc6a39]{background:#3b82f6;border-color:#60a5fa;color:#fff}.toggle-pill[data-v-9efc6a39]{display:flex;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:.2rem;gap:.2rem}.toggle-btn[data-v-9efc6a39]{flex:1;padding:.35rem .6rem;font-size:.75rem;font-weight:600;border-radius:7px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease}.toggle-btn.active[data-v-9efc6a39]{background:#10b981;color:#fff}.range-slider[data-v-9efc6a39]{width:100%;accent-color:#10b981;cursor:pointer}.modal-footer[data-v-9efc6a39]{padding:.85rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.primary-done-btn[data-v-9efc6a39]{padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;border-radius:10px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer}.app-container[data-v-62c4ba54]{min-height:100vh;width:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#172033,#0b0f19 70%,#060910);color:#f1f5f9;overflow-x:hidden}.main-content[data-v-62c4ba54]{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:1.25rem 1rem;box-sizing:border-box}.content-layout[data-v-62c4ba54]{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%}@media (min-width: 1024px){.content-layout[data-v-62c4ba54]{grid-template-columns:420px 1fr;align-items:start;gap:1.5rem}}.deck-column[data-v-62c4ba54],.visualizer-column[data-v-62c4ba54]{display:flex;flex-direction:column;gap:1rem;width:100%}.desktop-only-history[data-v-62c4ba54]{display:none}.mobile-only-history[data-v-62c4ba54]{display:block}@media (min-width: 1024px){.desktop-only-history[data-v-62c4ba54]{display:block}.mobile-only-history[data-v-62c4ba54]{display:none}}.app-footer[data-v-62c4ba54]{margin-top:auto;border-top:1px solid rgba(255,255,255,.06);background:#0b0f19b3;padding:1rem 1.25rem;font-size:.75rem;color:#64748b;width:100%}.footer-inner[data-v-62c4ba54]{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}.footer-left a[data-v-62c4ba54]{color:#38bdf8;text-decoration:none;font-weight:600}.footer-left a[data-v-62c4ba54]:hover{text-decoration:underline}@media (max-width: 640px){.main-content[data-v-62c4ba54]{padding:.75rem .5rem}}