:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: clamp(24px, .63vw + 18px, 36px);--space-8: clamp(32px, .83vw + 24px, 48px);--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Cinzel", Georgia, serif;--font-arabic: "Noto Naskh Arabic", "Arial Unicode MS", serif;--font-mono: "Fira Code", "Consolas", monospace;--font-xs: clamp(11px, .29vw + 8px, 16px);--font-sm: clamp(13px, .34vw + 10px, 19px);--font-base: clamp(15px, .39vw + 11px, 22px);--font-lg: clamp(17px, .44vw + 13px, 25px);--font-xl: clamp(20px, .52vw + 15px, 30px);--font-2xl: clamp(24px, .63vw + 18px, 36px);--font-3xl: clamp(30px, .78vw + 22px, 45px);--font-4xl: clamp(38px, .98vw + 28px, 56px);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--z-base: 1;--z-elevated: 10;--z-overlay: 100;--z-modal: 1000;--z-toast: 2000;--transition-fast: 80ms ease-out;--transition-base: .15s ease-out;--transition-slow: .3s ease-out;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--touch-min: 44px;--c-notation-ink: var(--c-text);--c-info: #4DC8FF;--c-on-accent: #10141C;--c-polyrhythm-b: #A878E0;--c-overlay-contrast: #FFFFFF;--c-shadow: #000000;--c-metronome-accent: #E0B65A;--c-metronome-accent-soft: rgba(224,182,90,.14);--c-metronome-accent-glow: rgba(224,182,90,.55);--c-on-metronome-accent: #241A08;--c-overlay-chip-bg: rgba(0, 0, 0, .6);--c-overlay-chip-bg-hover: rgba(0, 0, 0, .8);--c-overlay-label-bg: rgba(0, 0, 0, .72);--c-modal-scrim: rgba(4, 6, 10, .93)}:root{--font-weight-heavy: 800;--font-hero-name: clamp(19px, 3vw, 28px);--font-label: clamp(11px, .72rem, 13px);--font-micro: clamp(11px, .65rem, 12px);--border-width-thin: 1px;--border-width-medium: 1.5px;--border-width-thick: 2px;--border-width-accent: 3px;--c-progress-h: 6px;--glow-node-radius: 12px;--glow-node-alpha: .35;--density-node-size: 40px;--density-tile-h: 80px;--density-status-h: 64px;--density-grid-quest: 1.6fr;--density-grid-status: 1fr;--mastery-ring-stroke: 4}:root{--piano-white-key: #EDE4CC;--piano-black-key: #1A1428;--piano-correct: #2E8B5A;--piano-wrong: #C44A3A;--piano-qt: #7C4DBC;--piano-label: rgba(0,0,0,.5);--piano-target: rgba(var(--c-primary-rgb, 196,144,58), .35);--piano-root: var(--c-primary, #C4903A);--piano-scale: rgba(var(--c-primary-rgb, 196,144,58), .4)}:root{--staff-note-rgb: 230 225 245;--staff-clef-rgb: 236 232 250;--staff-line-rgb: 236 232 250;--staff-stage-rgb: 17 13 38;--staff-label-on-note-rgb: 26 20 48;--staff-note-target-rgb: 224 182 90;--staff-note-target-dim-rgb: 194 160 90;--staff-note-target-glow: rgba(224,182,90,.55);--staff-note-target-glow-dim: rgba(194,160,90,.32);--staff-note-correct-rgb: 84 217 140;--staff-note-correct-glow: rgba(84,217,140,.55);--staff-note-wrong-rgb: 255 107 129;--staff-note-wrong-glow: rgba(255,107,129,.55);--staff-note-active-rgb: 176 139 255;--staff-note-active-glow: rgba(176,139,255,.6);--staff-note-demo-rgb: 70 200 255;--staff-note-demo-glow: rgba(70,200,255,.55);--staff-note-selected-rgb: 255 209 102;--staff-note-selected-glow: rgba(155,139,255,.6)}:root{--vf-focus-offset: 2px;--vf-media-thumbnail-opacity: .18;--vf-loading-secondary-opacity: .6;--vf-loading-tertiary-opacity: .4;--vf-content-measure-sm: 320px;--vf-media-width-wide: 880px;--vf-media-width-standard: 640px;--vf-accent-glow: 0 0 0 4px var(--c-primary-dim), 0 0 12px var(--c-primary-dim);--vf-media-scrim: rgba(0,0,0,.6)}:root{--nntl-measure-narrow: 480px;--nntl-measure-standard: 720px;--nntl-measure-wide: 960px}[data-profile=atef]{--c-bg: #080C14;--c-surface: #0F1520;--c-surface-2: #161E2E;--c-surface-3: #1E2840;--c-border: #243050;--c-primary: #C4903A;--c-primary-rgb: 196,144,58;--c-primary-dim: rgba(196,144,58,.15);--c-on-primary: var(--c-bg);--c-accent: #2A6B8E;--c-secondary: #7A3FA0;--c-on-secondary:#FFFFFF;--c-text: #E8DCC8;--c-text-muted: #998D7B;--c-text-dim: #4A4238;--c-success: #2E8B5A;--c-error: #D27568;--c-warning: #C49030;--c-text-muted-fill: #817563;--c-error-fill: #C44A3A;--c-error-fill-subtle: #CB5C4E;--c-success-soft: rgba(46,139,90,.12);--c-success-mid: rgba(46,139,90,.25);--c-error-soft: rgba(210,117,104,.1);--c-error-mid: rgba(210,117,104,.17);--c-warning-soft: rgba(196,144,48,.1);--c-warning-mid: rgba(196,144,48,.18);--c-accent-soft: rgba(42,107,142,.1);--c-accent-mid: rgba(42,107,142,.18);--c-info: #4A78D0;--c-on-accent: #F5EFE0;--c-polyrhythm-b: #9868C0;--c-overlay-contrast: #FFFFFF;--c-shadow: #000000;--c-metronome-accent: #E0B65A;--c-metronome-accent-soft: rgba(224,182,90,.14);--c-metronome-accent-glow: rgba(224,182,90,.55);--c-on-metronome-accent: #241A08;--motion-spring: spring(320, 24, 0);--motion-scale: 1.03;--motion-dur: .12s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpolygon fill='%23C4903A' opacity='0.05' points='68,40 53,35 60,20 45,27 40,12 35,27 20,20 27,35 12,40 27,45 20,60 35,53 40,68 45,53 60,60 53,45'/%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px}[data-profile=rita]{--c-bg: #0C0E12;--c-surface: #161A22;--c-surface-2: #1E2430;--c-surface-3: #262E3E;--c-border: #303A50;--c-primary: #8898B8;--c-primary-rgb: 136,152,184;--c-primary-dim: rgba(136,152,184,.15);--c-on-primary: var(--c-bg);--c-accent: #B8C8E8;--c-secondary: #7A4060;--c-on-secondary:#FFFFFF;--c-text: #E8ECF4;--c-text-muted: #8894B8;--c-text-dim: #384060;--c-success: #60B880;--c-error: #D57A86;--c-warning: #C8A040;--c-text-muted-fill: #6070A0;--c-error-fill: #C74D5E;--c-error-fill-subtle: #CD5F6D;--c-success-soft: rgba(96,184,128,.12);--c-success-mid: rgba(96,184,128,.25);--c-error-soft: rgba(213,122,134,.1);--c-error-mid: rgba(213,122,134,.17);--c-warning-soft: rgba(200,160,64,.1);--c-warning-mid: rgba(200,160,64,.18);--c-accent-soft: rgba(184,200,232,.1);--c-accent-mid: rgba(184,200,232,.18);--c-info: #3FB0C4;--c-on-accent: #10141C;--c-polyrhythm-b: #A878E0;--c-overlay-contrast: #FFFFFF;--c-shadow: #000000;--c-metronome-accent: #E0B65A;--c-metronome-accent-soft: rgba(224,182,90,.14);--c-metronome-accent-glow: rgba(224,182,90,.55);--c-on-metronome-accent: #241A08;--motion-spring: spring(200, 22, 0);--motion-scale: 1.02;--motion-dur: .18s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Ccircle cx='15' cy='15' r='1.5' fill='%238898B8' opacity='0.15'/%3E%3C/svg%3E");background-repeat:repeat;background-size:30px 30px}[data-profile=joelle]{--c-bg: #1A0818;--c-surface: #2A1028;--c-surface-2: #3A1A38;--c-surface-3: #4A2248;--c-border: #6A2A68;--c-primary: #FF85C0;--c-primary-rgb: 255,133,192;--c-primary-dim: rgba(255,133,192,.15);--c-on-primary: var(--c-bg);--c-accent: #FFD700;--c-secondary: #6A5ACD;--c-on-secondary:#FFFFFF;--c-text: #FFF0F8;--c-text-muted: #CC88AA;--c-text-dim: #884466;--c-success: #FF85C0;--c-error: #FF5D98;--c-warning: #FFD700;--c-text-muted-fill: #B65686;--c-error-fill: #EB0055;--c-error-fill-subtle: #FF4488;--c-success-soft: rgba(255,133,192,.12);--c-success-mid: rgba(255,133,192,.25);--c-error-soft: rgba(255,93,152,.1);--c-error-mid: rgba(255,93,152,.18);--c-warning-soft: rgba(255,215,0,.1);--c-warning-mid: rgba(255,215,0,.18);--c-accent-soft: rgba(255,215,0,.1);--c-accent-mid: rgba(255,215,0,.18);--c-info: #4DC8FF;--c-on-accent: #1A1200;--c-polyrhythm-b: #C79FFF;--c-overlay-contrast: #FFFFFF;--c-shadow: #000000;--c-metronome-accent: #E0B65A;--c-metronome-accent-soft: rgba(224,182,90,.14);--c-metronome-accent-glow: rgba(224,182,90,.55);--c-on-metronome-accent: #241A08;--staff-note-wrong-rgb: 248 113 113;--staff-note-wrong-glow: rgba(248,113,113,.55);--motion-spring: spring(360, 16, 0);--motion-scale: 1.08;--motion-dur: .1s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='56'%3E%3Cpath fill='%23FF85C0' opacity='0.06' d='M30,48 C18,36 4,28 4,16 C4,8 12,4 20,4 C24,4 28,8 30,11 C32,8 36,4 40,4 C48,4 56,8 56,16 C56,28 42,36 30,48Z'/%3E%3C/svg%3E");background-repeat:repeat;background-size:60px 56px}[data-profile=giselle]{--c-bg: #080E1A;--c-surface: #0E1828;--c-surface-2: #162038;--c-surface-3: #1E2A48;--c-border: #2A3A60;--c-primary: #5BB8F5;--c-primary-rgb: 91,184,245;--c-primary-dim: rgba(91,184,245,.15);--c-on-primary: var(--c-bg);--c-accent: #B8E0FF;--c-secondary: #9B4D8E;--c-on-secondary:#FFFFFF;--c-text: #E8F4FF;--c-text-muted: #6795C3;--c-text-dim: #304870;--c-success: #5BB8F5;--c-error: #FF6688;--c-warning: #FFD040;--c-text-muted-fill: #457AAF;--c-error-fill: #ED0035;--c-error-fill-subtle: #FF6688;--c-success-soft: rgba(91,184,245,.12);--c-success-mid: rgba(91,184,245,.25);--c-error-soft: rgba(255,102,136,.1);--c-error-mid: rgba(255,102,136,.18);--c-warning-soft: rgba(255,208,64,.1);--c-warning-mid: rgba(255,208,64,.18);--c-accent-soft: rgba(184,224,255,.1);--c-accent-mid: rgba(184,224,255,.18);--c-info: #3FC7B0;--c-on-accent: #081020;--c-polyrhythm-b: #C9A8FF;--c-overlay-contrast: #FFFFFF;--c-shadow: #000000;--c-metronome-accent: #E0B65A;--c-metronome-accent-soft: rgba(224,182,90,.14);--c-metronome-accent-glow: rgba(224,182,90,.55);--c-on-metronome-accent: #241A08;--motion-spring: spring(240, 20, 0);--motion-scale: 1.05;--motion-dur: .14s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='60'%3E%3Cellipse cx='24' cy='22' rx='20' ry='14' transform='rotate(-20 24 22)' fill='%235BB8F5' opacity='0.04'/%3E%3Cellipse cx='56' cy='22' rx='20' ry='14' transform='rotate(20 56 22)' fill='%235BB8F5' opacity='0.04'/%3E%3Cellipse cx='26' cy='38' rx='14' ry='9' transform='rotate(10 26 38)' fill='%235BB8F5' opacity='0.04'/%3E%3Cellipse cx='54' cy='38' rx='14' ry='9' transform='rotate(-10 54 38)' fill='%235BB8F5' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 60px}[data-profile=anthony]{--c-bg: #030308;--c-surface: #0A0A18;--c-surface-2: #101020;--c-surface-3: #181828;--c-border: #1A2A1A;--c-primary: #00FF88;--c-primary-rgb: 0,255,136;--c-primary-dim: rgba(0,255,136,.12);--c-on-primary: var(--c-bg);--c-accent: #9D00FF;--c-secondary: #00AACC;--c-on-secondary:#030308;--c-text: #E0FFE0;--c-text-muted: #5E8D5E;--c-text-dim: #204020;--c-success: #00FF88;--c-error: #FF2244;--c-warning: #FFAA00;--c-text-muted-fill: #406040;--c-error-fill: #EE0025;--c-error-fill-subtle: #FF2244;--c-success-soft: rgba(0,255,136,.12);--c-success-mid: rgba(0,255,136,.25);--c-error-soft: rgba(255,34,68,.1);--c-error-mid: rgba(255,34,68,.17);--c-warning-soft: rgba(255,170,0,.1);--c-warning-mid: rgba(255,170,0,.18);--c-accent-soft: rgba(157,0,255,.1);--c-accent-mid: rgba(157,0,255,.18);--c-info: #3388FF;--c-on-accent: #F5EBFF;--c-polyrhythm-b: #FF8800;--c-overlay-contrast: #FFFFFF;--c-shadow: #000000;--c-metronome-accent: #E0B65A;--c-metronome-accent-soft: rgba(224,182,90,.14);--c-metronome-accent-glow: rgba(224,182,90,.55);--c-on-metronome-accent: #241A08;--motion-spring: spring(600, 18, 0);--motion-scale: 1.04;--motion-dur: 60ms;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpolygon fill='none' stroke='%2300FF88' stroke-width='0.8' opacity='0.08' points='56,26 43,3 17,3 4,26 17,49 43,49'/%3E%3C/svg%3E");background-repeat:repeat;background-size:60px 52px}[data-realm=oriental]{--or-bg: #080C14;--or-surface: #0F1520;--or-surface2: #162336;--or-surface3: #1D2E48;--or-border: #2A3A5A;--or-gold: #C9962A;--or-gold-light: #E8B84B;--or-gold-glow: #F5CC6A;--or-teal: #1E8B7A;--or-teal-light: #2AB8A0;--or-purple: #7C4DBC;--or-purple-light: #A67FE0;--or-text: #EDE4CC;--or-text-muted: #8A7D6A;--or-text-dim: #4A4238;--or-success: #2E8B5A;--or-error: #C44A3A;--or-warning: #C49030;background-color:var(--or-bg)}[data-realm=coptic]{--coptic-bg: #0A0608;--coptic-surface: #160E0A;--coptic-surface-2: #221610;--coptic-surface-3: #2E1E14;--coptic-border: #3A2818;--coptic-gold: #C9A84C;--coptic-gold-light: #E8C870;--coptic-crimson: #8B1A1A;--coptic-blue: #1A3A5C;--coptic-text: #F0E8D8;--coptic-text-muted: #8A7A60;--coptic-text-dim: #5C4A38;--coptic-success: #2E8B5A;--coptic-warning: #C49030;--coptic-red: rgb(170, 14, 14);--coptic-red-light: rgb(210, 60, 60);--coptic-red-dim: rgba(170, 14, 14, .15)}[data-realm=gospel]{--gospel-bg: #160608;--gospel-surface: #2A0E14;--gospel-surface-2: #3A1620;--gospel-surface-3: #4A1E2A;--gospel-border: #5A2A36;--gospel-gold: #D4A030;--gospel-gold-light: #E8BC54;--gospel-cream: #F8EDD0;--gospel-burgundy: #6A1A28;--gospel-rose: #E8A0A8;--gospel-text: #F8EDD0;--gospel-text-muted: #C2A090;--gospel-text-dim: #C2A090;--gospel-success: #2E8B5A;--gospel-error: #C44A3A;--gospel-warning: #D4A030;background-color:var(--gospel-bg)}[data-realm=gospel]{--c-bg: var(--gospel-bg);--c-surface: var(--gospel-surface);--c-surface-2: var(--gospel-surface-2);--c-surface-3: var(--gospel-surface-3);--c-border: var(--gospel-border);--c-primary: var(--gospel-gold);--c-primary-rgb: 212, 160, 48;--c-primary-dim: rgba(212, 160, 48, .15);--c-accent: var(--gospel-burgundy);--c-text: var(--gospel-text);--c-text-muted: var(--gospel-text-muted);--c-text-dim: var(--gospel-text-dim);--c-success: var(--gospel-success);--c-error: var(--gospel-error);--c-warning: var(--gospel-warning);--c-text-muted-fill: var(--gospel-text-muted);--c-error-fill: var(--gospel-error);--c-error-fill-subtle: var(--gospel-error);--c-hero-bg: var(--gospel-bg);--c-card-bg: var(--gospel-surface);--c-tile-bg: var(--gospel-surface);--c-elevated-bg: var(--gospel-surface-2);--c-progress-fill: var(--gospel-gold);--c-progress-track: var(--gospel-border);--c-badge-bg: rgba(212, 160, 48, .15);--c-badge-border: var(--gospel-gold);--c-journey-done-bg: var(--gospel-gold);--c-journey-active-bg: var(--gospel-burgundy);--c-coptic-resurrection-bg: var(--gospel-bg);--c-coptic-kiahk-bg: var(--gospel-bg)}[data-realm=oriental]{--c-bg: var(--or-bg);--c-surface: var(--or-surface);--c-surface-2: var(--or-surface2);--c-surface-3: var(--or-surface3);--c-border: var(--or-border);--c-primary: var(--or-gold);--c-primary-rgb: 201, 150, 42;--c-primary-dim: rgba(201, 150, 42, .15);--c-accent: var(--or-teal);--c-text: var(--or-text);--c-text-muted: var(--or-text-muted);--c-text-dim: var(--or-text-dim);--c-success: var(--or-success);--c-error: var(--or-error);--c-warning: var(--or-warning);--c-text-muted-fill: var(--or-text-muted);--c-error-fill: var(--or-error);--c-error-fill-subtle: var(--or-error);--c-hero-bg: var(--or-bg);--c-card-bg: var(--or-surface);--c-tile-bg: var(--or-surface);--c-elevated-bg: var(--or-surface2);--c-progress-fill: var(--or-gold);--c-progress-track: var(--or-border);--c-badge-bg: rgba(201, 150, 42, .15);--c-badge-border: var(--or-gold);--c-journey-done-bg: var(--or-gold);--c-journey-active-bg: var(--or-teal);--c-coptic-resurrection-bg: var(--or-bg);--c-coptic-kiahk-bg: var(--or-bg)}[data-realm=coptic]{--c-bg: var(--coptic-bg);--c-surface: var(--coptic-surface);--c-surface-2: var(--coptic-surface-2);--c-surface-3: var(--coptic-surface-3);--c-border: var(--coptic-border);--c-primary: var(--coptic-gold);--c-primary-rgb: 201, 168, 76;--c-primary-dim: rgba(201, 168, 76, .15);--c-accent: var(--coptic-blue);--c-text: var(--coptic-text);--c-text-muted: var(--coptic-text-muted);--c-text-dim: var(--coptic-text-dim);--c-success: var(--coptic-success);--c-error: var(--coptic-red);--c-warning: var(--coptic-warning);--c-text-muted-fill: var(--coptic-text-muted);--c-error-fill: var(--coptic-red);--c-error-fill-subtle: var(--coptic-red);--c-hero-bg: var(--coptic-bg);--c-card-bg: var(--coptic-surface);--c-tile-bg: var(--coptic-surface);--c-elevated-bg: var(--coptic-surface-2);--c-progress-fill: var(--coptic-gold);--c-progress-track: var(--coptic-border);--c-badge-bg: rgba(201, 168, 76, .15);--c-badge-border: var(--coptic-gold);--c-journey-done-bg: var(--coptic-gold);--c-journey-active-bg: var(--coptic-blue);--c-coptic-resurrection-bg: color-mix(in srgb, var(--coptic-bg) 80%, var(--coptic-success));--c-coptic-kiahk-bg: color-mix(in srgb, var(--coptic-bg) 80%, var(--coptic-blue))}@font-face{font-family:Bravura;src:url(/fonts/Bravura.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}*,*:before,*:after{box-sizing:border-box;min-width:0;max-width:100%}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--c-bg, #080c14);color:var(--c-text, #e8dcc8);-webkit-font-smoothing:antialiased}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--c-bg);padding:var(--space-6);box-sizing:border-box}.login-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);width:100%;max-width:400px;box-shadow:var(--shadow-xl)}.login-logo{margin-bottom:var(--space-2);filter:drop-shadow(0 0 14px rgba(196,144,58,.28))}.login-title{font-family:var(--font-serif);font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--c-primary);margin:0;letter-spacing:.06em;text-align:center}.login-tagline{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;letter-spacing:.03em;text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.login-input{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-base);font-family:var(--font-sans);padding:var(--space-3) var(--space-4);min-height:var(--touch-min);width:100%;box-sizing:border-box;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.login-input:focus{border-color:var(--c-primary);background:var(--c-surface-3)}.login-input::placeholder{color:var(--c-text-dim)}.login-error{font-size:var(--font-sm);color:var(--c-error);margin:0;text-align:center;padding:var(--space-2) var(--space-3);background:#c44a3a1a;border-radius:var(--radius-sm)}.login-submit{background:var(--c-primary);border:none;border-radius:var(--radius-md);color:var(--c-bg);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:var(--space-3) var(--space-6);transition:opacity var(--transition-fast),transform var(--transition-fast);width:100%;margin-top:var(--space-2);letter-spacing:.02em}.login-submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px){.login-card{padding:var(--space-8) var(--space-6)}}.midi-modal{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--c-bg);padding:var(--space-6);box-sizing:border-box}.midi-modal__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow-xl)}.midi-modal__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.midi-modal__pulse-ring{position:absolute;inset:-18px;border-radius:50%;border:2px solid var(--c-primary);pointer-events:none}.midi-modal__piano-svg{filter:drop-shadow(0 0 10px rgba(196,144,58,.2))}.midi-modal__check{font-size:52px;line-height:1;color:var(--c-success);display:block}.midi-modal__title{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.midi-modal__desc{font-size:var(--font-base);color:var(--c-text-muted);margin:0;max-width:300px;line-height:var(--leading-normal)}.midi-modal__btn{background:var(--c-primary);border:none;border-radius:var(--radius-md);color:var(--c-bg);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:var(--space-3) var(--space-8);transition:opacity var(--transition-fast),transform var(--transition-fast);min-width:240px;margin-top:var(--space-2);letter-spacing:.01em}.midi-modal__btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.midi-modal__btn:active:not(:disabled){transform:scale(.98)}.midi-modal__btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px){.midi-modal__card{padding:var(--space-8) var(--space-6)}.midi-modal__btn{min-width:0;width:100%}}.nn-layout-preview{display:flex;flex-direction:column;gap:var(--space-4, 1rem);width:100%}.nn-layout-preview--empty{padding:var(--space-4, 1rem)}.nn-layout-preview__message{margin:0;color:var(--c-text-muted, #6b7280);font-size:var(--font-sm, .875rem)}.nn-layout-preview__screen{display:flex;flex-direction:column;gap:var(--space-4, 1rem);width:100%}.nn-layout-preview__region{display:flex;flex-direction:column}.nn-layout-preview__region-body{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.nn-layout-preview__row{width:100%}.nn-layout-preview__column{display:flex;flex-direction:column;min-width:0;grid-column:span var(--nn-column-span, 6) / span var(--nn-column-span, 6)}.nn-layout-preview__staff{max-width:100%;overflow:hidden}.nn-layout-preview__warnings{padding:var(--space-3, .75rem);border:1px solid var(--c-warning, #fbbf24);border-radius:var(--radius-md, .5rem);background:var(--c-warning-soft, #fffbeb);color:var(--c-warning, #92400e);font-size:var(--font-sm, .875rem)}.nn-layout-preview__warnings-title{margin:0 0 var(--space-1, .25rem);font-weight:600}.nn-layout-preview__warnings ul{margin:0;padding-left:var(--space-4, 1rem)}.nn-layout-preview__unavailable-component{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--c-warning, #fbbf24);border-radius:var(--radius-sm, .25rem);background:var(--c-warning-soft, #fffbeb);color:var(--c-warning, #92400e);font-size:var(--font-sm, .875rem);min-height:44px;display:flex;align-items:center}.nn-layout-preview__preview-state{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px dashed var(--c-border, #d1d5db);border-radius:var(--radius-sm, .25rem);background:var(--c-surface-2, #f9fafb);color:var(--c-text-muted, #4b5563);font-size:var(--font-sm, .875rem);min-height:44px;display:flex;align-items:center}@keyframes nn-btn-spin{to{transform:rotate(360deg)}}@keyframes nn-btn-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes nn-btn-radar{0%{transform:scale(.6);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes nn-btn-glow{0%,to{box-shadow:0 0 rgba(var(--c-primary-rgb),.55)}50%{box-shadow:0 0 0 var(--space-3) rgba(var(--c-primary-rgb),0)}}@media(prefers-reduced-motion:reduce){.nn-btn-spin-icon,.nn-btn-capture-radar-ring,.nn-btn-practice--listening,.nn-btn-capture--recording{animation:none!important}}.nn-btn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nn-btn-focus:focus-visible{outline:var(--border-width-accent) solid var(--c-primary);outline-offset:2px}.nn-btn-spin-icon{display:inline-block;animation:nn-btn-spin .8s linear infinite}.nn-btn-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-4) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-4) + var(--nn-btn-pad-left-adjust, 0px)));border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.nn-btn-action:disabled,.nn-btn-action[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.nn-btn-action--compact{min-height:32px;padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-3) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-3) + var(--nn-btn-pad-left-adjust, 0px)));font-size:var(--font-sm);border-radius:var(--radius-sm)}.nn-btn-action--standard{min-height:var(--touch-min)}.nn-btn-action--large{min-height:52px;font-size:var(--font-lg);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-6) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-6) + var(--nn-btn-pad-left-adjust, 0px)))}.nn-btn-action--hero{min-height:64px;font-size:var(--font-xl);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-8) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-8) + var(--nn-btn-pad-left-adjust, 0px)));border-radius:var(--radius-lg)}.nn-btn-action--full{width:100%;justify-content:center}.nn-btn-action--primary{background:linear-gradient(180deg,var(--c-primary) 0%,rgba(var(--c-primary-rgb),.72) 100%);color:var(--c-on-primary);box-shadow:0 2px 16px -4px rgba(var(--c-primary-rgb),.55)}.nn-btn-action--primary:hover:not(:disabled){box-shadow:0 4px 20px -4px rgba(var(--c-primary-rgb),.72)}.nn-btn-action--secondary{background:var(--c-surface-2);color:var(--c-text);border:var(--border-width-thin) solid var(--c-border)}.nn-btn-action--secondary:hover:not(:disabled){background:var(--c-surface-3)}.nn-btn-action--quiet{background:transparent;color:var(--c-text-muted);border:none}.nn-btn-action--quiet:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.nn-btn-action--outline{background:transparent;color:var(--c-primary);border:var(--border-width-medium) solid var(--c-primary)}.nn-btn-action--outline:hover:not(:disabled){background:var(--c-primary-dim)}.nn-btn-action--positive{background:var(--c-success-soft);color:var(--c-success);border:var(--border-width-thin) solid var(--c-success-mid)}.nn-btn-action--positive:hover:not(:disabled){background:var(--c-success-mid)}.nn-btn-action--warning{background:var(--c-warning-soft);color:var(--c-warning);border:var(--border-width-thin) solid var(--c-warning-mid)}.nn-btn-action--warning:hover:not(:disabled){background:var(--c-warning-mid)}.nn-btn-action--destructive{background:var(--c-error-soft);color:var(--c-error);border:var(--border-width-thin) solid var(--c-error-mid)}.nn-btn-action--destructive:hover:not(:disabled){background:var(--c-error-mid)}.nn-btn-action--loading{opacity:.75;cursor:wait;pointer-events:none}.nn-btn-action--success{background:var(--c-success-soft);color:var(--c-success);border:var(--border-width-thin) solid var(--c-success-mid)}.nn-btn-action--error{background:var(--c-error-soft);color:var(--c-error);border:var(--border-width-thin) solid var(--c-error-mid)}.nn-btn-action-supporting{display:block;font-size:var(--font-xs);font-weight:var(--font-weight-normal);opacity:.72;line-height:var(--leading-tight)}.nn-btn-action-progress{margin-inline-start:auto;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);background:rgba(var(--c-primary-rgb),.18);color:var(--c-primary);padding:0 var(--space-2);border-radius:var(--radius-full)}.nn-btn-action-badge{margin-inline-start:auto;min-width:var(--space-5);height:var(--space-5);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);background:var(--c-accent-soft);color:var(--c-accent);border-radius:var(--radius-full);padding:0 var(--space-1)}.nn-btn-choice-group{display:flex;flex-direction:column;gap:var(--space-2)}.nn-btn-choice-group--single,.nn-btn-choice-group--multi,.nn-btn-choice-group--ordered{flex-direction:column}.nn-btn-choice-group--evaluated .nn-btn-choice:not([disabled]){pointer-events:none;cursor:default}.nn-btn-choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding-top:max(0px,calc(var(--space-2) + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-4) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(var(--space-2) + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-4) + var(--nn-btn-pad-left-adjust, 0px)));background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;text-align:start;width:100%;transition:background var(--transition-fast),border-color var(--transition-fast)}.nn-btn-choice:hover:not(:disabled){background:var(--c-surface-3);border-color:var(--c-primary)}.nn-btn-choice--selected{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary)}.nn-btn-choice--correct{background:var(--c-success-soft);border-color:var(--c-success-mid);color:var(--c-success)}.nn-btn-choice--incorrect{background:var(--c-error-soft);border-color:var(--c-error-mid);color:var(--c-error)}.nn-btn-choice--partial{background:var(--c-warning-soft);border-color:var(--c-warning-mid);color:var(--c-warning)}.nn-btn-choice--eliminated{opacity:.38;text-decoration:line-through}.nn-btn-choice--revealed{background:var(--c-accent-soft);border-color:var(--c-accent-mid);color:var(--c-accent)}.nn-btn-choice--locked{opacity:.55;cursor:not-allowed;pointer-events:none}.nn-btn-choice--pending{cursor:wait;pointer-events:none;animation:nn-btn-pulse 1.2s ease-in-out infinite}.nn-btn-choice--role-primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);font-weight:var(--font-weight-bold)}.nn-btn-choice--role-primary:hover:not(:disabled){background:rgba(var(--c-primary-rgb),.88);border-color:var(--c-primary)}.nn-btn-choice-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);background:rgba(var(--c-primary-rgb),.12);color:var(--c-primary);font-size:var(--font-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.nn-btn-choice-order-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--c-primary);color:var(--c-on-primary);font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.nn-btn-choice-confidence-overlay{display:flex;gap:var(--space-2);padding:var(--space-2) 0}.nn-btn-choice-confidence-item{flex:1;min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-border);color:var(--c-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(0px + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(0px + var(--nn-btn-pad-left-adjust, 0px)));transition:background var(--transition-fast),border-color var(--transition-fast)}.nn-btn-choice-confidence-item:hover{background:var(--c-surface-3);border-color:var(--c-primary)}.nn-btn-card-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.nn-btn-card-group--single,.nn-btn-card-group--multi,.nn-btn-card-group--ordered{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.nn-btn-card-group--evaluated .nn-btn-card:not([disabled]){pointer-events:none;cursor:default}.nn-btn-card-wrap{position:relative;display:flex;flex-direction:column}.nn-btn-card{display:flex;flex-direction:column;align-items:stretch;min-height:var(--touch-min);padding-top:max(0px,calc(var(--space-3) + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-3) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(var(--space-3) + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-3) + var(--nn-btn-pad-left-adjust, 0px)));background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;text-align:start;width:100%;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.nn-btn-card:hover:not(:disabled){background:var(--c-surface-3);border-color:var(--c-primary);box-shadow:var(--shadow-sm)}.nn-btn-card--selected{background:var(--c-primary-dim);border-color:var(--c-primary);box-shadow:0 0 0 var(--border-width-medium) rgba(var(--c-primary-rgb),.35)}.nn-btn-card--correct{background:var(--c-success-soft);border-color:var(--c-success-mid);box-shadow:0 0 0 var(--border-width-medium) var(--c-success-mid)}.nn-btn-card--incorrect{background:var(--c-error-soft);border-color:var(--c-error-mid);box-shadow:0 0 0 var(--border-width-medium) var(--c-error-mid)}.nn-btn-card--partial{background:var(--c-warning-soft);border-color:var(--c-warning-mid);box-shadow:0 0 0 var(--border-width-medium) var(--c-warning-mid)}.nn-btn-card--eliminated{opacity:.38}.nn-btn-card--locked{opacity:.55;cursor:not-allowed;pointer-events:none}.nn-btn-card--revealed{background:var(--c-accent-soft);border-color:var(--c-accent-mid)}.nn-btn-card-badge{position:absolute;top:var(--space-2);inset-inline-start:var(--space-2);min-width:var(--space-5);height:var(--space-5);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--c-primary);color:var(--c-on-primary);font-size:var(--font-xs);font-weight:var(--font-weight-bold);padding:0 var(--space-1)}.nn-btn-card-content-slot{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2) 0;min-height:80px}.nn-btn-card-body{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2)}.nn-btn-card-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);line-height:var(--leading-tight)}.nn-btn-card-desc{font-size:var(--font-xs);color:var(--c-text-muted);line-height:var(--leading-normal)}.nn-btn-card-chord-label{font-family:var(--font-sans);font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text);text-align:center}.nn-btn-card-rhythm-label{font-family:var(--font-mono);font-size:var(--font-base);color:var(--c-text);text-align:center;letter-spacing:.05em}.nn-btn-card-text-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);line-height:var(--leading-tight);text-align:center}.nn-btn-card-text-desc{font-size:var(--font-sm);color:var(--c-text-muted);line-height:var(--leading-normal);text-align:center}.nn-btn-card-image-asset{max-width:100%;max-height:120px;object-fit:contain;border-radius:var(--radius-sm)}.nn-btn-card-audio{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);min-height:var(--touch-min);min-width:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-full);color:var(--c-text-muted);cursor:pointer;transition:background var(--transition-fast)}.nn-btn-card-audio:hover{background:#ffffff24;color:var(--c-text)}.nn-btn-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-4) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-4) + var(--nn-btn-pad-left-adjust, 0px)));background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-full);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.nn-btn-toggle:hover:not(:disabled){background:var(--c-surface-3);color:var(--c-text)}.nn-btn-toggle--on{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary)}.nn-btn-toggle--locked{opacity:.45;cursor:not-allowed;pointer-events:none}.nn-btn-seg{display:inline-flex;background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;gap:0}.nn-btn-seg-item{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-4) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-4) + var(--nn-btn-pad-left-adjust, 0px)));background:transparent;border:none;border-inline-end:var(--border-width-thin) solid var(--c-border);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.nn-btn-seg-item:last-child{border-inline-end:none}.nn-btn-seg-item:hover:not(:disabled){background:var(--c-surface-3);color:var(--c-text)}.nn-btn-seg-item--active{background:var(--c-primary-dim);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.nn-btn-icon-wrap{display:inline-flex;position:relative}.nn-btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--c-text-muted);cursor:pointer;padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(0px + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(0px + var(--nn-btn-pad-left-adjust, 0px)));transition:background var(--transition-fast),color var(--transition-fast)}.nn-btn-icon:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.nn-btn-icon--standard{min-height:var(--touch-min);min-width:var(--touch-min)}.nn-btn-icon--sm{min-height:32px;min-width:32px}.nn-btn-icon-tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--c-surface-3);color:var(--c-text);font-size:var(--font-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-elevated);border:var(--border-width-thin) solid var(--c-border)}.nn-btn-icon-wrap:hover .nn-btn-icon-tooltip,.nn-btn-icon-wrap:focus-within .nn-btn-icon-tooltip{opacity:1}.nn-btn-media-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.nn-btn-media{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);min-width:var(--touch-min);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-3) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-3) + var(--nn-btn-pad-left-adjust, 0px)));background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-full);color:var(--c-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.nn-btn-media:hover:not(:disabled){background:var(--c-surface-3);color:var(--c-text);border-color:var(--c-primary)}.nn-btn-media--play:hover:not(:disabled),.nn-btn-media--replay:hover:not(:disabled),.nn-btn-media--hearAgain:hover:not(:disabled),.nn-btn-media--playFromHere:hover:not(:disabled),.nn-btn-media--playSlow:hover:not(:disabled){background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary)}.nn-btn-media--pause{background:var(--c-warning-soft);border-color:var(--c-warning-mid);color:var(--c-warning)}.nn-btn-media--stop{background:var(--c-error-soft);border-color:var(--c-error-mid);color:var(--c-error)}.nn-btn-media--loop,.nn-btn-media--mute,.nn-btn-media--countIn{color:var(--c-text-muted)}.nn-btn-media--loop-active{background:var(--c-accent-soft);border-color:var(--c-accent-mid);color:var(--c-accent)}.nn-btn-media--mute-active{background:var(--c-error-soft);border-color:var(--c-error-mid);color:var(--c-error)}.nn-btn-media--countIn-active{background:var(--c-success-soft);border-color:var(--c-success-mid);color:var(--c-success)}.nn-btn-media--buffering{opacity:.65;cursor:wait;pointer-events:none;animation:nn-btn-pulse 1.2s ease-in-out infinite}.nn-btn-media--unavailable{opacity:.35;cursor:not-allowed;pointer-events:none}.nn-btn-media-progress{width:100%;height:var(--space-1);background:var(--c-surface-3);border-radius:var(--radius-full);overflow:hidden}.nn-btn-media-progress-fill{height:100%;background:var(--c-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.nn-btn-practice{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--touch-min);width:100%;padding-top:max(0px,calc(var(--space-3) + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-6) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(var(--space-3) + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-6) + var(--nn-btn-pad-left-adjust, 0px)));border:var(--border-width-medium) solid var(--c-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.nn-btn-practice--idle{background:var(--c-surface-2);color:var(--c-text-muted)}.nn-btn-practice--ready{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary)}.nn-btn-practice--listening{background:var(--c-accent-soft);border-color:var(--c-accent-mid);color:var(--c-accent);animation:nn-btn-glow 1.5s ease-in-out infinite}.nn-btn-practice--paused{background:var(--c-warning-soft);border-color:var(--c-warning-mid);color:var(--c-warning)}.nn-btn-practice--evaluating{background:var(--c-surface-2);border-color:var(--c-primary);color:var(--c-text-muted);opacity:.75;pointer-events:none}.nn-btn-practice--correct{background:var(--c-success-soft);border-color:var(--c-success-mid);color:var(--c-success)}.nn-btn-practice--incorrect{background:var(--c-error-soft);border-color:var(--c-error-mid);color:var(--c-error)}.nn-btn-practice--timeout{background:var(--c-warning-soft);border-color:var(--c-warning-mid);color:var(--c-warning)}.nn-btn-practice--completed{background:var(--c-success-soft);border-color:var(--c-success-mid);color:var(--c-success);pointer-events:none}.nn-btn-practice--noDevice{background:var(--c-surface-2);border-color:var(--c-error-mid);color:var(--c-error);cursor:not-allowed;opacity:.65}.nn-btn-capture-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.nn-btn-capture{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);min-width:var(--touch-min);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-4) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-4) + var(--nn-btn-pad-left-adjust, 0px)));border:var(--border-width-medium) solid var(--c-border);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;position:relative;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.nn-btn-capture--idle{background:var(--c-surface-2);color:var(--c-text-muted)}.nn-btn-capture--ready{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary)}.nn-btn-capture--receiving{background:var(--c-accent-soft);border-color:var(--c-accent-mid);color:var(--c-accent)}.nn-btn-capture--recording{background:var(--c-error-soft);border-color:var(--c-error);color:var(--c-error);animation:nn-btn-pulse 1s ease-in-out infinite}.nn-btn-capture--processing{background:var(--c-warning-soft);border-color:var(--c-warning-mid);color:var(--c-warning);cursor:wait;pointer-events:none}.nn-btn-capture--accepted{background:var(--c-success-soft);border-color:var(--c-success-mid);color:var(--c-success)}.nn-btn-capture--retry{background:var(--c-warning-soft);border-color:var(--c-warning-mid);color:var(--c-warning)}.nn-btn-capture--noinput{background:var(--c-surface-2);border-color:var(--c-warning-mid);color:var(--c-warning)}.nn-btn-capture--calibrating{background:var(--c-accent-soft);border-color:var(--c-accent-mid);color:var(--c-accent);animation:nn-btn-pulse 1.2s ease-in-out infinite}.nn-btn-capture--unavailable{background:var(--c-surface-2);color:var(--c-text-dim);opacity:.45;cursor:not-allowed;pointer-events:none}.nn-btn-capture--error{background:var(--c-error-soft);border-color:var(--c-error-mid);color:var(--c-error)}.nn-btn-capture-radar-ring{position:absolute;inset:0;border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--c-accent);animation:nn-btn-radar 1.2s ease-out infinite;pointer-events:none}.nn-btn-capture-status{font-size:var(--font-xs);color:var(--c-text-muted);text-align:center}.nn-btn-hint-stack{display:flex;flex-direction:column;gap:var(--space-2)}.nn-btn-hint{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding-top:max(0px,calc(var(--space-2) + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-4) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(var(--space-2) + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-4) + var(--nn-btn-pad-left-adjust, 0px)));background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;width:100%;text-align:start;transition:background var(--transition-fast),border-color var(--transition-fast)}.nn-btn-hint:hover:not(:disabled){background:var(--c-surface-3);border-color:var(--c-accent-mid)}.nn-btn-hint--used{background:var(--c-accent-soft);border-color:var(--c-accent-mid);color:var(--c-text-muted);opacity:.65;pointer-events:none}.nn-btn-hint-main{flex:1;font-weight:var(--font-weight-semibold);color:var(--c-text)}.nn-btn-hint-sub{font-size:var(--font-xs);color:var(--c-text-muted);line-height:var(--leading-normal)}.nn-btn-hint-cost{margin-inline-start:auto;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);background:var(--c-warning-soft);color:var(--c-warning);padding:0 var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.nn-btn-reveal{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-4) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-4) + var(--nn-btn-pad-left-adjust, 0px)));background:var(--c-accent-soft);border:var(--border-width-thin) solid var(--c-accent-mid);border-radius:var(--radius-md);color:var(--c-accent);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;width:100%;transition:background var(--transition-fast)}.nn-btn-reveal:hover:not(:disabled){background:var(--c-accent-mid)}.nn-btn-nav{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding-top:max(0px,calc(0px + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-6) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(0px + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-6) + var(--nn-btn-pad-left-adjust, 0px)));border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.nn-btn-nav:disabled,.nn-btn-nav[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.nn-btn-nav--primary{background:linear-gradient(180deg,var(--c-primary) 0%,rgba(var(--c-primary-rgb),.72) 100%);color:var(--c-on-primary);box-shadow:0 2px 16px -4px rgba(var(--c-primary-rgb),.55)}.nn-btn-nav--primary:hover:not(:disabled){box-shadow:0 4px 20px -4px rgba(var(--c-primary-rgb),.72)}.nn-btn-nav--secondary{background:var(--c-surface-2);color:var(--c-text);border:var(--border-width-thin) solid var(--c-border)}.nn-btn-nav--secondary:hover:not(:disabled){background:var(--c-surface-3)}.nn-btn-nav--destructive{background:var(--c-error-soft);color:var(--c-error);border:var(--border-width-thin) solid var(--c-error-mid)}.nn-btn-nav--destructive:hover:not(:disabled){background:var(--c-error-mid)}.nn-btn-nav--loading{opacity:.75;cursor:wait;pointer-events:none}.nn-btn-nav--success{background:var(--c-success-soft);color:var(--c-success);border:var(--border-width-thin) solid var(--c-success-mid)}.nn-btn-nav-confirm-wrap{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface-2);border:var(--border-width-thin) solid var(--c-error-mid);border-radius:var(--radius-md)}.nn-btn-nav-confirm-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text);text-align:center}.nn-btn-nav-confirm-yes{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:0 var(--space-4);background:var(--c-error-soft);border:var(--border-width-thin) solid var(--c-error-mid);border-radius:var(--radius-md);color:var(--c-error);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.nn-btn-nav-confirm-yes:hover{background:var(--c-error-mid)}.nn-btn-nav-confirm-no{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:0 var(--space-4);background:var(--c-surface-3);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.nn-btn-nav-confirm-no:hover{background:var(--c-surface-2);color:var(--c-text)}.piano-keyboard{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.piano-keyboard__svg{display:block}.piano-key--white .piano-key__rect{fill:var(--piano-white-key);stroke:var(--piano-label);stroke-width:.5}.piano-key--black .piano-key__rect{fill:var(--piano-black-key)}.piano-key--target .piano-key__rect{fill:var(--piano-target)}.piano-key--correct .piano-key__rect{fill:var(--piano-correct)}.piano-key--wrong .piano-key__rect{fill:var(--piano-wrong);animation:wrong-flash .4s ease-out}.piano-key--root .piano-key__rect{fill:var(--piano-root)}.piano-key--scale .piano-key__rect{fill:var(--piano-scale)}.piano-key--qt-flat .piano-key__rect{fill:var(--piano-qt)}.piano-key--pressed .piano-key__rect{transform:translateY(2px);transform-box:fill-box;transform-origin:top}@keyframes wrong-flash{0%{opacity:1}30%{opacity:.6}to{opacity:1}}.piano-key--recovery-focus .piano-key__rect{stroke:var(--c-secondary, #3A6E8C);stroke-width:2;stroke-dasharray:3 2;stroke-linejoin:round}.piano-key__qt-label{font-size:7px;fill:#fff;font-family:sans-serif;pointer-events:none}.piano-key--interactive{cursor:pointer}.piano-key--interactive:hover .piano-key__rect{filter:brightness(1.15)}.piano-key__degree-bg{fill:var(--piano-label)}.piano-key__degree-text{font-size:8px;fill:#fff;font-weight:700;font-family:sans-serif;pointer-events:none}@keyframes nlp-pulse{0%,to{opacity:.5}50%{opacity:.95}}@keyframes nlp-pulse-rd{0%,to{opacity:.6}50%{opacity:.75}}.nlp-root{--nlp-focus-stroke: var(--c-accent);--nlp-focus-glow: color-mix(in srgb, var(--c-accent) 56%, transparent)}.nlp-root .nlp-pulse-g{animation:nlp-pulse 1.4s ease-in-out infinite}.nlp-root .nlp-pulse-r{animation:nlp-pulse-rd 2.8s ease-in-out infinite}.nlp-root .nlp-pulse-n{animation:none;opacity:.6}@media(prefers-reduced-motion:reduce){.nlp-root .nlp-pulse-g,.nlp-root .nlp-pulse-r{animation:none;opacity:.6}}.nlp-root .nlp-marker-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;transition:transform var(--transition-fast)}.nlp-root .nlp-marker-btn:hover{transform:scale(1.08)}.nlp-root .nlp-marker-btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.nlp-root .nlp-locked-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;transition:transform var(--transition-fast)}.nlp-root .nlp-locked-btn:hover{transform:scale(1.04)}.nlp-root .nlp-locked-btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.nlp-root .nlp-marker-div{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.nlp-root .nlp-marker--current{filter:drop-shadow(0 0 12px var(--nlp-current-glow))}.nlp-root .nlp-marker--complete{filter:drop-shadow(0 0 4px var(--nlp-current-glow))}.nlp-root .nlp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nlp-root .nlp-step-wrap{position:relative}.nlp-root .nlp-step-wrap:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.nlp-root .nlp-step-wrap:focus-within .nlp-tip,.nlp-root .nlp-step-wrap:hover .nlp-tip{opacity:1}.nlp-root .nlp-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--c-surface-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--font-micro);color:var(--c-text);white-space:nowrap;pointer-events:none;z-index:100;box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--transition-base);min-width:max-content}.nlp-root .nlp-tip--visible{opacity:1}.nlp-root .nlp-opt-badge{display:inline-flex;align-items:center;font-size:var(--font-micro);color:var(--c-text);background:var(--c-surface-3);border-radius:var(--radius-full);padding:2px 6px;margin-left:6px;line-height:1;vertical-align:middle}.nlp-root .nlp-h-scroll{scrollbar-width:none;-ms-overflow-style:none}.nlp-root .nlp-h-scroll::-webkit-scrollbar{display:none;width:0;height:0}.nlp-root .nlp-hlbl-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:center}.nlp-root .nlp-pbar-trk{height:3px;background:var(--c-border);border-radius:var(--radius-full);overflow:hidden;margin-top:6px}.nlp-root .nlp-pbar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow);background:var(--nlp-current-fill)}.nlp-root .nlp-connector{background:var(--c-border)}.nlp-root .nlp-connector--done{background:var(--nlp-complete-fill)}.nlp-root .nlp-connector--to-current{background:var(--nlp-complete-to-current-path)}.nlp-root .nlp-error-state{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--c-warning-soft);border:1px solid var(--c-warning);border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--c-warning)}.nlp-root[data-colour-role=classic-gold],.nlp-root[data-colour-role=theme-primary]{--nlp-current-fill: var(--c-primary);--nlp-current-foreground: var(--c-on-primary);--nlp-complete-fill: var(--c-primary);--nlp-complete-foreground: var(--c-on-primary);--nlp-current-glow: color-mix(in srgb, var(--c-primary) 56%, transparent);--nlp-complete-to-current-path: var(--c-primary)}.nlp-root[data-colour-role=theme-secondary]{--nlp-current-fill: var(--c-secondary);--nlp-current-foreground: var(--c-on-secondary);--nlp-complete-fill: var(--c-secondary);--nlp-complete-foreground: var(--c-on-secondary);--nlp-current-glow: color-mix(in srgb, var(--c-secondary) 56%, transparent);--nlp-complete-to-current-path: var(--c-secondary)}.nlp-root[data-colour-role=theme-accent]{--nlp-current-fill: var(--c-accent);--nlp-current-foreground: var(--c-bg);--nlp-complete-fill: var(--c-accent);--nlp-complete-foreground: var(--c-bg);--nlp-current-glow: color-mix(in srgb, var(--c-accent) 56%, transparent);--nlp-complete-to-current-path: var(--c-accent)}.nlp-root[data-colour-role=theme-highlight]{--nlp-current-fill: var(--c-warning);--nlp-current-foreground: var(--c-bg);--nlp-complete-fill: var(--c-warning);--nlp-complete-foreground: var(--c-bg);--nlp-current-glow: color-mix(in srgb, var(--c-warning) 56%, transparent);--nlp-complete-to-current-path: var(--c-warning)}[data-profile=anthony] .nlp-root[data-colour-role=theme-accent]{--nlp-current-foreground: var(--c-text);--nlp-complete-foreground: var(--c-text)}[data-profile=atef] .nlp-root[data-colour-role=theme-accent]{--nlp-current-fill: color-mix(in srgb, var(--c-accent) 70%, var(--c-bg));--nlp-complete-fill: color-mix(in srgb, var(--c-accent) 70%, var(--c-bg));--nlp-current-foreground: var(--c-text);--nlp-complete-foreground: var(--c-text);--nlp-complete-to-current-path: color-mix(in srgb, var(--c-accent) 70%, var(--c-bg))}.nn-piano-h-scroll{scrollbar-width:none;-ms-overflow-style:none}.nn-piano-h-scroll::-webkit-scrollbar{display:none;width:0;height:0}.metronome-studio-editor{display:flex;flex-direction:column;gap:var(--space-3, 8px);min-width:0;width:100%;box-sizing:border-box;color:var(--c-text);font-family:var(--font-sans, "Inter", "Segoe UI", sans-serif)}.metronome-studio-editor,.metronome-studio-editor *{box-sizing:border-box}.metronome-studio-editor fieldset{border:none;margin:0;padding:0;min-width:0}.metronome-studio-editor fieldset:disabled{opacity:.55}.mse-section{border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 8%,transparent);border-radius:var(--radius-md, 10px);background:var(--c-surface-2);min-width:0}.mse-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2, 6px) var(--space-3, 8px);background:transparent;border:none;color:var(--c-text);font-size:var(--font-xs, 11px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:44px;text-align:left}.mse-section__header:hover{background:color-mix(in srgb,var(--c-overlay-contrast) 4%,transparent)}.mse-section__chevron{font-size:10px;opacity:.6}.mse-section__body{display:flex;flex-direction:column;gap:var(--space-3, 8px);padding:0 var(--space-3, 8px) var(--space-3, 8px);min-width:0}.mse-field{display:flex;flex-direction:column;gap:var(--space-1, 4px);min-width:0}.mse-field__label{font-size:var(--font-xs, 11px);color:var(--c-text-muted);font-weight:600}.mse-field__row{display:flex;align-items:center;gap:var(--space-2, 6px);min-width:0}.mse-select,.mse-number,.mse-text{width:100%;min-height:44px;border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:var(--c-surface-3);color:var(--c-text);font-size:var(--font-sm, 13px);padding:0 var(--space-2, 6px)}.mse-range{flex:1;min-width:0;accent-color:var(--c-metronome-accent);min-height:44px}.mse-range-value{min-width:3.5em;text-align:right;font-size:var(--font-sm, 13px);color:var(--c-metronome-accent);font-variant-numeric:tabular-nums}.mse-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, 6px);min-height:44px}.mse-toggle-row .mse-field__label{font-weight:500;color:var(--c-text)}.mse-checkbox{width:22px;height:22px;min-width:44px;min-height:44px;accent-color:var(--c-metronome-accent);cursor:pointer}.mse-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-1, 4px)}.mse-chip{min-height:44px;padding:0 var(--space-3, 8px);border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:color-mix(in srgb,var(--c-overlay-contrast) 5%,transparent);color:var(--c-text-muted);font-size:var(--font-sm, 13px);cursor:pointer}.mse-chip[aria-pressed=true]{border-color:var(--c-metronome-accent);background:color-mix(in srgb,var(--c-metronome-accent) 20%,transparent);color:var(--c-metronome-accent);font-weight:700}.mse-chip:disabled{cursor:not-allowed}.mse-beat-row{display:flex;flex-wrap:wrap;gap:var(--space-2, 6px)}.mse-beat{display:flex;flex-direction:column;align-items:center;gap:2px}.mse-beat__btn{width:44px;height:44px;border-radius:50%;border:2px solid color-mix(in srgb,var(--c-overlay-contrast) 20%,transparent);background:color-mix(in srgb,var(--c-overlay-contrast) 4%,transparent);color:var(--c-text);font-size:var(--font-xs, 11px);font-weight:700;cursor:pointer}.mse-beat__btn[data-beat-state=accent]{border-color:var(--c-metronome-accent);background:color-mix(in srgb,var(--c-metronome-accent) 22%,transparent);color:var(--c-metronome-accent)}.mse-beat__btn[data-beat-state=mute]{border-color:color-mix(in srgb,var(--c-overlay-contrast) 30%,transparent);background:color-mix(in srgb,var(--c-shadow) 20%,transparent);color:var(--c-text-muted)}.mse-beat__btn:disabled{cursor:not-allowed}.mse-beat__caption{font-size:9px;color:var(--c-text-muted)}.mse-legend{font-size:var(--font-xs, 11px);color:var(--c-text-muted)}.mse-layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3, 8px);min-width:0}.mse-layer{display:flex;flex-direction:column;gap:var(--space-2, 6px);border-left:3px solid var(--c-metronome-accent);padding-left:var(--space-2, 6px);min-width:0}.mse-layer--b{border-left-color:var(--c-polyrhythm-b)}.mse-layer__title{font-size:var(--font-xs, 11px);font-weight:700;color:var(--c-metronome-accent)}.mse-layer--b .mse-layer__title{color:var(--c-polyrhythm-b)}.mse-setlist-entry{display:flex;align-items:flex-start;gap:var(--space-2, 6px);padding:var(--space-2, 6px);border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--c-overlay-contrast) 3%,transparent);min-width:0}.mse-setlist-entry__body{flex:1;min-width:0}.mse-setlist-entry__title{font-size:var(--font-sm, 13px);color:var(--c-metronome-accent)}.mse-setlist-entry__meta{font-size:var(--font-xs, 11px);color:var(--c-text-muted)}.mse-setlist-entry__actions{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.mse-btn{min-height:44px;padding:0 var(--space-2, 6px);border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:color-mix(in srgb,var(--c-overlay-contrast) 5%,transparent);color:var(--c-text);font-size:var(--font-xs, 11px);cursor:pointer}.mse-btn--primary{border-color:var(--c-success);color:var(--c-success);background:color-mix(in srgb,var(--c-success) 10%,transparent)}.mse-btn--danger{border-color:var(--c-error);color:var(--c-error);background:color-mix(in srgb,var(--c-error) 10%,transparent)}.mse-btn:disabled{cursor:not-allowed;opacity:.5}.mse-setlist-limit{font-size:var(--font-xs, 11px);color:var(--c-error)}.mse-setlist-empty{font-size:var(--font-xs, 11px);color:var(--c-text-muted);text-align:center;padding:var(--space-3, 8px) 0}.mse-entry-form{display:flex;flex-direction:column;gap:var(--space-2, 6px);padding:var(--space-3, 8px);border:1px solid var(--c-metronome-accent);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--c-metronome-accent) 8%,transparent);min-width:0}.mse-entry-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2, 6px);min-width:0}.mse-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1, 4px);border-bottom:1px solid color-mix(in srgb,var(--c-overlay-contrast) 10%,transparent);margin-bottom:var(--space-1, 4px)}.mse-tab{min-height:44px;padding:0 var(--space-3, 8px);border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm, 6px) var(--radius-sm, 6px) 0 0;background:transparent;color:var(--c-text-muted);font-size:var(--font-sm, 13px);font-weight:600;cursor:pointer;white-space:nowrap}.mse-tab:hover{color:var(--c-text);background:color-mix(in srgb,var(--c-overlay-contrast) 4%,transparent)}.mse-tab--active{color:var(--c-metronome-accent);background:var(--c-metronome-accent-soft);border-color:color-mix(in srgb,var(--c-metronome-accent) 45%,transparent);box-shadow:inset 0 -2px 0 var(--c-metronome-accent)}.mse-tab-panel{display:flex;flex-direction:column;gap:var(--space-3, 8px);min-width:0}.mse-mode-row{display:flex;flex-wrap:wrap;gap:var(--space-1, 4px)}.mse-mode-btn{min-height:44px;padding:0 var(--space-3, 8px);border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:color-mix(in srgb,var(--c-overlay-contrast) 5%,transparent);color:var(--c-text-muted);font-size:var(--font-sm, 13px);font-weight:600;cursor:pointer}.mse-mode-btn[aria-pressed=true]{border-color:var(--c-metronome-accent);background:var(--c-metronome-accent-soft);color:var(--c-metronome-accent);box-shadow:0 0 14px -6px var(--c-metronome-accent-glow)}.mse-mode-btn:disabled{cursor:not-allowed;opacity:.5}.mse-mode-fields{display:flex;flex-direction:column;gap:var(--space-2, 6px);padding-top:var(--space-2, 6px);border-top:1px dashed color-mix(in srgb,var(--c-overlay-contrast) 10%,transparent);min-width:0}.video-studio-editor{display:flex;flex-direction:column;gap:var(--space-3, 8px);min-width:0;width:100%;box-sizing:border-box;color:var(--c-text);font-family:var(--font-sans, "Inter", "Segoe UI", sans-serif)}.video-studio-editor,.video-studio-editor *{box-sizing:border-box}.video-studio-editor fieldset{border:none;margin:0;padding:0;min-width:0}.video-studio-editor fieldset:disabled{opacity:.55}.vse-section{border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 8%,transparent);border-radius:var(--radius-md, 10px);background:var(--c-surface-2);min-width:0}.vse-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2, 6px) var(--space-3, 8px);background:transparent;border:none;color:var(--c-text);font-size:var(--font-xs, 11px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:44px;text-align:left}.vse-section__header:hover{background:color-mix(in srgb,var(--c-overlay-contrast) 4%,transparent)}.vse-section__chevron{font-size:10px;opacity:.6}.vse-section__body{display:flex;flex-direction:column;gap:var(--space-3, 8px);padding:0 var(--space-3, 8px) var(--space-3, 8px);min-width:0}.vse-field{display:flex;flex-direction:column;gap:var(--space-1, 4px);min-width:0}.vse-field__label{font-size:var(--font-xs, 11px);color:var(--c-text-muted);font-weight:600}.vse-field__row{display:flex;align-items:center;gap:var(--space-2, 6px)}.vse-field__row--spread{justify-content:space-between}.vse-select,.vse-text,.vse-textarea{width:100%;min-height:44px;border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:var(--c-surface-3);color:var(--c-text);font-size:var(--font-sm, 13px);font-family:inherit;padding:var(--space-1, 4px) var(--space-2, 6px)}.vse-select:disabled,.vse-text:disabled,.vse-textarea:disabled{opacity:.6;cursor:not-allowed}.vse-textarea{min-height:66px;resize:vertical;line-height:var(--leading-normal, 1.5)}.vse-textarea--large{min-height:120px}.vse-url-status{margin:0;font-size:var(--font-xs, 11px);font-weight:600}.vse-url-status--neutral{color:var(--c-text-muted)}.vse-url-status--valid{color:var(--c-success, #1a8a4a)}.vse-url-status--invalid{color:var(--c-error)}.vse-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, 6px);min-height:44px}.vse-toggle-row .vse-field__label{font-weight:500;color:var(--c-text)}.vse-inline-toggle{display:flex;align-items:center;gap:var(--space-1, 4px);font-size:var(--font-xs, 11px);font-weight:500;color:var(--c-text-muted);cursor:pointer;white-space:nowrap}.vse-checkbox{width:22px;height:22px;min-width:22px;min-height:22px;accent-color:var(--c-accent);cursor:pointer}.vse-toggle-row .vse-checkbox,.vse-field__row .vse-checkbox{min-width:44px;min-height:44px}.vse-hint{margin:0;font-size:var(--font-xs, 11px);color:var(--c-text-muted);line-height:var(--leading-normal, 1.4)}.vse-hint--muted{font-style:italic;opacity:.85}.vse-subordinate{opacity:.6}.image-field-studio-editor{display:flex;flex-direction:column;gap:var(--space-3, 8px);min-width:0;width:100%;box-sizing:border-box;color:var(--c-text);font-family:var(--font-sans, "Inter", "Segoe UI", sans-serif)}.image-field-studio-editor,.image-field-studio-editor *{box-sizing:border-box}.image-field-studio-editor fieldset{border:none;margin:0;padding:0;min-width:0}.image-field-studio-editor fieldset:disabled{opacity:.55}.ifse-section{border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 8%,transparent);border-radius:var(--radius-md, 10px);background:var(--c-surface-2);min-width:0}.ifse-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2, 6px) var(--space-3, 8px);background:transparent;border:none;color:var(--c-text);font-size:var(--font-xs, 11px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:44px;text-align:left}.ifse-section__header:hover{background:color-mix(in srgb,var(--c-overlay-contrast) 4%,transparent)}.ifse-section__chevron{font-size:10px;opacity:.6}.ifse-section__body{display:flex;flex-direction:column;gap:var(--space-3, 8px);padding:0 var(--space-3, 8px) var(--space-3, 8px);min-width:0}.ifse-field{display:flex;flex-direction:column;gap:var(--space-1, 4px);min-width:0}.ifse-field__label{font-size:var(--font-xs, 11px);color:var(--c-text-muted);font-weight:600}.ifse-field__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2, 6px);min-width:0}.ifse-select,.ifse-number,.ifse-text,.ifse-textarea{width:100%;min-height:44px;border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:var(--c-surface-3);color:var(--c-text);font-size:var(--font-sm, 13px);padding:var(--space-1, 4px) var(--space-2, 6px);font-family:inherit}.ifse-textarea{min-height:66px;resize:vertical}.ifse-readonly{min-height:44px;display:flex;align-items:center;padding:0 var(--space-2, 6px);border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--c-overlay-contrast) 4%,transparent);color:var(--c-text-muted);font-size:var(--font-sm, 13px);word-break:break-all}.ifse-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, 6px);min-height:44px}.ifse-toggle-row .ifse-field__label{font-weight:500;color:var(--c-text)}.ifse-checkbox{width:22px;height:22px;min-width:44px;min-height:44px;accent-color:var(--c-accent);cursor:pointer}.ifse-legend,.ifse-hint{font-size:var(--font-xs, 11px);color:var(--c-text-muted)}.ifse-hint--warning,.ifse-hint--error{color:var(--c-error)}.ifse-error-list{margin:0;padding-left:var(--space-4, 16px);font-size:var(--font-xs, 11px);color:var(--c-error)}.ifse-btn{min-height:44px;padding:0 var(--space-3, 8px);border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:color-mix(in srgb,var(--c-overlay-contrast) 5%,transparent);color:var(--c-text);font-size:var(--font-xs, 11px);cursor:pointer}.ifse-btn--primary{border-color:var(--c-success);color:var(--c-success);background:color-mix(in srgb,var(--c-success) 10%,transparent)}.ifse-btn--danger{border-color:var(--c-error);color:var(--c-error);background:color-mix(in srgb,var(--c-error) 10%,transparent)}.ifse-btn:disabled{cursor:not-allowed;opacity:.5}.ifse-source-toggle{display:flex;flex-wrap:wrap;gap:var(--space-1, 4px)}.ifse-toggle-btn{min-height:44px;padding:0 var(--space-3, 8px);border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:color-mix(in srgb,var(--c-overlay-contrast) 5%,transparent);color:var(--c-text-muted);font-size:var(--font-sm, 13px);font-weight:600;cursor:pointer}.ifse-toggle-btn--active{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 18%,transparent);color:var(--c-accent)}.ifse-source-block{display:flex;flex-direction:column;gap:var(--space-3, 8px);min-width:0}.ifse-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 6px);padding:var(--space-4, 16px);border:2px dashed color-mix(in srgb,var(--c-overlay-contrast) 20%,transparent);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--c-overlay-contrast) 3%,transparent);text-align:center;min-width:0}.ifse-dropzone--active{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 8%,transparent)}.ifse-dropzone__text{margin:0;font-size:var(--font-sm, 13px);color:var(--c-text-muted)}.ifse-dropzone__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2, 6px)}.ifse-hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.ifse-progress{position:relative;width:100%;min-height:20px;border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--c-overlay-contrast) 10%,transparent);overflow:hidden}.ifse-progress__bar{height:100%;background:var(--c-accent);transition:width var(--transition-base, .15s ease-out)}.ifse-progress__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs, 11px);color:var(--c-text)}.ifse-chosen-image{display:flex;flex-direction:column;gap:var(--space-2, 6px);padding:var(--space-3, 8px);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--c-overlay-contrast) 4%,transparent);min-width:0}.ifse-chosen-image__name{font-size:var(--font-sm, 13px);font-weight:600;word-break:break-word}.ifse-chosen-image__meta{font-size:var(--font-xs, 11px);color:var(--c-text-muted)}.ifse-chosen-image__actions{display:flex;flex-wrap:wrap;gap:var(--space-2, 6px)}.ifse-library-picker{display:flex;flex-direction:column;gap:var(--space-2, 6px);padding:var(--space-3, 8px);border:1px solid var(--c-accent);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--c-accent) 6%,transparent);min-width:0}.ifse-library-picker__header{display:flex;gap:var(--space-2, 6px)}.ifse-library-picker__header .ifse-text{flex:1}.ifse-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2, 6px);min-width:0;max-height:320px;overflow-y:auto}.ifse-library-tile{display:flex;flex-direction:column;gap:4px;padding:var(--space-2, 6px);border-radius:var(--radius-sm, 6px);border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 12%,transparent);background:var(--c-surface-3);min-width:0}.ifse-library-tile__name{font-size:var(--font-xs, 11px);font-weight:600;word-break:break-word}.ifse-library-tile__meta{font-size:10px;color:var(--c-text-muted)}.ifse-library-tile__id{font-size:10px;color:var(--c-text-muted);font-family:var(--font-mono, monospace);word-break:break-all;opacity:.7}.ifse-library-tile__state{font-size:10px;font-weight:600}.ifse-library-tile__state--published{color:var(--c-success)}.ifse-library-tile__state--unavailable{color:var(--c-text-muted)}.ifse-library-tile--disabled{opacity:.6}.ifse-annotation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2, 6px)}.ifse-annotation-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2, 6px);padding:var(--space-2, 6px);border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--c-overlay-contrast) 3%,transparent);min-width:0}.ifse-annotation-row--selected{border:1px solid var(--c-accent);background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.ifse-annotation-row__select{flex:1;min-height:44px;min-width:0;text-align:left;background:transparent;border:none;color:var(--c-text);font-size:var(--font-sm, 13px);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifse-annotation-row__actions{display:flex;flex-wrap:wrap;gap:4px}.ifse-annotation-fields{display:flex;flex-direction:column;gap:var(--space-2, 6px);padding:var(--space-3, 8px);border:1px solid var(--c-accent);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--c-accent) 6%,transparent);min-width:0}.ifse-annotation-preview-wrap{display:flex;flex-direction:column;gap:var(--space-1, 4px);min-width:0}.ifse-annotation-preview{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md, 10px);background:var(--c-surface-alt, var(--c-surface));border:1px solid color-mix(in srgb,var(--c-overlay-contrast) 10%,transparent);overflow:hidden;touch-action:none}.ifse-marker{position:absolute;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--c-accent) 30%,transparent);border:2px solid var(--c-accent);cursor:grab;padding:0}.ifse-marker:after{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--c-accent)}.ifse-marker--selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 40%,transparent)}.ifse-marker--secondary{background:color-mix(in srgb,var(--c-info) 30%,transparent);border-color:var(--c-info)}.ifse-marker--secondary:after{background:var(--c-info)}.ifse-marker:active{cursor:grabbing}.ifse-marker-line-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ifse-marker-line-svg line{stroke:var(--c-accent);stroke-width:2;stroke-dasharray:4 3}.ifse-marker-ring{position:absolute;aspect-ratio:1 / 1;border-radius:50%;border:2px solid var(--c-accent);background:color-mix(in srgb,var(--c-accent) 12%,transparent);transform:translate(-50%,-50%);pointer-events:none}.ifse-marker-ring__handle{position:absolute;right:0;bottom:0;width:44px;height:44px;transform:translate(50%,50%);border-radius:50%;background:var(--c-accent);border:2px solid var(--c-on-accent);cursor:nwse-resize;pointer-events:auto;padding:0}.nn-action-group{display:flex;gap:var(--space-3);width:100%;box-sizing:border-box}.nn-action-group--horizontal{flex-direction:row;flex-wrap:wrap}.nn-action-group--vertical{flex-direction:column}.nn-action-group--responsiveGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.nn-action-group>*{min-width:0}.nn-action-group--align-start{align-items:flex-start;justify-content:flex-start}.nn-action-group--align-centre{align-items:center;justify-content:center}.nn-action-group--align-stretch{align-items:stretch}.nn-action-group--align-stretch.nn-action-group--responsiveGrid{justify-items:stretch}.nn-action-group--comfortable{gap:var(--space-3)}.nn-action-group--compact{gap:var(--space-2)}.nn-action-group--noninteractive.nn-action-group--disabled-dimmed{opacity:.55}.nn-action-group--noninteractive.nn-action-group--disabled-outlined{outline:1px dashed var(--c-border);outline-offset:var(--space-1);border-radius:var(--radius-md)}.nn-action-group--empty{min-height:var(--touch-min);align-items:center}.nn-action-group-empty-note{color:var(--c-text-muted);font-size:var(--font-sm);font-family:var(--font-sans);padding:var(--space-2) var(--space-3)}.nn-action-group-cluster{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:var(--space-2)}.nn-action-group--horizontal>.nn-action-group-cluster,.nn-action-group--vertical>.nn-action-group-cluster{flex:1 1 100%;width:100%}.nn-action-group-cluster--playback .nn-btn-choice,.nn-action-group-cluster--hint .nn-btn-choice{width:auto;flex:0 1 auto;min-height:var(--touch-min);padding-top:max(0px,calc(var(--space-2) + var(--nn-btn-pad-top-adjust, 0px)));padding-right:max(0px,calc(var(--space-3) + var(--nn-btn-pad-right-adjust, 0px)));padding-bottom:max(0px,calc(var(--space-2) + var(--nn-btn-pad-bottom-adjust, 0px)));padding-left:max(0px,calc(var(--space-3) + var(--nn-btn-pad-left-adjust, 0px)));font-size:var(--font-sm)}.nn-action-group-cluster--choice .nn-btn-choice-group{flex-direction:row;flex-wrap:wrap}.nn-action-group-cluster--choice .nn-btn-choice{width:auto;flex:1 1 min(100%,10rem)}.nn-action-group-cluster--progress{justify-content:flex-start}.nn-action-group-cluster--progress .nn-btn-action{min-width:min(100%,14rem)}.nn-feedback{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;box-sizing:border-box;font-family:var(--font-sans);font-size:var(--font-base);color:var(--c-text)}.nn-feedback--inline{padding:var(--space-2) 0}.nn-feedback--card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-surface);border:1px solid var(--c-border)}.nn-feedback--banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--c-border)}.nn-feedback--correct .nn-feedback-icon{color:var(--c-success)}.nn-feedback--incorrect .nn-feedback-icon{color:var(--c-error)}.nn-feedback--partial .nn-feedback-icon{color:var(--c-warning)}.nn-feedback--informational .nn-feedback-icon{color:var(--c-info)}.nn-feedback--banner.nn-feedback--correct{border-left-color:var(--c-success)}.nn-feedback--banner.nn-feedback--incorrect{border-left-color:var(--c-error)}.nn-feedback--banner.nn-feedback--partial{border-left-color:var(--c-warning)}.nn-feedback--banner.nn-feedback--informational{border-left-color:var(--c-info)}.nn-feedback--card.nn-feedback--correct{background:var(--c-success-soft)}.nn-feedback--card.nn-feedback--incorrect{background:var(--c-error-soft)}.nn-feedback--card.nn-feedback--partial{background:var(--c-warning-soft)}.nn-feedback--card.nn-feedback--informational{background:var(--c-accent-soft)}.nn-feedback--size-compact{font-size:var(--font-sm)}.nn-feedback--size-compact .nn-feedback-word,.nn-feedback--size-compact .nn-feedback-detail{font-size:var(--font-xs)}.nn-feedback--size-standard{font-size:var(--font-base)}.nn-feedback--size-standard .nn-feedback-word,.nn-feedback--size-standard .nn-feedback-detail{font-size:var(--font-sm)}.nn-feedback--size-prominent{font-size:var(--font-lg)}.nn-feedback--size-prominent .nn-feedback-word,.nn-feedback--size-prominent .nn-feedback-detail{font-size:var(--font-base)}.nn-feedback--subtle .nn-feedback-message{font-weight:400;color:var(--c-text-dim)}.nn-feedback--standard .nn-feedback-message{font-weight:500}.nn-feedback--strong .nn-feedback-message{font-weight:700}.nn-feedback-indicator{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;padding-top:2px}.nn-feedback-word{font-size:var(--font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.nn-feedback--correct .nn-feedback-word{color:var(--c-success)}.nn-feedback--incorrect .nn-feedback-word{color:var(--c-error)}.nn-feedback--partial .nn-feedback-word{color:var(--c-warning)}.nn-feedback--informational .nn-feedback-word{color:var(--c-info)}.nn-feedback-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.nn-feedback-message{line-height:1.45}.nn-feedback-detail{font-size:var(--font-sm);color:var(--c-text-muted);line-height:1.4}.nn-feedback-retry{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:600;cursor:pointer;flex-shrink:0}.nn-feedback-retry--button{color:var(--c-on-accent);background:var(--c-accent);border:1px solid var(--c-accent)}.nn-feedback-retry--link{color:var(--c-accent);background:transparent;border:none;text-decoration:underline;padding:0 var(--space-1);min-width:var(--touch-min)}.nn-feedback-retry:disabled,.nn-feedback-retry[aria-disabled=true]{opacity:.5;cursor:not-allowed}.nn-feedback-retry:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.nn-feedback--motion-gentle{transition:opacity var(--motion-dur, .18s) var(--ease-out, ease)}@media(prefers-reduced-motion:reduce){.nn-feedback--motion-gentle{transition:none}}.nn-feedback-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nn-narrated-teaching{display:flex;flex-direction:column;gap:var(--space-3);width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;font-family:var(--font-sans);color:var(--c-text)}.nn-narrated-teaching--align-start{text-align:start;align-items:flex-start}.nn-narrated-teaching--align-centre{text-align:center;align-items:center}.nn-narrated-teaching-title{margin:0;max-width:var(--nn-narrated-measure, 66ch);font-size:var(--font-lg);font-weight:600;line-height:1.3;flex-shrink:0}.nn-narrated-teaching-text{margin:0;max-width:var(--nn-narrated-measure, 66ch);line-height:1.55;font-size:var(--font-base);flex:1 1 auto;min-height:0;overflow:hidden}.nn-narrated-teaching--body .nn-narrated-teaching-text{font-size:var(--font-base)}.nn-narrated-teaching--callout .nn-narrated-teaching-text{font-size:var(--font-lg);font-weight:500;padding:var(--space-3) var(--space-4);background:var(--c-surface);border-radius:var(--radius-md);border-left:3px solid var(--c-accent)}.nn-narrated-teaching--teacherPrompt .nn-narrated-teaching-text{font-style:italic;color:var(--c-text-dim)}.nn-narrated-teaching--body.nn-narrated-teaching--size-Small .nn-narrated-teaching-text{font-size:var(--font-sm)}.nn-narrated-teaching--body.nn-narrated-teaching--size-Large .nn-narrated-teaching-text{font-size:var(--font-lg)}.nn-narrated-teaching--callout.nn-narrated-teaching--size-Small .nn-narrated-teaching-text{font-size:var(--font-base)}.nn-narrated-teaching--callout.nn-narrated-teaching--size-Large .nn-narrated-teaching-text{font-size:var(--font-xl)}.nn-narrated-teaching--teacherPrompt.nn-narrated-teaching--size-Small .nn-narrated-teaching-text{font-size:var(--font-sm)}.nn-narrated-teaching--teacherPrompt.nn-narrated-teaching--size-Large .nn-narrated-teaching-text{font-size:var(--font-lg)}.nn-narrated-teaching-text--tokens{position:relative}.nn-narrated-token--pending{opacity:.28}.nn-narrated-token--revealed{opacity:1}.nn-narrated-teaching--motion-gentle .nn-narrated-token{transition:opacity var(--motion-dur, .16s) var(--ease-out, ease)}@media(prefers-reduced-motion:reduce){.nn-narrated-teaching--motion-gentle .nn-narrated-token{transition:none}}.nn-narrated-teaching-text--typewriter{position:relative;white-space:pre-wrap}.nn-narrated-char--pending{color:transparent;background:transparent}.nn-narrated-char--revealed{opacity:1;color:var(--c-text)}.nn-narrated-char--frontier{position:relative}.nn-narrated-char--frontier:after{content:"";position:absolute;top:.1em;bottom:.1em;right:-1px;width:2px;background:var(--c-accent);animation:nn-narrated-caret-blink 1s steps(1,start) infinite}@keyframes nn-narrated-caret-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.nn-narrated-char--frontier:after{animation:none}}.nn-narrated-teaching-controls{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.nn-narrated-control{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);cursor:pointer}.nn-narrated-control:hover:not(:disabled){background:var(--c-elevated-bg)}.nn-narrated-control:disabled{opacity:.5;cursor:not-allowed}.nn-narrated-control:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.nn-narrated-spin{animation:nn-narrated-spin 1s linear infinite}@keyframes nn-narrated-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nn-narrated-spin{animation:none}}.nn-narrated-teaching-narration-control{display:flex;flex-shrink:0}.nn-narrated-control--compact{padding:0 var(--space-3);min-width:auto;font-size:var(--font-sm, var(--font-base));font-weight:500}.nn-narrated-teaching-sr-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nn-reserved-slot--occupied{display:flex;flex-direction:column;min-width:0}.nn-reserved-slot--reserved-space{flex:none}.nn-reserved-slot--blocked{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--c-error, #dc2626);border-radius:var(--radius-sm, .25rem);background:var(--c-error-soft, #fef2f2);color:var(--c-error, #991b1b);font-size:var(--font-sm, .875rem);min-height:44px;display:flex;align-items:center}.nn-reserved-slot--authoring-collapsed{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px dashed var(--c-border-muted, #9ca3af);border-radius:var(--radius-sm, .25rem);color:var(--c-text-muted, #6b7280);font-size:var(--font-sm, .875rem);font-style:italic;min-height:32px;display:flex;align-items:center}.nn-reserved-slot--authoring-block-publish-warning{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--c-warning, #d97706);border-radius:var(--radius-sm, .25rem);background:var(--c-warning-soft, #fffbeb);color:var(--c-warning, #92400e);font-size:var(--font-sm, .875rem);min-height:44px;display:flex;align-items:center}.nn-reserved-slot--authoring-blocked-required{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:2px solid var(--c-error, #dc2626);border-radius:var(--radius-sm, .25rem);background:var(--c-error-soft, #fef2f2);color:var(--c-error, #991b1b);font-weight:600;font-size:var(--font-sm, .875rem);min-height:44px;display:flex;align-items:center}.nn-puck-separator{--nn-sep-tone-subtle: color-mix(in srgb, var(--c-border) 55%, transparent);--nn-sep-tone-standard: var(--c-border);--nn-sep-tone-strong: var(--c-text-muted);box-sizing:border-box;position:relative;overflow:hidden;min-height:4px}.nn-puck-separator__line{position:absolute;left:0;right:0;height:0;padding:0;margin:0;box-sizing:border-box;border-bottom:none;border-left:none;border-right:none}.nn-saved-layout-surface{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.nn-saved-layout-surface__header,.nn-saved-layout-surface__status{margin:0;font-size:var(--font-sm, 13px);color:var(--text-secondary, rgba(255, 255, 255, .72))}.nn-saved-layout-surface__status--error{color:var(--c-error, #f87171)}.nn-saved-layout-surface__status--warning{color:var(--c-warning, #fbbf24)}.lpr-root{display:flex;flex-direction:column;gap:var(--space-md, 1rem);width:100%;box-sizing:border-box;padding:var(--space-md, 1rem);color:var(--color-text, #1a1a1a);font-size:var(--font-base, 16px)}.lpr-status{margin:0;padding:var(--space-sm, .5rem) 0;font-size:var(--font-base, 16px);line-height:1.4}.lpr-status--error{color:var(--color-danger, #b00020)}.lpr-status--gated{color:var(--color-muted, #555)}.lpr-error-detail{margin:var(--space-xs, .25rem) 0 0;font-size:var(--font-sm, 14px);color:var(--color-muted, #555)}.lpr-screen{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.lpr-screen-title{margin:0;font-size:var(--font-lg, 20px);line-height:1.3;color:var(--color-text, #1a1a1a)}.lpr-slots{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.lpr-slot{margin:0;box-sizing:border-box}.lpr-slot--reserved{display:flex;align-items:center;justify-content:center;min-height:var(--touch-target, 44px);padding:var(--space-md, 1rem);border:1px dashed var(--color-border, #c4c4c4);border-radius:var(--radius-md, 8px);background:var(--color-surface-muted, #f4f4f4);color:var(--color-muted, #555);font-size:var(--font-sm, 14px);text-transform:capitalize}.lpr-slot--error{padding:var(--space-sm, .5rem) var(--space-md, 1rem);border:1px solid var(--color-danger, #b00020);border-radius:var(--radius-md, 8px);color:var(--color-danger, #b00020)}.lpr-nav{display:flex;justify-content:space-between;gap:var(--space-md, 1rem)}.lpr-button{min-height:var(--touch-target, 44px);min-width:var(--touch-target, 44px);padding:var(--space-sm, .5rem) var(--space-lg, 1.5rem);border:1px solid var(--color-border, #c4c4c4);border-radius:var(--radius-md, 8px);background:var(--color-surface, #fff);color:var(--color-text, #1a1a1a);font-size:var(--font-base, 16px);cursor:pointer}.lpr-button:disabled{opacity:.5;cursor:not-allowed}.lpr-button--primary{background:var(--color-primary, #3a5bdc);border-color:var(--color-primary, #3a5bdc);color:var(--color-on-primary, #fff)}.lpr-blocks{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.lpr-block{box-sizing:border-box;width:100%}.lpr-block--error,.lpr-block--unsupported{padding:var(--space-sm, .5rem) var(--space-md, 1rem);border:1px solid var(--color-danger, #b00020);border-radius:var(--radius-md, 8px);color:var(--color-danger, #b00020)}.lpr-block-error-text{margin:0;font-size:var(--font-sm, 14px)}.lpr-block--question{display:flex;flex-direction:column;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem);border:1px solid var(--color-border, #c4c4c4);border-radius:var(--radius-md, 8px);background:var(--color-surface, #fff)}.lpr-question-prompt{margin:0;font-size:var(--font-base, 16px);line-height:1.5}.lpr-question-options{display:flex;flex-direction:column;gap:var(--space-sm, .5rem);border:none;padding:0;margin:0}.lpr-question-option{display:flex;align-items:center;gap:var(--space-sm, .5rem);min-height:var(--touch-target, 44px);padding:var(--space-sm, .5rem) var(--space-md, 1rem);border:1px solid var(--color-border, #c4c4c4);border-radius:var(--radius-md, 8px);cursor:pointer;font-size:var(--font-base, 16px)}.lpr-question-option--selected{border-color:var(--color-primary, #3a5bdc);background:var(--color-primary-faint, #eef1ff)}.lpr-question-option--correct-revealed{border-color:var(--color-success, #1a7c3e);background:var(--color-success-faint, #e8f5ed);font-weight:600}.lpr-question-feedback{margin:0;font-size:var(--font-sm, 14px)}.lpr-question-feedback--correct{color:var(--color-success, #1a7c3e)}.lpr-question-feedback--incorrect{color:var(--color-danger, #b00020)}.lpr-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-6);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;user-select:none;white-space:nowrap;transition:box-shadow var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast);box-sizing:border-box}.btn--primary{background:var(--c-primary);color:var(--c-bg)}.btn--primary:hover:not(:disabled){box-shadow:0 0 0 4px var(--c-primary-dim),0 0 12px var(--c-primary-dim)}.btn--secondary{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-border)}.btn--secondary:hover:not(:disabled){border-color:var(--c-primary);background:var(--c-surface-3)}.btn--ghost{background:transparent;color:var(--c-text-muted);border:none}.btn--ghost:hover:not(:disabled){color:var(--c-text);background:var(--c-primary-dim)}.btn--icon{min-width:var(--touch-min);padding:0;background:transparent;color:var(--c-text-muted);border:none;border-radius:var(--radius-md)}.btn--icon:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.btn--danger{background:var(--c-error-fill);color:#fff}.btn--danger:hover:not(:disabled){box-shadow:0 0 0 4px var(--c-primary-dim)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-6);box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary-dim),var(--shadow-md);transform:translateY(-3px) scale(var(--motion-scale, 1.03))}.card--clickable:active{transform:scale(.97)}.card--active{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary-dim),inset 0 0 24px var(--c-primary-dim)}.panel{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:inset 0 1px #ffffff0a,var(--shadow-sm);box-sizing:border-box}.panel--bordered{border:1px solid var(--c-border)}.panel--flush{padding:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);line-height:1.4;white-space:nowrap;box-sizing:border-box}.badge--realm{background:var(--c-primary-dim);color:var(--c-primary);border:1px solid var(--c-primary)}.badge--level{background:var(--c-primary-dim);color:var(--c-primary);border:1px solid rgba(var(--c-primary-rgb),.4)}.badge--status-green{background:#2e8b5a26;color:var(--c-success);border:1px solid rgba(46,139,90,.3)}.badge--status-green:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--c-success)}.badge--status-red{background:#c44a3a26;color:var(--c-error);border:1px solid rgba(196,74,58,.3)}.badge--status-red:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--c-error-fill)}.badge--status-amber{background:#c4903026;color:var(--c-warning);border:1px solid rgba(196,144,48,.3)}.badge--status-amber:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--c-warning)}.progress-bar{width:100%;box-sizing:border-box}.progress-bar__label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--font-sm);color:var(--c-text-muted)}.progress-bar__track{width:100%;height:8px;background:var(--c-surface-2);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--c-primary);border-radius:var(--radius-full);transition:width .6s ease-out;min-width:0}.progress-bar--glowing .progress-bar__fill{box-shadow:0 0 8px var(--c-primary-dim),0 0 16px var(--c-primary-dim);animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.75}}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);background:#0009;padding:var(--space-4);box-sizing:border-box}.modal-content{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);box-sizing:border-box;position:relative}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);min-height:var(--touch-min);min-width:var(--touch-min);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-lg);transition:color var(--transition-fast),background var(--transition-fast)}.modal-close:hover{color:var(--c-text);background:var(--c-surface-2)}@media(max-width:768px){.modal-backdrop{align-items:flex-end;padding:0}.modal-content{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:80vh}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:340px;width:100%}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;box-sizing:border-box;border-left:3px solid var(--c-primary)}.toast--success{border-left-color:var(--c-success)}.toast--error{border-left-color:var(--c-error)}.toast--warning{border-left-color:var(--c-warning)}.toast__message{flex:1;font-size:var(--font-sm);color:var(--c-text);line-height:var(--leading-normal)}.toast__close{background:none;border:none;color:var(--c-text-muted);cursor:pointer;padding:0;font-size:var(--font-base);line-height:1;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}.toast__close:hover{color:var(--c-text)}.mastery-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mastery-ring__track{fill:none;stroke:var(--c-progress-track, var(--c-surface-2));stroke-width:var(--mastery-ring-stroke, 4)}.mastery-ring__fill{fill:none;stroke:var(--c-progress-fill, var(--c-primary));stroke-width:var(--mastery-ring-stroke, 4);stroke-linecap:round;transition:stroke-dashoffset .6s ease-out}.mastery-ring__label{position:absolute;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);text-align:center;line-height:1;pointer-events:none}.celebration-overlay{position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none;overflow:hidden}.celebration-particle{position:absolute;user-select:none;pointer-events:none;font-size:28px;will-change:transform,opacity}.celebration-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,136,.15) 0%,transparent 70%)}.celebration-text{position:absolute;top:40%;left:50%;transform:translate(-50%);font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--c-primary);text-shadow:0 0 20px var(--c-primary-dim);white-space:nowrap;pointer-events:none}@media(prefers-reduced-motion:reduce){.celebration-particle,.celebration-flash{display:none}.celebration-text{animation:none}}.xp-bar{width:100%;box-sizing:border-box}.xp-bar--stars .xp-bar__stars{display:flex;gap:var(--space-1);align-items:center;width:100%;justify-content:center}.xp-bar--stars .xp-bar__star{font-size:18px;line-height:1;opacity:.2;transition:opacity var(--transition-base),transform var(--transition-base)}.xp-bar--stars .xp-bar__star--filled{opacity:1;color:var(--c-accent);filter:drop-shadow(0 0 4px var(--c-accent))}.xp-bar--hp .xp-bar__track{height:12px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden;position:relative}.xp-bar--hp .xp-bar__fill{height:100%;background:var(--c-primary);box-shadow:0 0 8px var(--c-primary),0 0 16px var(--c-primary-dim);transition:width .4s ease-out;position:relative}.xp-bar--hp .xp-bar__fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 18px,rgba(0,0,0,.15) 18px,rgba(0,0,0,.15) 20px)}.xp-bar--hp .xp-bar__label{display:flex;justify-content:space-between;font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--c-primary);margin-bottom:var(--space-1);letter-spacing:.05em;text-transform:uppercase}.xp-bar--bar .xp-bar__track{height:6px;background:var(--c-surface-2);border-radius:var(--radius-sm);overflow:hidden}.xp-bar--bar .xp-bar__fill{height:100%;background:var(--c-primary);border-radius:var(--radius-sm);transition:width .5s ease-out}.xp-bar--parchment .xp-bar__track{height:10px;background:var(--c-surface-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}.xp-bar--parchment .xp-bar__fill{height:100%;background:linear-gradient(90deg,var(--c-primary-dim),var(--c-primary));transition:width .6s ease-out}.xp-bar--parchment .xp-bar__label{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--c-text-muted);margin-bottom:var(--space-1)}.cof{display:inline-block;user-select:none}.cof__seg{cursor:pointer;transition:opacity var(--transition-fast)}.cof__seg--major{fill:var(--c-surface-2);stroke:var(--c-bg);stroke-width:2}.cof__seg--major:hover{fill:var(--c-surface-3)}.cof__seg--minor{fill:var(--c-surface-3);stroke:var(--c-bg);stroke-width:2}.cof__seg--minor:hover{fill:var(--c-border)}.cof__seg--sel{fill:var(--c-primary)!important}.cof__seg--sel-minor{fill:var(--c-primary-dim)!important}.cof__group:focus-visible .cof__seg{outline:2px solid var(--c-primary);outline-offset:2px}.cof__label{font-family:var(--font-sans);pointer-events:none}.cof__label--major{font-size:12px;font-weight:var(--font-weight-semibold);fill:var(--c-text)}.cof__label--sel{fill:var(--c-bg)}.cof__label--minor{font-size:9px;fill:var(--c-text-muted)}.cof__center{fill:var(--c-surface);stroke:var(--c-border);stroke-width:1.5}.cof__center-key{font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-bold);fill:var(--c-primary)}.cof__center-minor{font-family:var(--font-sans);font-size:9px;fill:var(--c-text-muted)}.cof__center-sig{font-family:var(--font-sans);font-size:10px;fill:var(--c-text-dim)}.star-rating-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:var(--z-modal);cursor:pointer}.star-rating__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl, 20px);padding:var(--space-8, 32px) var(--space-10, 40px);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-xl);min-width:280px;cursor:auto;text-align:center}.star-rating__stars{display:flex;gap:var(--space-2)}.star-rating__star{font-size:40px;color:var(--c-text-dim);display:inline-block;transition:color var(--transition-fast)}.star-rating__star--on{color:var(--c-primary);text-shadow:0 0 12px rgba(var(--c-primary-rgb, 196,144,58),.7)}.star-rating__msg{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.star-rating__xp{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-primary);margin:0;letter-spacing:.02em}.star-rating__dismiss-btn{background:none;border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);min-height:var(--touch-min);padding:var(--space-2) var(--space-5);transition:color var(--transition-fast),border-color var(--transition-fast)}.star-rating__dismiss-btn:hover{color:var(--c-text);border-color:var(--c-text-muted)}.ninja-character{display:inline-block;user-select:none;flex-shrink:0}.ninja-character svg{display:block;overflow:visible;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))}.ninja-character--joelle svg{filter:drop-shadow(0 4px 16px color-mix(in srgb,var(--c-primary) 40%,transparent))}.ninja-character--anthony svg{filter:drop-shadow(0 2px 18px color-mix(in srgb,var(--c-accent, var(--c-primary)) 50%,transparent))}.ninja-character--giselle svg{filter:drop-shadow(0 4px 14px color-mix(in srgb,var(--c-primary) 35%,transparent))}.ninja-overlay{position:fixed;bottom:90px;right:20px;z-index:calc(var(--z-toast, 500) + 1);pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ninja-overlay__stage{pointer-events:auto;position:relative;cursor:pointer;outline:none;background:transparent;border:none;padding:0;border-radius:12px}.ninja-overlay__stage:focus-visible{outline:2px solid var(--c-primary);outline-offset:4px}.ninja-overlay__dismiss{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--c-surface, #1e2430);border:1px solid var(--c-border, #2a3040);color:var(--c-text-muted, #6070a0);font-size:11px;line-height:22px;text-align:center;pointer-events:auto;opacity:0;transition:opacity .15s;cursor:pointer}.ninja-overlay__stage:hover .ninja-overlay__dismiss,.ninja-overlay__stage:focus-within .ninja-overlay__dismiss{opacity:1}.ninja-character--peek{overflow:hidden;height:52px!important}@media(max-width:768px){.ninja-overlay{bottom:80px;right:12px}}@media(max-width:390px){.ninja-overlay{bottom:72px;right:8px}}.note-strip{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;padding:var(--space-2) 0}.note-strip__note{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-surface);border:2px solid var(--c-border);min-width:48px;min-height:48px;text-align:center;transition:border-color .18s ease,background .18s ease}.note-strip__note-name{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-primary);font-family:var(--font-mono);line-height:1.2}.note-strip__note-cents{font-size:10px;color:var(--c-text-muted);line-height:1}.note-strip__note--done{border-color:var(--c-success);background:color-mix(in srgb,var(--c-success) 14%,transparent)}.note-strip__note--done .note-strip__note-name{color:var(--c-success)}.note-strip__note--current{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-dim, rgba(196, 144, 58, .2))}.note-strip__note--listening{border-color:var(--c-primary);background:var(--c-primary-dim, rgba(196, 144, 58, .15));transform:scale(1.06);transition:transform .1s ease,border-color .1s ease,background .1s ease}.note-strip__note--micro .note-strip__note-name{color:var(--c-primary)}.note-strip__note-hint{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--c-primary);color:var(--c-bg);font-size:var(--font-xs);font-weight:var(--font-weight-bold);padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;z-index:2;pointer-events:none}@keyframes ns-flash-correct{0%{border-color:var(--c-success);background:color-mix(in srgb,var(--c-success) 40%,transparent);transform:scale(1.08)}60%{border-color:var(--c-success);background:color-mix(in srgb,var(--c-success) 20%,transparent);transform:scale(1.02)}to{border-color:var(--c-success);background:color-mix(in srgb,var(--c-success) 14%,transparent);transform:scale(1)}}@keyframes ns-flash-wrong{0%{border-color:var(--c-error);background:color-mix(in srgb,var(--c-error) 30%,transparent);transform:translate(-3px)}25%{transform:translate(3px)}50%{transform:translate(-2px)}75%{transform:translate(2px)}to{border-color:var(--c-border);background:var(--c-surface);transform:translate(0)}}.note-strip__note--flash-correct{animation:ns-flash-correct .3s ease forwards}.note-strip__note--flash-wrong{animation:ns-flash-wrong .3s ease forwards}.nn-lesson-loading-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, .75rem);width:100%;height:100%;min-height:120px;padding:var(--space-4, 1rem);text-align:center;color:var(--c-text);font-size:var(--font-base)}.nn-lesson-loading-progress__label{margin:0;font-size:var(--font-base)}.nn-lesson-loading-progress__stall{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem)}.nn-lesson-loading-progress__stall-text{margin:0;font-size:var(--font-sm);color:var(--c-text-muted, var(--c-text))}.nn-lesson-loading-progress__retry-btn{min-width:44px;min-height:44px;padding:0 var(--space-4, 1rem);border-radius:var(--radius-md, 8px);border:1px solid var(--c-accent);background:var(--c-accent);color:var(--c-surface);font-size:var(--font-base);cursor:pointer}.nn-midi-readiness{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface);color:var(--c-text)}.nn-midi-readiness__title{margin:0;font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text)}.nn-midi-readiness__body{margin:0;font-size:var(--font-sm);color:var(--c-text-dim)}.nn-midi-readiness__retry{align-self:flex-start;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:var(--border-width-medium) solid transparent;background:var(--c-primary);color:var(--c-on-primary);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer}.nn-midi-readiness__retry:focus-visible{outline:var(--border-width-thick) solid var(--c-accent);outline-offset:2px}.nn-lesson-error-boundary{display:flex;flex-direction:column;gap:var(--space-4);max-width:480px;margin:var(--space-8) auto;padding:var(--space-6);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface);color:var(--c-text);text-align:center}.nn-lesson-error-boundary__heading{margin:0;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text)}.nn-lesson-error-boundary__heading:focus{outline:var(--border-width-thick) solid var(--c-accent);outline-offset:2px}.nn-lesson-error-boundary__body{margin:0;font-size:var(--font-base);color:var(--c-text-dim)}.nn-lesson-error-boundary__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.nn-lesson-error-boundary__btn{min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:var(--border-width-medium) solid transparent;font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer}.nn-lesson-error-boundary__btn--retry{background:var(--c-primary);color:var(--c-on-primary)}.nn-lesson-error-boundary__btn--exit{background:transparent;border-color:var(--c-border);color:var(--c-text)}.nn-lesson-error-boundary__btn:focus-visible{outline:var(--border-width-thick) solid var(--c-accent);outline-offset:2px}.nn-lesson-error-boundary__exit-fallback{margin:0;font-size:var(--font-sm);color:var(--c-text-muted)}.nn-lesson-runtime-host{width:100%;height:100%}.nn-lesson-runtime-host--fatal{display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-lg, 24px);text-align:center;align-items:center;justify-content:center;min-height:44px}.nn-lesson-runtime-host__heading{font-size:var(--font-lg, 20px);color:var(--color-text-primary, #1a1a1a);margin:0}.nn-lesson-runtime-host__body{font-size:var(--font-base, 16px);color:var(--color-text-secondary, #4a4a4a);margin:0}.nn-lesson-runtime-host-controller{width:100%;height:100%}.nn-lesson-runtime-host-controller--fatal{display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-lg, 24px);text-align:center;align-items:center;justify-content:center;min-height:44px}.nn-lesson-runtime-host-controller__heading{font-size:var(--font-lg, 20px);color:var(--color-text-primary, #1a1a1a);margin:0}.nn-lesson-runtime-host-controller__body{font-size:var(--font-base, 16px);color:var(--color-text-secondary, #4a4a4a);margin:0}.nn-support-presentation{position:fixed;top:var(--space-4);left:var(--space-4);max-width:min(400px,calc(100vw - 2 * var(--space-4)));z-index:100;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface);color:var(--c-text)}.nn-support-presentation--failed{border-color:var(--c-border)}.nn-support-presentation__heading{margin:0;font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text)}.nn-support-presentation__body{margin:0;font-size:var(--font-sm);color:var(--c-text)}.nn-support-presentation__next{align-self:flex-start;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:var(--border-width-medium) solid transparent;background:var(--c-primary);color:var(--c-on-primary);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer}.nn-support-presentation__next:focus-visible{outline:var(--border-width-thick) solid var(--c-accent);outline-offset:2px}.nn-lesson-error-boundary--banner{max-width:none;margin:0 0 var(--space-4) 0;text-align:left}.nn-lesson-error-boundary--banner .nn-lesson-error-boundary__actions{justify-content:flex-start}.nn-stage-escape-hatch{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-elevated);max-width:min(280px,calc(100vw - 2 * var(--space-4)));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-sm)}.nn-stage-escape-hatch__hint{margin:0;font-size:var(--font-sm);color:var(--c-text-dim)}.nn-stage-escape-hatch__skip{flex:none;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-1) var(--space-2);border:none;background:transparent;color:var(--c-primary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:underline;cursor:pointer}.nn-stage-escape-hatch__skip:focus-visible{outline:var(--border-width-thick) solid var(--c-accent);outline-offset:2px}.nn-post-attempt-comfort-check{position:fixed;inset:0;z-index:var(--z-elevated);margin:auto;width:min(360px,calc(100vw - 2 * var(--space-4)));height:fit-content;max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-md, var(--shadow-sm))}.nn-post-attempt-comfort-check__heading{margin:0;font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);text-align:center}.nn-post-attempt-comfort-check__body{margin:0;font-size:var(--font-sm);color:var(--c-text);text-align:center}.nn-post-attempt-comfort-check__options{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.nn-post-attempt-comfort-check__option{display:flex;align-items:center;gap:var(--space-1);min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width-medium) solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer}.nn-post-attempt-comfort-check__option--selected{border-color:var(--c-primary);background:var(--c-primary-subtle, var(--c-surface));color:var(--c-primary)}.nn-post-attempt-comfort-check__option:focus-visible,.nn-post-attempt-comfort-check__primary:focus-visible,.nn-post-attempt-comfort-check__dismiss:focus-visible{outline:var(--border-width-thick) solid var(--c-accent);outline-offset:2px}.nn-post-attempt-comfort-check__option-emoji{font-size:var(--font-base)}.nn-post-attempt-comfort-check__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.nn-post-attempt-comfort-check__primary{min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:var(--border-width-medium) solid transparent;background:var(--c-primary);color:var(--c-on-primary);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer}.nn-post-attempt-comfort-check__primary:disabled{opacity:.5;cursor:not-allowed}.nn-post-attempt-comfort-check__dismiss{min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-1) var(--space-2);border:none;background:transparent;color:var(--c-text-dim);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:underline;cursor:pointer}.nn-post-attempt-comfort-check--acknowledge{align-items:center;text-align:center}.nn-capture-window-cue{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:var(--z-elevated);max-width:min(280px,calc(100vw - 2 * var(--space-4)));padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-sm);text-align:center}.nn-capture-window-cue__text{margin:0;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text)}.nn-pause-control{position:fixed;left:var(--space-4);bottom:var(--space-4);z-index:var(--z-elevated);max-width:min(280px,calc(100vw - 2 * var(--space-4)));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-sm)}.nn-pause-control__hint{margin:0;font-size:var(--font-sm);color:var(--c-text-dim)}.nn-pause-control__button{flex:none;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-1) var(--space-2);border:none;background:transparent;color:var(--c-primary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-decoration:underline;cursor:pointer}.nn-pause-control__button:focus-visible{outline:var(--border-width-thick) solid var(--c-accent);outline-offset:2px}.nn-lesson-journey{display:block}.nn-lesson-journey__list{display:flex;list-style:none;margin:0;padding:0}.nn-lesson-journey__item{position:relative;display:flex}.nn-lesson-journey__stage{display:flex;align-items:center;min-height:var(--touch-min, 44px);min-width:var(--touch-min, 44px);padding:.25rem .4rem;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md, 10px);transition:background var(--transition-base, .15s ease-out),color var(--transition-base, .15s ease-out)}.nn-lesson-journey__stage:hover:not(:disabled){background:var(--c-accent-soft, rgba(127, 127, 127, .1))}.nn-lesson-journey__stage:focus-visible{outline:2px solid var(--c-accent, currentColor);outline-offset:2px}.nn-lesson-journey__stage:disabled{cursor:not-allowed}.nn-lesson-journey__marker{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:var(--radius-full, 9999px);font-size:var(--font-xs, .78rem);font-weight:var(--font-weight-bold, 700);background:var(--c-surface, transparent);border:var(--border-width-thick, 2px) solid var(--c-border, currentColor);color:var(--c-text-muted, currentColor);transition:background var(--transition-base, .15s ease-out),border-color var(--transition-base, .15s ease-out),color var(--transition-base, .15s ease-out)}.nn-lesson-journey__item--current .nn-lesson-journey__marker{background:var(--c-accent, currentColor);border-color:var(--c-accent, currentColor);color:var(--c-on-accent, #fff)}.nn-lesson-journey__item--completed .nn-lesson-journey__marker{background:var(--c-success, currentColor);border-color:var(--c-success, currentColor);color:var(--c-on-accent, #fff)}.nn-lesson-journey__item--upcoming .nn-lesson-journey__marker{opacity:.5}.nn-lesson-journey__item--reviewing .nn-lesson-journey__marker{box-shadow:0 0 0 3px var(--c-accent-soft, rgba(127, 127, 127, .25))}.nn-lesson-journey__label{font-size:var(--font-sm, .82rem);font-weight:var(--font-weight-semibold, 600);color:var(--c-text-muted, currentColor);white-space:nowrap;transition:color var(--transition-base, .15s ease-out)}.nn-lesson-journey__item--current .nn-lesson-journey__label{color:var(--c-accent, currentColor)}.nn-lesson-journey__item--completed .nn-lesson-journey__label{color:var(--c-success, currentColor)}.nn-lesson-journey__item--upcoming .nn-lesson-journey__label{opacity:.6}@media(min-width:1440px){.nn-lesson-journey__label{font-size:var(--font-base, .9rem)}}@media(min-width:2560px){.nn-lesson-journey__label{font-size:var(--font-lg, 1.05rem)}}.nn-lesson-journey--vertical .nn-lesson-journey__list{flex-direction:column;align-items:flex-start;gap:.3rem;width:100%}.nn-lesson-journey--vertical .nn-lesson-journey__stage{width:100%;gap:.6rem}.nn-lesson-journey--horizontal .nn-lesson-journey__list{flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;overflow-x:auto;gap:.2rem}.nn-lesson-journey--horizontal .nn-lesson-journey__item{flex:1;min-width:0}.nn-lesson-journey--horizontal .nn-lesson-journey__stage{flex-direction:column;gap:.15rem;width:100%}.nn-lesson-journey--horizontal .nn-lesson-journey__label{font-size:var(--font-xs, .68rem);overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:389px){.nn-lesson-journey--horizontal .nn-lesson-journey__label{display:none}}@media(max-width:899px),(orientation:portrait){.nn-lesson-journey--vertical .nn-lesson-journey__list{flex-direction:row;align-items:flex-start;justify-content:space-between;overflow-x:auto;gap:.2rem}.nn-lesson-journey--vertical .nn-lesson-journey__item{flex:1;min-width:0}.nn-lesson-journey--vertical .nn-lesson-journey__stage{flex-direction:column;gap:.15rem;width:100%}.nn-lesson-journey--vertical .nn-lesson-journey__label{font-size:var(--font-xs, .68rem);overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media(max-width:389px){.nn-lesson-journey--vertical .nn-lesson-journey__label{display:none}}.nn-lesson-celebration{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:44ch;margin:0 auto;padding:var(--space-5) var(--space-4);box-sizing:border-box;text-align:center;font-family:var(--font-sans);color:var(--c-text)}.nn-lesson-celebration-finish{margin:0;font-size:var(--font-xl);font-weight:700;line-height:1.25}.nn-lesson-celebration-xp{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--c-accent)}.nn-lesson-celebration-streak{margin:0;font-size:var(--font-base);color:var(--c-text-dim)}.nn-lesson-celebration-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-border)}.nn-lesson-celebration-badge-icon{font-size:var(--font-xl);line-height:1}.nn-lesson-celebration-badge-name{font-size:var(--font-base);font-weight:600}.nn-lesson-celebration-skill{margin:0;font-size:var(--font-sm);font-style:italic;color:var(--c-text-dim)}.nn-lesson-celebration-continue{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);border:none;color:var(--c-on-accent, #fff);background:var(--c-accent);font-size:var(--font-base);font-weight:600;cursor:pointer}.nn-lesson-celebration-continue:hover{filter:brightness(1.06)}.nn-lesson-celebration-continue:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.nn-lesson-celebration[data-tone=playful],.nn-lesson-celebration[data-tone=energetic]{animation:nn-celebration-pop .42s var(--ease-out, ease) both}.nn-lesson-celebration[data-tone=balanced]{animation:nn-celebration-fade .28s var(--ease-out, ease) both}.nn-lesson-celebration[data-tone=serious]{animation:nn-celebration-fade .2s linear both}@keyframes nn-celebration-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes nn-celebration-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.nn-lesson-celebration{animation:none!important}}.cr-root{display:flex;flex-direction:column;gap:var(--space-4)}.cr-loading,.cr-error{padding:var(--space-6);text-align:center;color:var(--c-text-muted);font-size:var(--font-base)}.cr-rail{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.cr-dots{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cr-dot{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--c-border);color:var(--c-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.cr-dot--done{background:var(--c-success);color:var(--c-bg)}.cr-dot--active{background:var(--c-primary);color:var(--c-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 25%,transparent)}.cr-dot--locked{opacity:.6}.cr-rail__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.cr-rail__title{font-size:var(--font-base);color:var(--c-text);flex:1;min-width:0}.cr-accuracy{display:flex;flex-direction:column;gap:var(--space-1)}.cr-accuracy__label{font-size:var(--font-sm);color:var(--c-text)}.cr-accuracy__last,.cr-accuracy__target{color:var(--c-text-muted);font-size:var(--font-xs)}.cr-accuracy__hands{font-size:var(--font-sm);color:var(--c-text);font-weight:var(--font-weight-semibold)}.cr-misconception{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--c-warning) 12%,var(--c-surface));border:1px solid var(--c-warning);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-sm)}.cr-resume{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--c-primary) 12%,var(--c-surface));border:1px solid var(--c-primary);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-sm)}.cr-feedback{padding:var(--space-2) var(--space-3);background:var(--c-surface);border-left:3px solid var(--c-primary);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-sm)}.cr-pack{min-height:0}.cr-finale{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);text-align:center}.cr-finale__icon{font-size:var(--font-4xl)}.cr-finale__title{margin:0;font-size:var(--font-2xl);color:var(--c-text)}.cr-finale__sub{margin:0;color:var(--c-text-muted);font-size:var(--font-base)}.cr-badge{padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--c-success) 18%,var(--c-surface));border:1px solid var(--c-success);border-radius:var(--radius-full);color:var(--c-text);font-size:var(--font-base);font-weight:var(--font-weight-semibold)}.cr-finale__celebration,.cr-module-celebration{margin:0;color:var(--c-success);font-size:var(--font-lg);font-weight:var(--font-weight-semibold)}@media(prefers-reduced-motion:reduce){.cr-dot--active{box-shadow:none}}.nn-immersive-lesson-shell{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;box-sizing:border-box}.nn-immersive-lesson-shell__stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:0 var(--space-4) var(--space-4)}.nn-immersive-lesson-shell__stage>.nn-governed-course-runner,.nn-immersive-lesson-shell__stage .nn-dynamic-lesson-runner,.nn-immersive-lesson-shell__stage .nn-lesson-runtime-host-controller,.nn-immersive-lesson-shell__stage .nn-lesson-runtime-host{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.nn-immersive-lesson-shell__stage .nn-layout-preview{flex:1 1 auto;min-height:0}.th1-shell{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) var(--space-6) var(--space-10);min-height:100%;box-sizing:border-box;background:var(--c-bg);color:var(--c-text)}.th1-hero{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-6);background:var(--c-hero-bg, var(--c-surface));border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6)}.th1-hero__identity{display:flex;flex-direction:column;gap:var(--space-1)}.th1-hero__greeting{font-size:var(--font-xs);color:var(--c-text-muted)}.th1-hero__name{font-size:var(--font-hero-name);font-weight:var(--font-weight-heavy);color:var(--c-text);margin:0;line-height:1.1}.th1-hero__title{font-size:var(--font-xs);color:var(--c-primary);font-weight:var(--font-weight-semibold);letter-spacing:.03em}.th1-hero__xp{display:flex;align-items:center;gap:var(--space-4)}.th1-hero__xp-detail{display:flex;flex-direction:column;gap:var(--space-1);min-width:140px}.th1-hero__xp-bar-wrap{height:var(--c-progress-h);background:var(--c-progress-track, var(--c-border));border-radius:var(--radius-full);overflow:hidden}.th1-hero__xp-bar{height:100%;background:var(--c-progress-fill, var(--c-primary));border-radius:var(--radius-full);transition:width .6s ease;min-width:4px}.th1-hero__xp-text{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--c-text)}.th1-hero__xp-next{font-size:var(--font-label);color:var(--c-text-muted)}.th1-hero__stats{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.th1-hero__streak{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px}.th1-hero__streak-flame{font-size:1.6rem;line-height:1}.th1-hero__streak-count{font-size:var(--font-lg);font-weight:var(--font-weight-heavy);color:var(--c-text)}.th1-hero__streak-label{font-size:var(--font-micro);color:var(--c-text-muted)}.th1-main-grid{display:grid;grid-template-columns:var(--density-grid-quest) var(--density-grid-status);gap:var(--space-4);align-items:start}.th1-card{background:var(--c-card-bg, var(--c-surface));border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);height:100%;box-sizing:border-box}.th1-card__label{font-size:var(--font-label);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted)}.th1-card__title{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0;line-height:1.25}.th1-card__subtitle{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.th1-card__progress-wrap{height:var(--c-progress-h);background:var(--c-progress-track, var(--c-border));border-radius:var(--radius-full);overflow:hidden}.th1-card__progress-bar{height:100%;background:var(--c-progress-fill, var(--c-primary));border-radius:var(--radius-full);transition:width .5s ease;min-width:4px}.th1-card__progress-label{font-size:var(--font-label);color:var(--c-text-muted)}.th1-card__btn{min-height:var(--touch-min);padding:0 var(--space-5);border:none;border-radius:var(--radius-md);background:var(--c-primary);color:var(--c-bg);font-size:var(--font-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:filter var(--transition-fast);align-self:flex-start}.th1-card__btn:hover{filter:brightness(1.1)}.th1-card__btn--ghost{background:transparent;border:var(--border-width-medium) solid var(--c-border);color:var(--c-text-muted)}.th1-card__btn--ghost:hover{border-color:var(--c-primary);color:var(--c-text)}.th1-card--quest{border-left:var(--border-width-accent) solid var(--c-primary)}.th1-card--empty{opacity:.8}.th1-card__empty-text{font-size:var(--font-sm);color:var(--c-text-muted)}.th1-status-grid{display:flex;flex-direction:column;gap:var(--space-3)}.th1-status{display:flex;align-items:center;gap:var(--space-3);background:var(--c-card-bg, var(--c-surface));border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);min-height:var(--density-status-h)}.th1-status--active{border-color:var(--c-primary);background:var(--c-primary-dim)}.th1-status__icon{font-size:1.4rem;line-height:1;flex-shrink:0}.th1-status__value{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.th1-status__label{font-size:var(--font-label);color:var(--c-text-muted);margin:0}.th1-status__action{margin-left:auto;min-height:36px;padding:0 var(--space-4);border:var(--border-width-thin) solid var(--c-primary);border-radius:var(--radius-md);background:transparent;color:var(--c-primary);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);cursor:pointer;flex-shrink:0}.th1-status__action:hover{background:var(--c-primary);color:var(--c-bg)}.th1-section-title{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0;text-transform:uppercase;letter-spacing:.05em}.th1-journey{display:flex;flex-direction:column;gap:var(--space-4);background:var(--c-card-bg, var(--c-surface));border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-5)}.th1-journey__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.th1-journey__course-name{font-size:var(--font-xs);color:var(--c-text-muted)}.th1-journey__track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding-bottom:var(--space-2)}.th1-journey__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;flex-shrink:0;width:var(--density-node-size)}.th1-journey__line{position:absolute;top:calc(var(--density-node-size) / 2);left:calc(var(--density-node-size) * -.5);width:var(--density-node-size);height:2px;background:var(--c-border);z-index:0}.th1-journey__line--done{background:var(--c-journey-done-bg, var(--c-primary))}.th1-node{width:var(--density-node-size);height:var(--density-node-size);border-radius:50%;border:var(--border-width-thick) solid var(--c-border);background:var(--c-card-bg, var(--c-surface));color:var(--c-text-muted);font-size:var(--font-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;position:relative;transition:transform var(--transition-fast),border-color var(--transition-fast)}.th1-node:disabled{cursor:default}.th1-node--done{border-color:var(--c-journey-done-bg, var(--c-primary));background:var(--c-journey-done-bg, var(--c-primary));color:var(--c-bg)}.th1-node--active{border-color:var(--c-journey-active-bg, var(--c-accent));background:var(--c-journey-active-bg, var(--c-accent));color:var(--c-bg);box-shadow:0 0 var(--glow-node-radius) rgba(var(--c-primary-rgb, 120,80,200),var(--glow-node-alpha, .35))}.th1-node--locked{opacity:.45}.th1-node--active:hover{transform:scale(1.08)}.th1-node__label{font-size:var(--font-micro);color:var(--c-text-muted);text-align:center;line-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th1-practice{display:flex;flex-direction:column;gap:var(--space-4)}.th1-practice__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.th1-practice__tile{min-height:var(--density-tile-h);border:var(--border-width-medium) solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-tile-bg, var(--c-surface));color:var(--c-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform .1s;padding:var(--space-3)}.th1-practice__tile:hover{border-color:var(--c-primary);background:var(--c-primary-dim);transform:translateY(-2px)}.th1-practice__tile:active{transform:translateY(0)}.th1-practice__tile-icon{font-size:1.6rem;line-height:1}.th1-practice__tile-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text)}.th1-badges{display:flex;flex-direction:column;gap:var(--space-4);background:var(--c-card-bg, var(--c-surface));border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-5)}.th1-badges__header{display:flex;align-items:center;justify-content:space-between}.th1-badges__see-all{font-size:var(--font-xs);color:var(--c-primary);background:none;border:none;cursor:pointer;font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:0 var(--space-2)}.th1-badges__list{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.th1-badge{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:72px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);border:var(--border-width-medium) solid var(--c-border);background:var(--c-card-bg, var(--c-surface))}.th1-badge--earned{border-color:var(--c-badge-border, var(--c-primary));background:var(--c-badge-bg, var(--c-primary-dim))}.th1-badge__icon{font-size:1.6rem;line-height:1}.th1-badge__name{font-size:var(--font-micro);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);text-align:center}.th1-badges__empty{font-size:var(--font-sm);color:var(--c-text-muted)}.th1-badges__next{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--font-xs);color:var(--c-text-muted);border-top:var(--border-width-thin) solid var(--c-border);padding-top:var(--space-3)}.th1-badges__next-label{color:var(--c-text-muted);font-weight:var(--font-weight-semibold)}.th1-badges__next-icon{font-size:1rem}.th1-badges__next-name{color:var(--c-text);font-weight:var(--font-weight-bold)}.th1-badges__next-desc{color:var(--c-text-muted)}.home-confetti{position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay)}.home-confetti__particle{position:absolute;top:-8px;border-radius:2px;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.home-birthday-banner,.home-nameday-banner{position:fixed;top:var(--space-16);left:50%;transform:translate(-50%);z-index:var(--z-modal);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;min-width:320px;max-width:90vw;box-shadow:var(--shadow-xl);background:var(--c-elevated-bg, var(--c-surface))}.home-birthday-banner{border:var(--border-width-thick) solid var(--c-primary)}.home-nameday-banner{border:var(--border-width-thick) solid var(--c-accent)}.home-birthday-banner__emoji{font-size:2.5rem}.home-birthday-banner__title,.home-nameday-banner__title{font-size:var(--font-lg);font-weight:var(--font-weight-heavy);color:var(--c-text);margin:0}.home-birthday-banner__sub,.home-nameday-banner__sub{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.home-birthday-banner__badge{font-size:var(--font-xs);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.home-nameday-banner__icon{font-size:2rem;color:var(--c-accent)}.home-coptic-strip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--c-card-bg, var(--c-surface));border:var(--border-width-thin) solid var(--c-border)}.home-coptic-strip--nameday{border-color:var(--c-primary);background:var(--c-primary-dim)}.home-coptic-strip--great-friday{border-color:var(--c-text-dim);background:var(--c-card-bg, var(--c-surface))}.home-coptic-strip--resurrection{border-color:var(--c-success);background:var(--c-coptic-resurrection-bg, color-mix(in srgb, var(--c-bg) 85%, var(--c-success)))}.home-coptic-strip--kiahk{border-color:var(--c-accent);background:var(--c-coptic-kiahk-bg, color-mix(in srgb, var(--c-bg) 88%, var(--c-accent)))}.home-coptic-strip__icon{font-size:1.2rem;color:var(--c-text-muted);flex-shrink:0}.home-coptic-strip__content{display:flex;flex-direction:column;gap:2px}.home-coptic-strip__message{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.home-coptic-strip__date{font-size:var(--font-label);color:var(--c-text-muted)}.th1-guide{display:flex;justify-content:center;align-items:center;padding:var(--space-2) 0}.th1-guide__img{max-width:200px;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--c-border);background:var(--c-surface)}@media(max-width:540px){.th1-guide__img{max-width:140px;max-height:140px}}@media(max-width:900px){.th1-main-grid{grid-template-columns:1fr}.th1-hero{grid-template-columns:1fr auto}.th1-hero__stats{display:none}.th1-practice__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.th1-shell{padding:var(--space-3) var(--space-4) var(--space-8);gap:var(--space-4)}.th1-hero{grid-template-columns:1fr;gap:var(--space-3)}.th1-practice__grid{grid-template-columns:repeat(2,1fr)}.th1-journey__item{width:64px}}@media(min-width:1280px){.th1-shell{max-width:1200px;margin:0 auto}.th1-main-grid{grid-template-columns:1.8fr 1fr}}.home-shell{padding:var(--space-6);box-sizing:border-box;min-height:100%}.course-overview{padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-5);max-width:720px;margin:0 auto}.course-overview--loading,.course-overview--fatal{align-items:flex-start}.course-overview__back{align-self:flex-start;background:none;border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-medium);min-height:var(--touch-min);padding:0 var(--space-4);transition:color var(--transition-fast),border-color var(--transition-fast)}.course-overview__back:hover{border-color:var(--c-primary);color:var(--c-primary)}.course-overview__header{display:flex;flex-direction:column;gap:var(--space-3)}.course-overview__title{font-size:var(--font-2xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.course-overview__heading{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.course-overview__body{color:var(--c-text-muted);font-size:var(--font-base);margin:0}.course-overview__lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.course-overview__lesson{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.course-overview__lesson--resume{border-color:var(--c-primary)}.course-overview__lesson--completed{opacity:.85}.course-overview__lesson-inner{display:flex;align-items:center;gap:var(--space-3);width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);min-height:var(--touch-min)}.course-overview__lesson-inner--open{background:none;border:none;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:background-color var(--transition-fast)}.course-overview__lesson-inner--open:hover,.course-overview__lesson-inner--open:focus-visible{background:var(--c-surface-2)}.course-overview__lesson-inner--locked{cursor:default}.course-overview__lesson-index{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);background:var(--c-surface-2);color:var(--c-text-muted);font-size:var(--font-xs);font-weight:var(--font-weight-semibold)}.course-overview__lesson--completed .course-overview__lesson-index{background:var(--c-primary-dim);color:var(--c-primary)}.course-overview__lesson-body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.course-overview__lesson-name{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--c-text)}.course-overview__lesson-id{font-size:var(--font-xs);color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-overview__lesson-status{flex-shrink:0;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text-muted)}.course-overview__lesson--completed .course-overview__lesson-status,.course-overview__lesson--resume .course-overview__lesson-status{color:var(--c-primary)}.course-overview__start{background:var(--c-primary);border:none;border-radius:var(--radius-md);color:var(--c-bg);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:0 var(--space-6);transition:opacity var(--transition-fast);align-self:stretch}.course-overview__start:hover{opacity:.88}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.luc-root{position:fixed;inset:0;z-index:9900;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:var(--space-4, 1rem);box-sizing:border-box}.luc-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem);background:var(--c-surface, #1e1e2e);border:1px solid var(--c-border, rgba(255, 255, 255, .12));border-radius:var(--radius-xl, 1.25rem);padding:var(--space-6, 2rem) var(--space-5, 1.5rem);min-width:280px;max-width:440px;width:100%;box-shadow:0 24px 64px #00000080;text-align:center;overflow:hidden}.luc-badge{width:80px;height:80px;flex-shrink:0}[data-intensity=high] .luc-badge{animation:luc-pulse .6s ease-out forwards}@keyframes luc-pulse{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.luc-heading{font-size:var(--font-xl, 1.5rem);font-weight:700;color:var(--c-text-primary, #fff);margin:0;line-height:1.2}[data-intensity=high] .luc-heading{font-size:var(--font-2xl, 1.75rem);color:var(--c-primary, #818cf8)}[data-intensity=low] .luc-heading{font-size:var(--font-lg, 1.25rem);font-weight:600}.luc-level-transition{font-size:var(--font-sm, .875rem);color:var(--c-text-secondary, rgba(255, 255, 255, .6));margin:0}.luc-body{font-size:var(--font-base, .9375rem);color:var(--c-text-primary, #fff);margin:0;line-height:1.5;max-width:340px}[data-intensity=low] .luc-body{font-size:var(--font-sm, .875rem);color:var(--c-text-secondary, rgba(255, 255, 255, .75))}.luc-badge-chip{display:inline-flex;align-items:center;gap:.375rem;background:var(--c-surface-raised, rgba(255, 255, 255, .08));border:1px solid var(--c-border, rgba(255, 255, 255, .12));border-radius:var(--radius-pill, 999px);padding:.25rem .75rem;font-size:var(--font-sm, .875rem);color:var(--c-text-primary, #fff);max-width:100%;overflow:hidden}.luc-continue{min-height:44px;min-width:120px;padding:0 var(--space-5, 1.5rem);border:none;border-radius:var(--radius-md, .5rem);background:var(--c-primary, #6366f1);color:#fff;font-size:var(--font-base, .9375rem);font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;margin-top:var(--space-1, .25rem)}.luc-continue:hover{background:var(--c-primary-hover, #818cf8)}.luc-continue:active{transform:scale(.97)}.luc-continue:focus-visible{outline:3px solid var(--c-focus, #818cf8);outline-offset:2px}[data-intensity=high] .luc-continue{font-size:var(--font-lg, 1.125rem);min-height:48px}[data-intensity=low] .luc-continue{background:var(--c-surface-raised, rgba(255, 255, 255, .08));color:var(--c-text-primary, #fff);font-weight:500}.luc-dismiss-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--c-primary, #6366f1);transform-origin:left center;animation:luc-shrink linear forwards;opacity:.6}@keyframes luc-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.luc-badge{animation:none}.luc-dismiss-bar{animation:none;opacity:0}}@media(max-width:390px){.luc-card{padding:var(--space-4, 1rem);border-radius:var(--radius-lg, 1rem)}.luc-heading{font-size:var(--font-lg, 1.25rem)}}.badge-earn-reveal__live-region{position:fixed;bottom:var(--space-6, 2rem);left:50%;transform:translate(-50%);z-index:900;pointer-events:none}.badge-earn-reveal{display:flex;align-items:center;gap:var(--space-3, .75rem);background:var(--c-surface, #1e1e2e);border:1px solid var(--c-border, rgba(255, 255, 255, .12));border-radius:var(--radius-lg, 1rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);box-shadow:0 8px 32px #0006;pointer-events:auto;max-width:min(360px,calc(100vw - var(--space-8, 2rem)));min-width:240px;position:relative}.badge-earn-reveal[data-intensity=high]{border-color:var(--c-primary, #7c3aed);box-shadow:0 8px 40px rgba(var(--c-primary-rgb, 124, 58, 237),.35)}.badge-earn-reveal[data-intensity=med]{border-color:var(--c-accent, rgba(255, 255, 255, .2))}.badge-earn-reveal__icon{font-size:2rem;line-height:1;flex-shrink:0}.badge-earn-reveal[data-intensity=high] .badge-earn-reveal__icon{font-size:2.5rem}.badge-earn-reveal[data-intensity=low] .badge-earn-reveal__icon{font-size:1.5rem}.badge-earn-reveal__body{display:flex;flex-direction:column;gap:var(--space-1, .25rem);flex:1;min-width:0}.badge-earn-reveal__name{margin:0;font-size:var(--font-base, 14px);font-weight:600;color:var(--c-text, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-earn-reveal[data-intensity=high] .badge-earn-reveal__name{font-size:var(--font-md, 15px);color:var(--c-primary, #7c3aed)}.badge-earn-reveal__tier{font-size:var(--font-sm, 12px);color:var(--c-text-muted, #94a3b8);font-style:italic}.badge-earn-reveal__xp{font-size:var(--font-sm, 12px);color:var(--c-success, #22c55e);font-weight:600}.badge-earn-reveal__dismiss{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--c-text-muted, #94a3b8);cursor:pointer;border-radius:var(--radius-sm, .375rem);font-size:1.25rem;line-height:1;padding:0;transition:color .15s}.badge-earn-reveal__dismiss:hover{color:var(--c-text, #e2e8f0)}@media(prefers-reduced-motion:reduce){.badge-earn-reveal{transition:none}}.theme-unlock-reveal__live-region{position:fixed;bottom:var(--space-6, 2rem);left:50%;transform:translate(-50%);z-index:890;pointer-events:none}.theme-unlock-reveal{display:flex;align-items:center;gap:var(--space-3, .75rem);background:var(--c-surface-2, #252535);border:1px solid var(--c-accent, rgba(99, 102, 241, .4));border-radius:var(--radius-lg, 1rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);box-shadow:0 8px 32px #0006,0 0 0 1px rgba(var(--c-primary-rgb, 99, 102, 241),.15);pointer-events:auto;max-width:min(380px,calc(100vw - var(--space-8, 2rem)));min-width:260px;position:relative}.theme-unlock-reveal__icon{font-size:2rem;line-height:1;flex-shrink:0}.theme-unlock-reveal__body{display:flex;flex-direction:column;gap:var(--space-1, .25rem);flex:1;min-width:0}.theme-unlock-reveal__heading{margin:0;font-size:var(--font-sm, 12px);font-weight:600;color:var(--c-accent, #6366f1);text-transform:uppercase;letter-spacing:.05em}.theme-unlock-reveal__name{margin:0;font-size:var(--font-base, 14px);font-weight:600;color:var(--c-text, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-unlock-reveal__level{font-size:var(--font-sm, 12px);color:var(--c-text-muted, #94a3b8)}.theme-unlock-reveal__dismiss{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--c-text-muted, #94a3b8);cursor:pointer;border-radius:var(--radius-sm, .375rem);font-size:1.25rem;line-height:1;padding:0;transition:color .15s}.theme-unlock-reveal__dismiss:hover{color:var(--c-text, #e2e8f0)}@media(prefers-reduced-motion:reduce){.theme-unlock-reveal{transition:none}}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100dvh;max-height:100dvh;background:var(--theme-bg-image, none),var(--theme-bg-color, var(--c-bg));background-size:cover,auto;background-position:center center,0 0;background-repeat:no-repeat,no-repeat;overflow:hidden;min-width:0}.app-shell[data-realm-bg=coptic]{background:#0a0608}.app-shell[data-realm-bg=oriental]{background:var(--or-bg, #080C14)}.app-shell[data-realm-bg=gospel]{background:var(--gospel-bg, #160608)}.app-shell__main{overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;max-width:1800px;margin:0 auto;width:100%;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.app-shell__main::-webkit-scrollbar{width:5px}.app-shell__main::-webkit-scrollbar-track{background:transparent}.app-shell__main::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--radius-full)}.app-shell__main::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted-fill)}.app-shell__view{min-height:100%}.app-shell__main:has(.nn-puck-shell){overflow:hidden;max-width:none;margin:0}.app-shell__main:has(.nn-puck-shell) .app-shell__view{height:100%}.app-shell__main:has(.nn-immersive-lesson-shell){overflow:hidden;max-width:none;margin:0}.app-shell__main:has(.nn-immersive-lesson-shell) .app-shell__view{height:100%}.pack-runner__bar{display:flex;align-items:center;padding:var(--space-2) var(--space-4)}.pack-runner__back{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);transition:background var(--transition-fast),border-color var(--transition-fast)}.pack-runner__back:hover,.pack-runner__back:focus-visible{background:var(--c-surface-3);border-color:var(--c-primary);outline:none}.ninjastudio-placeholder{padding:var(--space-8) var(--space-6);max-width:1100px;margin:0 auto;font-size:var(--font-lg);color:var(--c-text-muted)}.app-header{display:flex;align-items:center;gap:var(--space-2);background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:0 var(--space-3);height:56px;flex-shrink:0;position:relative;z-index:var(--z-elevated);min-width:0;overflow:visible}.app-header--immersive{position:fixed;top:0;left:0;right:0;width:100%;transition:transform .18s var(--ease-out)}.app-header--immersive-visible{transform:translateY(0);pointer-events:auto}.app-header--immersive-hidden{transform:translateY(calc(-100% - 1px));pointer-events:none}@media(prefers-reduced-motion:reduce){.app-header--immersive{transition-duration:0ms}}.immersive-nav-reveal{position:fixed;top:0;right:var(--space-4);z-index:calc(var(--z-elevated) + 1);width:var(--touch-min);height:var(--touch-min);display:flex;align-items:center;justify-content:center;background:var(--c-surface);border:1px solid var(--c-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--c-text-muted);cursor:pointer;padding:0}.immersive-nav-reveal:hover,.immersive-nav-reveal:focus-visible{color:var(--c-text);background:var(--c-surface-2);outline:none}.app-header__profile-wrap{position:relative;flex-shrink:0}.app-header__profile-btn{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;color:var(--c-text);font-size:var(--font-base);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-height:var(--touch-min);transition:background var(--transition-fast);white-space:nowrap}.app-header__profile-btn:hover{background:var(--c-surface-2)}.app-header__profile-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text)}.app-header__caret{color:var(--c-text-muted);font-size:var(--font-xs)}.app-header__nav-area{flex:1;min-width:0;overflow:hidden}.app-header__nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;height:56px}.app-header__nav::-webkit-scrollbar{display:none}.app-header__nav-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-family:var(--font-sans);padding:0;width:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-sm);position:relative;flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.app-header__nav-btn:hover{color:var(--c-text);background:var(--c-surface-2)}.app-header__nav-icon{font-size:20px;line-height:1;display:block}.app-header__nav-btn--active{color:var(--c-primary);background:var(--c-primary-dim)}.app-header__nav-btn--active:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:var(--c-primary);border-radius:2px 2px 0 0}.app-header__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.app-header__xp-wrap{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:clamp(80px,26vw,300px);flex-shrink:0;overflow:hidden;background:none;border:none;cursor:pointer;font-family:var(--font-sans);color:inherit;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);min-height:var(--touch-min);transition:background var(--transition-fast)}.app-header__xp-wrap:hover{background:var(--c-surface-2)}.app-header__reward-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:clamp(6px,1.4vw,16px);width:100%;min-width:0;line-height:1;overflow:hidden}.app-header__reward-stat{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text);letter-spacing:.02em;min-width:0}.app-header__reward-icon{font-size:var(--font-sm);line-height:1}.app-header__reward-value{color:var(--c-text-muted);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.app-header__xp{width:100%;min-width:0}.app-header__xp.xp-bar--stars .xp-bar__stars{justify-content:center;gap:clamp(1px,.3vw,3px)}.app-header__xp.xp-bar--stars .xp-bar__star{font-size:clamp(10px,1.3vw,14px)}@keyframes xp-pulse{0%,to{transform:scaleX(1);filter:none}50%{transform:scaleX(1.03);filter:brightness(1.4)}}.app-header__xp--pulse .xp-bar__fill{animation:xp-pulse .6s ease-out}.app-header__icon-btn{background:none;border:none;color:var(--c-text);cursor:pointer;font-size:var(--font-lg);min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast);padding:0}.app-header__icon-btn:hover{background:var(--c-surface-2)}.app-header__icon-btn--active{color:var(--c-primary);background:var(--c-primary-dim)}.app-header__icon-btn--coptic{color:#c9a84c;font-size:var(--font-xl)}.app-header__pcc-btn{background:var(--c-primary-dim);border:1px solid var(--c-primary);border-radius:var(--radius-sm);color:var(--c-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;min-height:44px;padding:0 var(--space-3);transition:background var(--transition-fast)}.app-header__pcc-btn:hover{background:var(--c-primary);color:var(--c-bg)}.app-header__avatar{width:36px;height:36px;border-radius:50%;background:var(--c-primary-dim);border:1.5px solid var(--c-primary);color:var(--c-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.app-header__avatar:hover{background:var(--c-primary);color:var(--c-bg);transform:scale(1.06)}.midi-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.midi-dot--connected{background:var(--c-success);animation:midi-pulse 2.2s ease-in-out infinite}.midi-dot--disconnected{background:var(--c-error-fill);animation:midi-flash 1s ease-in-out infinite}@keyframes midi-pulse{0%,to{opacity:1;box-shadow:0 0 #2e8b5a80}50%{opacity:.7;box-shadow:0 0 0 4px #2e8b5a00}}@keyframes midi-flash{0%,to{opacity:1}50%{opacity:.3}}.profile-switcher__backdrop{position:fixed;inset:0;z-index:calc(var(--z-elevated) + 1)}.profile-switcher__menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:calc(var(--z-elevated) + 2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;margin:0;padding:var(--space-1) 0;min-width:180px}.profile-switcher__item{display:flex;align-items:center;gap:var(--space-3);background:none;border:none;cursor:pointer;color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-sm);padding:var(--space-2) var(--space-4);width:100%;text-align:left;min-height:var(--touch-min);transition:background var(--transition-fast)}.profile-switcher__item:hover{background:var(--c-surface-3)}.profile-switcher__item--active{color:var(--c-primary)}.profile-switcher__avatar{width:28px;height:28px;border-radius:50%;background:var(--c-primary-dim);border:1px solid var(--c-primary);color:var(--c-primary);font-size:var(--font-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-switcher__check{margin-left:auto;color:var(--c-primary);font-size:var(--font-sm)}.profile-switcher__divider{height:1px;background:var(--c-border);margin:var(--space-1) 0}.profile-switcher__item--signout{color:var(--c-text-muted)}.profile-switcher__item--signout:hover{color:var(--c-text)}.bottom-nav{display:flex;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0}.bottom-nav--top{border-top:none;border-bottom:1px solid var(--c-border);padding-bottom:0}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-family:var(--font-sans);min-height:56px;padding:var(--space-2) var(--space-1);transition:color var(--transition-fast),background var(--transition-fast);position:relative}.bottom-nav__tab:hover{background:var(--c-surface-2);color:var(--c-text)}.bottom-nav__tab--active{color:var(--c-primary)}.bottom-nav__tab--active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--c-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.bottom-nav--top .bottom-nav__tab--active:before{top:auto;bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.bottom-nav__icon{font-size:20px;line-height:1}.bottom-nav__label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:768px){.app-header{padding:0 var(--space-2);gap:var(--space-1)}.app-header__profile-name{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:480px){.app-header__nav-btn{width:40px;min-width:40px}.app-header__nav-icon{font-size:18px}}