:root{--font-sans:"Inter", system-ui, "Avenir", "Helvetica", "Arial", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--size-touch-target:2.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.5rem;--text-xl:1.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.5;--icon-sm:1rem;--icon-md:1.25rem;--icon-lg:1.5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.12s ease-out;--transition-base:.2s ease;--transition-slow:.3s ease;--token-z-note:10;--token-z-dropdown:50;--token-z-header:80;--token-z-bottom-nav:100;--token-z-help-overlay:1000;--token-disabled-opacity:.3;--token-border-subtle:#ffffff0f;--token-border-subtler:#ffffff0a;--token-border-faint:#ffffff14;--token-surface-dim:#ffffff0a;--token-surface-card-base:#161b26;--token-chip-active-bg:#4de4ff14;--token-chip-tonic-bg:#ff9a4d1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--neon-cyan:#4de4ff;--neon-cyan-bright:#8ceeff;--neon-cyan-dim:#2eb5cc;--neon-orange:#ff9a4d;--neon-orange-bright:#ffb366;--neon-orange-dim:#cc7a3d;--neon-violet:#a78bfa;--neon-violet-dim:#7c5fd4;--neon-brand-gradient:linear-gradient(90deg, #4de4ff 0%, #a78bfa 50%, #4de4ff 100%);--glow-cyan-sm:0 0 6px #4de4ff73;--glow-cyan-md:0 0 12px #4de4ff99;--glow-cyan-lg:0 0 24px #4de4ff80;--glow-orange-sm:0 0 6px #ff9a4d80;--glow-orange-md:0 0 12px #ff9a4d99;--glow-orange-lg:0 0 24px #ff9a4d80;--glow-violet-sm:0 0 6px #a78bfaa6;--glow-violet-border:#a78bfad9;--glow-filter-cyan:drop-shadow(0 0 6px #4de4ffa6);--glow-filter-orange:drop-shadow(0 0 6px #ff9a4da6);--font-display:"Space Grotesk", var(--font-sans);--font-brand-weight:700;--font-brand-tracking:.02em;--radius-card:1rem;--radius-chip:.5rem;--radius-pill:9999px;--space-card-x:1.5rem;--space-card-y:1.25rem;--elevation-card:0 1px 0 #ffffff08 inset, 0 2px 8px #00000040;--elevation-overlay:0 8px 32px #0000008c;--elevation-float:0 4px 16px #00000059;--fretboard-wood-top:#160d07;--fretboard-wood-bottom:#080403;--fretboard-wood-grain:#ffffff05;--fret-wire-v2:#9aa0a6;--fret-wire-dark:#4a5058;--fret-wire-highlight:#ffffff40;--string-wire:#c8c8c8;--string-wire-bass:#b0a080;--string-taper-1:1px;--string-taper-2:1.25px;--string-taper-3:1.5px;--string-taper-4:2px;--string-taper-5:2.5px;--string-taper-6:3px;--inlay-dot:#d2d2d22e;--inlay-dot-12:#d2d2d247;--nut:#e0d4a8;--fretboard-edge-shadow:0 0 16px #00000073 inset;--bg-app-gradient-start:#0c1822;--bg-app-gradient-end:#0a1420;--bg-app-accent-glow:radial-gradient(ellipse at 50% 0%, #4de4ff0f, transparent 60%);--chord-chip-size:clamp(2.15rem, 3.4vw, 2.5rem);--chord-strip-fill:#161b26;--chord-chip-glow-orange:0 0 6px #ff9a4da6;--chord-chip-glow-cyan:0 0 6px #4de4ffa6;--chord-chip-border-width:2px;--practice-bar-fill:#121722;--practice-pill-h:1.55rem;--practice-pill-font:.82rem;--practice-pill-px:.55rem;--practice-pill-gap:.3rem;--practice-pill-amber-strong:#ff9a4d;--practice-pill-amber-soft:#ff9a4d8c;--practice-pill-amber-bg-strong:#ff9a4d38;--practice-pill-amber-bg-soft:#ff9a4d1a;--practice-pill-tension-border:#ff7a3d;--practice-pill-guide-blue-bg:#1e3c7840;--bg-color:#121212;--surface-base:#1c1c1e;--surface-raised:#2c2c2e;--surface-highlight:#3a3a3c;--text-main:#f5f5f7;--text-muted:#a0a0a5;--text-on-highlight:#fff;--text-on-accent:#fff;--text-soft-white:#e8eef6;--accent-primary:#0a84ff;--accent-secondary:#ff9f0a;--accent-glow:#0a84ff26;--note-blue:#9333ea;--note-blue-glow:#9333ea80;--fretboard-wood:#221e1d;--fret-wire:#636366;--fret-marker:#fff3;--string-color:#d1d1d6;--fret-nut-bg:#111;--fret-nut-wire:#e2e8f0;--fretboard-border:#1a100b;--shadow-note-root:0 0 8px #ff9f0a66;--shadow-note-active:0 0 6px #0a84ff4d;--shadow-ping-start:#0a84ff80;--shadow-ping-end:#0a84ff00;--selection-accent:#3b82f6;--selection-accent-fg:#eff6ff;--selection-accent-bg:#3b82f62e;--chord-accent:#ff9f0a;--chord-accent-fg:#fff;--caged-e:#ef4444;--caged-e-fg:#fff1f2;--caged-d:#eab308;--caged-d-fg:#fff8db;--caged-c:#22c55e;--caged-c-fg:#f0fdf4;--caged-a:#3b82f6;--caged-a-fg:#eff6ff;--caged-g:#a855f7;--caged-g-fg:#faf5ff;--caged-e-bg:#ef44442e;--caged-d-bg:#eab3082e;--caged-c-bg:#22c55e2e;--caged-a-bg:#3b82f62e;--caged-g-bg:#a855f72e;--z-overlay-backdrop:200;--z-overlay-drawer:201;background-color:var(--bg-color);color:var(--text-main)}body{min-width:320px;min-height:100dvh;font-family:var(--font-sans);background:var(--bg-app-accent-glow), linear-gradient(180deg, var(--bg-app-gradient-start), var(--bg-app-gradient-end));background-attachment:fixed;background-color:var(--bg-color);margin:0;font-weight:400;line-height:1.5}#root{-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;min-width:320px;height:auto;min-height:100dvh;display:flex;overflow:hidden visible}.error-fallback{min-height:100dvh;padding:var(--space-4);background:var(--bg-color);justify-content:center;align-items:center;display:flex}.error-fallback__content{align-items:center;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--surface-highlight);text-align:center;flex-direction:column;max-width:320px;display:flex}.error-fallback__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-main);margin:0}.error-fallback__message{font-size:var(--text-sm);color:var(--text-muted);margin:0}.error-fallback__button{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-on-accent);background:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast) ease;border:none}.error-fallback__button:hover{background:color-mix(in srgb, var(--accent-primary) 85%, white)}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media (prefers-color-scheme:light){:root{--text-on-highlight:#111827;--text-on-accent:#111827}}:root{--selected-bg:var(--selection-accent-bg);--selected-fg:var(--selection-accent-fg);--selected-border:var(--selection-accent);--selected-chord-bg:var(--chord-accent);--selected-chord-fg:var(--chord-accent-fg);--chrome-bg:color-mix(in srgb, var(--bg-color) 84%, var(--surface-raised) 16%);--chrome-fg:var(--text-main);--chrome-fg-muted:var(--text-muted);--chrome-border:color-mix(in srgb, var(--surface-highlight) 80%, transparent);--chrome-scrim:color-mix(in srgb, var(--bg-color) 68%, #00000052);--chrome-hover-bg:var(--surface-highlight);--panel-surface-bg:var(--surface-base);--panel-surface-border:1px solid var(--surface-highlight);--panel-surface-radius:var(--radius-xl);--panel-surface-radius-compact:var(--radius-lg);--panel-surface-pad:var(--space-4);--panel-surface-pad-compact:var(--space-3) var(--space-4);--focus-ring:2px solid var(--neon-cyan);--focus-ring-offset:2px;--focus-ring-glow:0 0 8px #4de4ff99, 0 0 16px #4de4ff59;--z-note:var(--token-z-note);--z-dropdown:var(--token-z-dropdown);--z-help-overlay:var(--token-z-help-overlay);--z-bottom-nav:var(--token-z-bottom-nav);--z-header:var(--token-z-header);--interactive-primary:var(--accent-primary);--disabled-opacity:var(--token-disabled-opacity);--transition-surface:background-color var(--transition-fast) ease, color var(--transition-fast) ease, border-color var(--transition-fast) ease;--transition-accent:box-shadow var(--transition-fast) ease, fill var(--transition-fast) ease;--transition-motion:transform var(--transition-fast) ease, opacity var(--transition-base) ease;--surface-card:color-mix(in srgb, var(--token-surface-card-base) 96%, transparent);--surface-card-border:#ffffff1a;--surface-card-header-border:var(--token-border-subtler);--note-ring:var(--neon-cyan);--note-ring-tonic:var(--neon-orange);--note-ring-dim:var(--neon-cyan-dim);--note-ring-color-tone:var(--neon-violet);--note-fill:transparent;--note-fill-in-chord:var(--neon-orange);--note-text-in-scale:var(--neon-cyan-bright);--note-text-tonic:var(--neon-orange-bright);--note-glow:var(--glow-cyan-sm);--note-glow-tonic:var(--glow-orange-sm);--text-brand:var(--neon-cyan-bright);--text-brand-gradient:var(--neon-brand-gradient);--brand-icon-glow:var(--glow-filter-cyan);--header-surface:var(--surface-base);--header-border:var(--token-border-subtle);--header-padding-y:var(--space-3);--chip-surface-inactive:var(--token-surface-dim);--chip-surface-active:var(--token-chip-active-bg);--chip-surface-tonic:var(--token-chip-tonic-bg);--chip-border-inactive:var(--token-border-faint);--chip-border-active:var(--neon-cyan);--chip-border-tonic:var(--neon-orange);--chip-text-inactive:var(--text-muted);--chip-text-active:var(--neon-cyan-bright);--chip-text-tonic:var(--neon-orange-bright);--card-padding-y:var(--space-card-y);--card-padding-x:var(--space-card-x)}.panel-surface{background:var(--panel-surface-bg);border:var(--panel-surface-border);border-radius:var(--panel-surface-radius);padding:var(--panel-surface-pad)}.panel-surface--compact{border-radius:var(--panel-surface-radius-compact);padding:var(--panel-surface-pad-compact)}.panel-surface--inset{padding:var(--space-2) var(--space-3)}.loading-spinner{border:2px solid var(--token-border-subtle);border-top-color:var(--neon-cyan);border-radius:50%;width:1.5rem;height:1.5rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:root{--transition-surface:none;--transition-accent:none;--transition-motion:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.loading-spinner{border-top-color:var(--token-border-subtle);animation:none}}._fretboard-outer_7b2vm_1{flex-direction:column;gap:.55rem;width:100%;min-width:0;display:flex}._fretboard-wrapper_7b2vm_9{contain:layout paint;width:100%;min-width:0;position:relative;overflow-x:hidden}._hide-scrollbar_7b2vm_18{-ms-overflow-style:none;scrollbar-width:none}._hide-scrollbar_7b2vm_18::-webkit-scrollbar{display:none}.app-container[data-layout-tier=tablet] ._fretboard-wrapper_7b2vm_9{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=767px){._fretboard-outer_7b2vm_1{width:100%;overflow:hidden}._fretboard-wrapper_7b2vm_9{-webkit-overflow-scrolling:touch;overflow-x:auto}}._fretboard-board_1xsze_1{flex-direction:column;width:100%;min-width:0;display:flex;box-shadow:0 10px 30px #00000073}._fretboard-neck_1xsze_9{background:0 0;position:relative;overflow:hidden}._fretboard-main-svg_1xsze_15{overflow:visible}._fretboard-string_1xsze_19{--placeholder:0}._fretboard-note_1xsze_23{cursor:pointer;transition:opacity .15s ease-out}._fretboard-note_1xsze_23.hidden{display:none}._fretboard-note_1xsze_23:focus{outline:none}._fretboard-note_1xsze_23 :is(circle,rect,polygon){stroke-width:1.9px;paint-order:stroke}._fretboard-note_1xsze_23:focus-visible :is(circle,rect,polygon){stroke:var(--accent-primary)!important;stroke-width:3px!important}._fretboard-note_1xsze_23 text{text-anchor:middle;dominant-baseline:central;pointer-events:none;-webkit-user-select:none;user-select:none;paint-order:stroke;stroke:#00000073;stroke-width:1.8px;fill:#fff;font-weight:700}._fretboard-note_1xsze_23._key-tonic_1xsze_58 :is(circle,rect,polygon){stroke:var(--note-ring-tonic);fill:#302016f2;stroke-width:2.3px}._fretboard-note_1xsze_23._key-tonic_1xsze_58 text{stroke-width:2.3px}._fretboard-note_1xsze_23._chord-root_1xsze_67 :is(circle,rect,polygon){stroke:var(--note-ring-tonic);fill:#372312f7;stroke-width:2.5px}._fretboard-note_1xsze_23._chord-root_1xsze_67 text{stroke-width:2.3px}._fretboard-note_1xsze_23._chord-tone-in-scale_1xsze_76 :is(circle,rect,polygon){stroke:var(--note-ring-tonic);fill:#141e28eb;stroke-width:2.3px}._fretboard-note_1xsze_23._note-active_1xsze_82 :is(circle,rect,polygon){stroke:var(--note-ring);fill:#141e28eb;stroke-width:1.9px}._fretboard-note_1xsze_23._note-blue_1xsze_88 :is(circle,rect,polygon){stroke:var(--note-ring-color-tone);fill:#141e28eb;stroke-width:1.9px}._fretboard-note_1xsze_23._note-blue_1xsze_88 text{fill:#e8d8ff}._fretboard-note_1xsze_23._scale-only_1xsze_97 :is(circle,rect,polygon){stroke:var(--note-ring);fill:#121a26d1;stroke-width:1.7px}._fretboard-note_1xsze_23._color-tone_1xsze_103 :is(circle,rect,polygon){stroke:var(--note-ring-color-tone);fill:#141e28eb;stroke-width:1.9px}._fretboard-note_1xsze_23._color-tone_1xsze_103 text{fill:#e8d8ff}._fretboard-note_1xsze_23._chord-tone-outside-scale_1xsze_112 :is(circle,rect,polygon){stroke:var(--neon-orange-dim);fill:#28160ab8;stroke-width:2px;stroke-dasharray:5 3}._fretboard-note_1xsze_23._chord-tone-outside-scale_1xsze_112 text{opacity:.9}._fretboard-note_1xsze_23[data-note-role=key-tonic],._fretboard-note_1xsze_23[data-note-role=chord-root],._fretboard-note_1xsze_23[data-note-role=chord-tone-in-scale],._fretboard-note_1xsze_23[data-note-role=chord-tone-outside-scale]{filter:var(--fretboard-svg-glow-orange-url)}._fretboard-note_1xsze_23[data-note-role=note-active],._fretboard-note_1xsze_23[data-note-role=scale-only]{filter:var(--fretboard-svg-glow-cyan-url)}._fretboard-note_1xsze_23[data-note-role=note-blue],._fretboard-note_1xsze_23[data-note-role=color-tone]{filter:var(--fretboard-svg-glow-violet-url)}._fretboard-note_1xsze_23._chord-root_1xsze_67[data-note-tension] rect:last-of-type{stroke-dasharray:6 3;fill:#5a1c00f7;stroke:var(--neon-orange);stroke-width:2.8px}[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23[data-note-guide-tone] :is(circle,rect,polygon){stroke-width:3.8px;fill:#5f3408fc;stroke:var(--neon-orange)}[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23[data-note-guide-tone]{filter:var(--fretboard-svg-glow-orange-url)}[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23._chord-root_1xsze_67:not([data-note-guide-tone]) rect:last-of-type,[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23._chord-tone-in-scale_1xsze_76:not([data-note-guide-tone]) :is(circle,rect,polygon){stroke-width:1.4px;fill:#141e2885;stroke:#c86e289e}[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23._chord-root_1xsze_67:not([data-note-guide-tone]),[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23._chord-tone-in-scale_1xsze_76:not([data-note-guide-tone]){filter:none}[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23._color-tone_1xsze_103 :is(circle,rect,polygon){stroke:#a78bfa85;fill:#1e123785}[data-practice-lens=guide-tones] ._fretboard-note_1xsze_23._color-tone_1xsze_103{filter:none}[data-practice-lens=tension] ._fretboard-note_1xsze_23._chord-tone-outside-scale_1xsze_112 :is(circle,rect,polygon){stroke:var(--neon-orange);fill:#731e00fa;stroke-dasharray:none;stroke-width:3.8px}[data-practice-lens=tension] ._fretboard-note_1xsze_23._chord-tone-outside-scale_1xsze_112{filter:var(--fretboard-svg-glow-orange-url)}[data-practice-lens=tension] ._fretboard-note_1xsze_23._chord-root_1xsze_67[data-note-tension] rect:last-of-type{stroke:var(--neon-orange);fill:#731e00fa;stroke-dasharray:6 3;stroke-width:3.8px}[data-practice-lens=tension] ._fretboard-note_1xsze_23._chord-root_1xsze_67:not([data-note-tension]) rect:last-of-type{stroke-width:1.8px;fill:#372312a6;stroke:#ff9a4db8}[data-practice-lens=tension] ._fretboard-note_1xsze_23._chord-root_1xsze_67:not([data-note-tension]){filter:none}[data-practice-lens=tension] ._fretboard-note_1xsze_23._chord-tone-in-scale_1xsze_76 :is(circle,rect,polygon){stroke-width:1.4px;fill:#141e2885;stroke:#c86e289e}[data-practice-lens=tension] ._fretboard-note_1xsze_23._chord-tone-in-scale_1xsze_76{filter:none}[data-practice-lens=tension] ._fretboard-note_1xsze_23._color-tone_1xsze_103 :is(circle,rect,polygon){stroke:#a78bfa85;fill:#1e123785}[data-practice-lens=tension] ._fretboard-note_1xsze_23._color-tone_1xsze_103{filter:none}._fretboard-a11y-layer_1xsze_219{--placeholder:0}._note-bubble_1xsze_224{cursor:pointer;background:0 0;border:none}._fret-numbers-row_1xsze_232{display:flex}._fret-number_1xsze_232{text-align:center;font-family:var(--font-sans);color:#bfccd8b8;-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:500}._app-header_1y6ui_1{margin-top:calc(-1*clamp(.75rem,1.5vw,1rem));z-index:var(--z-header);background:0 0;justify-content:space-between;align-items:center;gap:clamp(.75rem,2vw,1.5rem);margin-inline:calc(-1*clamp(.75rem,1.5vw,1rem));padding:clamp(.8rem,1.4vw,1.1rem) clamp(.75rem,2vw,1.25rem);display:flex;position:sticky;top:0}._app-header-brand_1y6ui_22{align-items:center;gap:clamp(.2rem,.6vw,.4rem);min-width:0;display:flex}._app-header-brand-icon_1y6ui_29{flex-shrink:0;align-items:center;display:flex}._app-header-brand-icon_1y6ui_29 .brand-mark{width:clamp(3.6rem,7vw,4.85rem);height:auto;display:block}@media (width<=767px){._app-header-brand-icon_1y6ui_29 .brand-mark{width:clamp(3rem,11vw,3.75rem)}}._app-header-brand-text_1y6ui_55{flex-direction:column;gap:.12rem;min-width:0;display:flex}._app-header-brand-title_1y6ui_62{font-family:var(--font-display);font-weight:var(--font-brand-weight);letter-spacing:.035em;white-space:nowrap;text-overflow:ellipsis;color:#0000;align-items:baseline;font-size:clamp(2rem,4vw,3.15rem);line-height:.92;display:inline-flex;overflow:hidden}._app-header-brand-title-primary_1y6ui_82,._app-header-brand-title-secondary_1y6ui_83{color:#0000;paint-order:stroke fill}._app-header-brand-title-primary_1y6ui_82{-webkit-text-stroke:1.2px #4de4ff;text-shadow:0 0 10px #4de4ff8c,0 0 24px #4de4ff4d}._app-header-brand-title-secondary_1y6ui_83{-webkit-text-stroke:1.2px #ff9a4d;text-shadow:0 0 10px #ff9a4d8c,0 0 24px #ff9a4d4d}._app-header-brand-wordmark_1y6ui_105{align-items:center;display:flex}._app-header-brand-subtitle_1y6ui_110{color:#c5d5e6b8;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.66rem,1vw,.8rem);line-height:1.2;overflow:hidden}@media (width<=879px){._app-header-brand-subtitle_1y6ui_110{display:none}}._app-header-actions_1y6ui_126{flex-shrink:0;align-items:center;gap:clamp(.35rem,1vw,.6rem);display:flex}@media (width<=767px){._app-header_1y6ui_1{margin-top:-.65rem;margin-inline:-.65rem;padding-inline:.75rem}._app-header-brand-title_1y6ui_62{font-size:clamp(1.72rem,9vw,2.3rem)}}.app-container[data-layout-tier=desktop] ._app-header_1y6ui_1{padding-top:clamp(.52rem,.86vw,.7rem);padding-bottom:clamp(.52rem,.86vw,.7rem)}.app-container[data-layout-tier=desktop] ._app-header-brand-icon_1y6ui_29 .brand-mark{width:clamp(2.75rem,4.8vw,3.65rem)}.app-container[data-layout-tier=desktop] ._app-header-brand-subtitle_1y6ui_110{font-size:clamp(.6rem,.85vw,.7rem)}.app-container[data-layout-tier=tablet] ._app-header_1y6ui_1{padding-top:clamp(.62rem,1vw,.8rem);padding-bottom:clamp(.62rem,1vw,.8rem)}.app-container[data-layout-tier=tablet] ._app-header-brand-icon_1y6ui_29 .brand-mark{width:clamp(3.15rem,5.8vw,4.1rem)}._fretflow-wordmark_1muss_2{width:auto;height:clamp(1.55rem,3.1vw,2.45rem);display:block}@media (width<=767px){._fretflow-wordmark_1muss_2{height:clamp(1.1rem,5.5vw,1.5rem)}}.app-container[data-layout-tier=desktop] ._fretflow-wordmark_1muss_2{height:clamp(1.22rem,2.1vw,1.72rem)}.app-container[data-layout-tier=tablet] ._fretflow-wordmark_1muss_2{height:clamp(1.35rem,2.65vw,2.05rem)}._strip-surface_3ef7x_3{--strip-fill:var(--surface-card);--strip-border:1px solid #ffffff0f;--strip-shadow:0 6px 18px #00000038}._control-button_3ef7x_11{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:1px solid var(--chrome-border);border-radius:var(--radius-sm);color:var(--chrome-fg-muted);cursor:pointer;transition:var(--transition-surface);background:linear-gradient(#ffffff0a,#ffffff05),#0e131beb;line-height:1.2}._control-button_3ef7x_11:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--neon-cyan) 18%, transparent), color-mix(in srgb, var(--neon-cyan) 8%, transparent)), #121f2bf2;color:var(--chrome-fg);border-color:color-mix(in srgb, var(--neon-cyan) 42%, transparent)}._control-button_3ef7x_11:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-glow)}._control-button_3ef7x_11:disabled{opacity:var(--disabled-opacity);cursor:default}._control-container_3ef7x_45{align-items:center;gap:var(--space-1);display:flex}._control-value_3ef7x_52{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--text-main);text-align:center;min-width:1.5rem}._control-section_3ef7x_61{flex-direction:column;gap:.45rem;display:flex}._section-label_3ef7x_71{color:var(--chrome-fg-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:500}._toggle-group_3ef7x_79{border:1px solid var(--chrome-border);background:linear-gradient(#ffffff08,#ffffff03),#0c1119e0;border-radius:1rem;gap:.22rem;padding:.25rem;display:flex}._toggle-btn_3ef7x_94{min-height:2.65rem;transition:var(--transition-surface), transform var(--transition-fast);text-transform:none;color:var(--chrome-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:.78rem;flex:1;padding:.5rem .78rem;font-size:.9rem;font-weight:500}._toggle-btn_3ef7x_94:hover{color:var(--chrome-fg)}._toggle-btn_3ef7x_94:active{transform:scale(.96)}._toggle-btn_3ef7x_94:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}._toggle-btn_3ef7x_94._active_3ef7x_67{background:linear-gradient(180deg, color-mix(in srgb, var(--neon-cyan) 22%, transparent), color-mix(in srgb, var(--neon-cyan) 8%, transparent)), #121f2bf2;color:var(--selected-fg);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px color-mix(in srgb, var(--neon-cyan) 32%, transparent), 0 0 8px color-mix(in srgb, var(--neon-cyan) 16%, transparent)}._accidental-toggle_3ef7x_133{border:1px solid var(--chrome-border);width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-surface);background:0 0;border-radius:9999px;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:0;right:0}._accidental-toggle_3ef7x_133:hover{color:var(--text-on-accent);border-color:var(--text-muted)}._accidental-toggle_3ef7x_133:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);color:var(--text-on-accent);border-color:var(--neon-cyan);box-shadow:var(--focus-ring-glow)}._chord-root-row_3ef7x_164{gap:var(--space-2);flex-direction:column;display:flex}._note-grid_3ef7x_170{grid-template-columns:repeat(6,1fr);gap:.42rem;display:grid}._note-btn_3ef7x_176{color:#dfe8f2d6;cursor:pointer;text-align:center;width:100%;min-height:3.05rem;transition:var(--transition-surface);background:linear-gradient(#ffffff0a,#ffffff05),#0c1119e0;border:1px solid #ffffff1a;border-radius:.95rem;justify-content:center;align-items:center;padding:0;font-size:.96rem;font-weight:600;display:inline-flex}._note-btn-label_3ef7x_196{justify-content:center;align-items:center;min-width:2ch;min-height:1rem;line-height:1;display:inline-flex}._note-btn_3ef7x_176:hover{color:#fff;border-color:#4de4ff61}._note-btn_3ef7x_176:active{transform:scale(.96)}._note-btn_3ef7x_176:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);color:#fff;border-color:var(--neon-cyan);box-shadow:0 0 0 3px #4de4ff33}._note-btn_3ef7x_176._active_3ef7x_67{color:#f3fbfffa;background:radial-gradient(circle at 50% 20%,#4de4ff3d,#0000 65%),linear-gradient(#4de4ff2e,#4de4ff14);border-color:#4de4ff73;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #4de4ff29,0 0 8px #4de4ff1f}.app-container[data-layout-tier=desktop] ._toggle-btn_3ef7x_94{min-height:2.2rem;padding:.3rem .68rem;font-size:.85rem}.app-container[data-layout-tier=desktop] ._note-btn_3ef7x_176{min-height:2.55rem}.app-container[data-layout-tier=tablet] ._toggle-btn_3ef7x_94{min-height:2.75rem;padding:.38rem .72rem;font-size:.88rem}.app-container[data-layout-tier=tablet] ._note-btn_3ef7x_176{min-height:2.82rem}._shape-hint_3ef7x_258{color:#bcc8d673;text-align:center;-webkit-user-select:none;user-select:none;margin:0;font-size:.68rem;line-height:1}._lens-hint_3ef7x_267{color:#bcc8d6b8;margin:0;font-size:.75rem;line-height:1.4}._icon-button_3ef7x_275{color:#e6eef7db;cursor:pointer;width:2.75rem;height:2.75rem;transition:var(--transition-surface), transform var(--transition-fast);background:linear-gradient(#ffffff0d,#ffffff05),#0c1119d1;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:inset 0 1px #ffffff14}._icon-button_3ef7x_275:hover{background:linear-gradient(#4de4ff1f,#4de4ff08),#0c1119eb;border-color:#4de4ff42;transform:translateY(-1px)}._icon-button_3ef7x_275:active{transform:translateY(0)}._icon-button_3ef7x_275:focus-visible{box-shadow:inset 0 0 0 2px var(--neon-cyan);outline:none}._icon-button_3ef7x_275 .icon{width:1.18rem;height:1.18rem;color:inherit}._icon-button_3ef7x_275 .icon-muted{color:#b0bcc9a8}._icon-button_3ef7x_275 .icon-active{color:#fff}._icon-button--lg_3ef7x_327{width:2.95rem;height:2.95rem}._icon-button--lg_3ef7x_327 .icon{width:1.25rem;height:1.25rem}@media (width<=1079px){._icon-button--lg_3ef7x_327{width:2.7rem;height:2.7rem}._icon-button--lg_3ef7x_327 .icon{width:1.18rem;height:1.18rem}}@media (width<=767px){._icon-button--lg_3ef7x_327{width:2.7rem;height:2.7rem}}._sr-only_3ef7x_358{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._link-toggle_3ef7x_370{align-items:center;gap:var(--space-2);color:#ccd6e1d1;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.86rem;display:flex}._link-toggle_3ef7x_370 input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;width:.875rem;height:.875rem}._link-toggle_3ef7x_370 input[type=checkbox]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-glow);border-radius:2px}@media (width<=767px){[data-layout-scope=mobile-tabs] ._toggle-btn_3ef7x_94,[data-layout-scope=mobile-tabs] ._note-btn_3ef7x_176,[data-layout-scope=mobile-tabs] ._link-toggle_3ef7x_370{min-height:36px}[data-layout-scope=mobile-tabs] ._control-section_3ef7x_61{width:100%}}.overlay-field--accidentals ._toggle-btn_3ef7x_94{font-size:var(--text-sm,.875rem)}._degree-chip-strip_op45w_1{--chip-size:clamp(2.15rem, 3.4vw, 2.5rem);--chip-half:calc(var(--chip-size) / 2);--chip-glow-cyan:0 0 6px var(--neon-cyan);--chip-glow-orange:0 0 6px var(--neon-orange);--chip-glow-violet:drop-shadow(0 0 5px #a78bfabf);--chip-border-width:2px;--chip-border-muted:#ffffff38;--chip-line-muted:#ffffff2e;--chip-focus-ring:#4de4ffb3;--chip-hexagon-clip:polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);--color-note-ring-color:var(--note-ring-color-tone);--color-note-inner-fill:#141e28eb;--color-note-text:#e8d8ff;background:var(--strip-fill);border:var(--strip-border);width:min(100%,30rem);box-shadow:var(--strip-shadow);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.4rem;margin:0 auto;padding:.5rem .9rem .55rem;display:flex}._degree-chip-strip-header_op45w_34{font-family:var(--font-sans);font-size:clamp(.92rem,1.5vw,1.05rem);font-weight:var(--font-weight-medium);color:var(--text-soft-white);letter-spacing:.01em;line-height:1.2}._degree-chip-strip-header_op45w_34[data-has-action]{width:100%;line-height:initial;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}._scale-eye-toggle_op45w_53{color:var(--text-soft-white);opacity:.6;cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;padding:.2rem;display:inline-flex}._scale-eye-toggle_op45w_53:hover{opacity:1}._scale-eye-toggle_op45w_53:focus-visible{outline:2px solid var(--chip-focus-ring);outline-offset:2px;opacity:1}._scale-eye-toggle_op45w_53[aria-pressed=true]{opacity:.4}._degree-chip-strip-list_op45w_78{justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}._degree-chip-strip-list_op45w_78:before{content:"";left:var(--chip-half);right:var(--chip-half);top:calc(var(--chip-half) - 1px);background:var(--chip-line-muted);pointer-events:none;z-index:0;height:2px;position:absolute}._degree-chip-item_op45w_101{z-index:1;flex-direction:column;flex:none;align-items:center;gap:.28rem;display:flex;position:relative}._degree-chip_op45w_1{width:var(--chip-size);height:var(--chip-size);background:var(--strip-fill);border:var(--chip-border-width) solid var(--chip-border-muted);opacity:.55;cursor:pointer;transition:opacity var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;place-items:center;padding:0;display:grid}._degree-chip_op45w_1:focus-visible{outline:2px solid var(--chip-focus-ring);outline-offset:2px}._degree-chip-item_op45w_101[data-in-scale=true] ._degree-chip_op45w_1{border-color:var(--chip-border-active);box-shadow:var(--chip-glow-cyan);opacity:1}._degree-chip-item_op45w_101[data-is-tonic=true] ._degree-chip_op45w_1{border-color:var(--chip-border-tonic);box-shadow:var(--chip-glow-orange);opacity:1}._degree-chip-item_op45w_101[data-is-color-note=true]{filter:drop-shadow(0 0 5px #a78bfabf);will-change:filter}._degree-chip-item_op45w_101[data-is-color-note=true] ._degree-chip_op45w_1{clip-path:var(--chip-hexagon-clip);background:var(--color-note-ring-color);box-shadow:none;opacity:1;border-color:#0000;position:relative}._degree-chip-item_op45w_101[data-is-color-note=true] ._degree-chip_op45w_1:before{content:"";background:var(--color-note-inner-fill);clip-path:var(--chip-hexagon-clip);position:absolute;inset:0}._degree-chip-item_op45w_101[data-is-color-note=true] ._degree-chip-note_op45w_168{color:var(--color-note-text);z-index:1;position:relative}._degree-chip-item_op45w_101[data-hidden=true]:before{content:"";width:var(--chip-size);height:var(--chip-size);background:var(--strip-fill);z-index:-1;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}._degree-chip-item_op45w_101[data-hidden=true] ._degree-chip_op45w_1{border-color:var(--chip-border-muted);box-shadow:0 0 6px var(--chip-line-muted);filter:none;opacity:.38}._degree-chip-item_op45w_101[data-hidden=true][data-is-color-note=true]{filter:none}._degree-chip-item_op45w_101[data-hidden=true][data-is-color-note=true] ._degree-chip_op45w_1{background:var(--chip-border-muted);border-color:#0000}._degree-chip-note_op45w_168{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);color:var(--text-soft-white);font-size:clamp(1.1rem,1.9vw,1.28rem);line-height:calc(var(--chip-size) - var(--chip-border-width) * 2);letter-spacing:.01em;align-items:center;display:inline-flex}._degree-chip-interval_op45w_216{font-family:var(--font-sans);font-size:.88rem;font-weight:var(--font-weight-semibold);color:var(--text-soft-white);letter-spacing:.02em;line-height:1}._degree-chip-strip_op45w_1._degree-chip-strip--compact_op45w_226{--chip-size:clamp(1.45rem, 2.1vw, 1.65rem);border-radius:.75rem;gap:.2rem;padding:.28rem .65rem .3rem}._degree-chip-strip_op45w_1._degree-chip-strip--compact_op45w_226 ._degree-chip-strip-header_op45w_34{color:var(--chip-text-inactive);font-size:.72rem}._degree-chip-strip_op45w_1._degree-chip-strip--compact_op45w_226 ._degree-chip-note_op45w_168{font-size:clamp(.72rem,1.2vw,.84rem)}._degree-chip-strip_op45w_1._degree-chip-strip--compact_op45w_226 ._degree-chip-interval_op45w_216{font-size:.62rem}.app-container[data-layout-tier=mobile] ._degree-chip-strip_op45w_1{--chip-size:2.15rem;border-radius:.85rem;gap:.35rem;width:100%;padding:.45rem .7rem .5rem}.app-container[data-layout-tier=mobile] ._degree-chip-strip-header_op45w_34{font-size:.92rem}.app-container[data-layout-tier=mobile] ._degree-chip-note_op45w_168{font-size:1.1rem}.app-container[data-layout-tier=mobile] ._degree-chip-interval_op45w_216{font-size:.82rem}.app-container[data-layout-tier=desktop] ._degree-chip-strip_op45w_1{--chip-size:clamp(1.82rem, 2.45vw, 2.02rem);gap:.24rem;width:min(100%,32rem);padding:.34rem .78rem .38rem}.app-container[data-layout-tier=desktop] ._degree-chip-strip-header_op45w_34{font-size:clamp(.84rem,1.2vw,.96rem)}.app-container[data-layout-tier=desktop] ._degree-chip-note_op45w_168{font-size:clamp(1rem,1.7vw,1.15rem)}.app-container[data-layout-tier=desktop] ._degree-chip-interval_op45w_216{font-size:.78rem}._chord-practice-bar_1ixfy_3{background:var(--practice-bar-fill);border:1px solid #ffffff12;border-radius:.85rem;flex-direction:column;gap:.3rem;width:100%;padding:.38rem .85rem .42rem;display:flex;box-shadow:0 4px 14px #0003}._chord-practice-bar-header_1ixfy_15{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}._chord-practice-bar-title_1ixfy_22{font-family:var(--font-sans);font-size:clamp(.82rem,1.3vw,.94rem);font-weight:var(--font-weight-semibold);color:var(--text-soft-white);letter-spacing:.01em;line-height:1.2}._chord-practice-bar-lens-label_1ixfy_31{font-family:var(--font-sans);font-size:.78rem;font-weight:var(--font-weight-medium);color:#ffffff80;letter-spacing:.03em;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.3rem;padding:.15rem .35rem;line-height:1}._chord-practice-bar-badge_1ixfy_45{font-family:var(--font-sans);font-size:.7rem;font-weight:var(--font-weight-medium);color:#ffffff73;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:.3rem;padding:.15rem .35rem;line-height:1}._chord-practice-bar-groups_1ixfy_60{flex-flow:wrap;align-items:center;gap:.3rem 1.25rem;display:flex}._practice-bar-group_1ixfy_69{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}._practice-bar-group-label_1ixfy_76{font-family:var(--font-sans);font-size:.68rem;font-weight:var(--font-weight-semibold);color:#ffffff6b;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}._practice-bar-group_1ixfy_69[data-group-variant=land-on] ._practice-bar-group-label_1ixfy_76{color:#ffffffa8}._practice-bar-pill-list_1ixfy_91{align-items:center;gap:var(--practice-pill-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}._practice-bar-pill_1ixfy_91{height:var(--practice-pill-h);padding:0 var(--practice-pill-px);cursor:default;background:#ffffff0d;border:1.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:.22rem;display:inline-flex}._practice-bar-pill_1ixfy_91[data-in-scale=true]{background:var(--practice-pill-amber-bg-soft);border-color:var(--practice-pill-amber-soft)}._practice-bar-pill_1ixfy_91[data-guide-tone=true]{background:var(--practice-pill-guide-blue-bg);border-color:#60a5fabf;box-shadow:0 0 5px #60a5fa47}._practice-bar-pill_1ixfy_91[data-chord-root=true]{background:var(--practice-pill-amber-bg-strong);border-color:var(--practice-pill-amber-strong);border-style:solid;box-shadow:0 0 6px #ff9a4d66}._practice-bar-pill_1ixfy_91[data-tension=true]{border-color:var(--practice-pill-tension-border);border-style:dashed}._practice-bar-pill_1ixfy_91[data-chord-root=true][data-tension=true]{background:var(--practice-pill-amber-bg-strong);border-color:var(--practice-pill-tension-border);border-style:dashed;box-shadow:0 0 6px #ff9a4d66}._practice-bar-pill-note_1ixfy_144{font-family:var(--font-sans);font-size:var(--practice-pill-font);font-weight:var(--font-weight-semibold);color:var(--text-soft-white);letter-spacing:.01em;line-height:1}._practice-bar-pill-interval_1ixfy_153{font-family:var(--font-sans);font-size:calc(var(--practice-pill-font) - .06rem);font-weight:var(--font-weight-medium);color:#ffffff7a;letter-spacing:.02em;line-height:1}._practice-bar-pill-resolve_1ixfy_162{font-family:var(--font-sans);font-size:calc(var(--practice-pill-font) - .06rem);font-weight:var(--font-weight-medium);color:#a78bfad9;letter-spacing:.01em;line-height:1}.app-container[data-layout-tier=mobile] ._chord-practice-bar-groups_1ixfy_60,.app-container[data-layout-variant=tablet-stacked] ._chord-practice-bar-groups_1ixfy_60{flex-direction:column;align-items:flex-start;gap:.3rem}.app-container[data-layout-tier=mobile] ._chord-practice-bar_1ixfy_3{border-radius:.7rem;gap:.28rem;padding:.38rem .7rem .42rem}.app-container[data-layout-tier=mobile] ._chord-practice-bar-title_1ixfy_22{font-size:.82rem}.app-container[data-layout-tier=mobile] ._practice-bar-group-label_1ixfy_76{font-size:.64rem}.app-container[data-layout-tier=desktop] ._chord-practice-bar_1ixfy_3{gap:.3rem;padding:.3rem .85rem .34rem}.app-container[data-layout-tier=desktop] ._chord-practice-bar-title_1ixfy_22{font-size:clamp(.78rem,1.1vw,.9rem)}._chord-overlay-dock_af5nk_1{flex-direction:column;gap:.35rem;width:min(100%,30rem);display:flex}.app-container[data-layout-tier=mobile] ._chord-overlay-dock_af5nk_1{width:100%}.app-container[data-layout-tier=desktop] ._chord-overlay-dock_af5nk_1{width:min(100%,32rem)}._version-badge_e0vsw_1{color:#c4d1df75;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;gap:.45rem;margin-top:0;font-size:.65rem;display:flex}._version-badge_e0vsw_1 a{color:#d2e1eebd;pointer-events:auto}._kofi-badge-btn_e0vsw_21{pointer-events:auto;opacity:.6;flex-shrink:0;align-items:center;transition:opacity .15s,transform .15s;display:flex}._kofi-badge-btn_e0vsw_21:hover{opacity:1;transform:scale(1.1)}._kofi-badge-icon_e0vsw_35{height:18px;display:block}@media (width<=767px){._version-badge_e0vsw_1{color:#ffffff80;font-size:.6rem}._kofi-badge-icon_e0vsw_35{height:16px}}._main-fretboard_1sop8_1{flex:none;width:100%;min-width:0}._summary-shell_1sop8_7,._chord-dock-shell_1sop8_12{justify-content:center;display:flex}._summary-shell_1sop8_7[data-layout-tier=desktop]{margin-top:-.18rem}._main-fretboard_1sop8_1[data-layout-tier=desktop]{margin-bottom:.45rem}._summary-shell_1sop8_7[data-layout-tier=tablet]{margin-top:-.1rem}._main-fretboard_1sop8_1[data-layout-tier=tablet]{margin-bottom:.3rem}._main-fretboard_1sop8_1[data-layout-variant=landscape-mobile]{margin-bottom:0}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--surface-highlight);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-container{background:radial-gradient(circle at 14% 18%,#4de4ff14,#0000 24%),radial-gradient(circle at 82% 22%,#5c70ff14,#0000 28%),radial-gradient(circle at 50% 56%,#0c4b5e1f,#0000 45%),linear-gradient(#0a1420 0%,#0b1623 32%,#09111b 100%);flex-direction:column;flex:auto;align-self:stretch;gap:.75rem;width:100%;min-width:320px;max-width:80rem;min-height:100dvh;margin:0 auto;padding:1rem 1rem 2rem;display:flex;overflow:visible;container:app-layout/inline-size}.app-container[data-layout-tier=tablet]{gap:.72rem}.app-container[data-layout-tier=desktop]{max-width:120rem}.app-container[data-layout-variant=tablet-split] [data-layout-column=key],.app-container[data-layout-variant=desktop-split] [data-layout-column=key],.app-container[data-layout-variant=desktop-3col] [data-layout-column=key]{min-width:0}.app-container[data-layout-variant=tablet-stacked] [data-layout-column=key]{width:100%;max-width:32rem;margin:0 auto}.app-container[data-layout-variant=landscape-mobile]{gap:.5rem;padding:.5rem}@media (width<=767px){.app-container{padding:.65rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));gap:.8rem}}._error-fallback_16056_1{background:var(--bg-color);width:100vw;height:100vh;color:var(--text-main);justify-content:center;align-items:center;padding:1rem;display:flex}._error-fallback__content_16056_12{text-align:center;max-width:24rem}._error-fallback__title_16056_17{color:var(--neon-orange-bright);margin-bottom:1rem;font-size:1.5rem;font-weight:700}._error-fallback__message_16056_24{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}._error-fallback__button_16056_30{background:var(--surface-raised);border:1px solid var(--surface-highlight);color:var(--text-main);cursor:pointer;transition:var(--transition-surface);border-radius:999px;padding:.6rem 1.25rem;font-weight:600}._error-fallback__button_16056_30:hover{border-color:var(--accent-primary);background:var(--surface-highlight)}