: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: #8A7D6A;--c-text-dim: #4A4238;--c-success: #2E8B5A;--c-error: #C44A3A;--c-warning: #C49030;--c-success-soft: rgba(46,139,90,.12);--c-success-mid: rgba(46,139,90,.25);--c-error-soft: rgba(196,74,58,.1);--c-error-mid: rgba(196,74,58,.18);--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: #6070A0;--c-text-dim: #384060;--c-success: #60B880;--c-error: #C85060;--c-warning: #C8A040;--c-success-soft: rgba(96,184,128,.12);--c-success-mid: rgba(96,184,128,.25);--c-error-soft: rgba(200,80,96,.1);--c-error-mid: rgba(200,80,96,.18);--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: #FF4488;--c-warning: #FFD700;--c-success-soft: rgba(255,133,192,.12);--c-success-mid: rgba(255,133,192,.25);--c-error-soft: rgba(255,68,136,.1);--c-error-mid: rgba(255,68,136,.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: #6090C0;--c-text-dim: #304870;--c-success: #5BB8F5;--c-error: #FF6688;--c-warning: #FFD040;--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: #406040;--c-text-dim: #204020;--c-success: #00FF88;--c-error: #FF2244;--c-warning: #FFAA00;--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,.18);--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-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-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-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%}}.hsb{display:inline-flex;align-items:center;gap:.45rem;min-height:52px;padding:0 1.4rem;border-radius:12px;border:2px solid transparent;background:var(--c-accent, #7c5cbf);color:#fff;font-size:.95rem;font-weight:600;font-family:var(--font-family, sans-serif);cursor:pointer;transition:filter .15s,border-color .2s,background .2s;white-space:nowrap}.hsb:hover{filter:brightness(1.12)}.hsb:active{filter:brightness(.9)}.hsb--chord{background:#2562c8}.hsb--heard{border-color:#4caf50;filter:brightness(.85)}.hsb--heard:hover{filter:brightness(.92)}.hsb__icon{font-size:1.1em;line-height:1;flex-shrink:0}.hsb__label{line-height:1.2}.ipsf{display:flex;align-items:center;gap:.7rem;padding:.85rem 1.4rem;background:#4caf501f;border:2px solid var(--c-success, #4caf50);border-radius:12px;width:100%;max-width:440px;align-self:center}.ipsf__tick{font-size:1.6rem;color:var(--c-success, #4caf50);line-height:1;flex-shrink:0}.ipsf__text{font-size:1rem;font-weight:700;color:var(--c-success, #4caf50);margin:0;line-height:1.4}.ntr{position:relative;width:100%}.ntr__para{margin:0;width:100%;text-align:inherit}.ntr__para--measure{visibility:hidden;pointer-events:none}.ntr__para--live{position:absolute;inset:0}.ntr__seg--accent{font-weight:700;color:var(--academy-course-accent, #f5c842)}.ntr__caret{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-.12em;background:var(--academy-course-accent, #f5c842);animation:ntr-caret-blink .9s steps(1) infinite}@keyframes ntr-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.ntr[data-complete=true] .ntr__caret{display:none}@media(prefers-reduced-motion:reduce){.ntr__caret{display:none}}.sncd{display:inline-block;line-height:0}.sncd__vf{display:block;line-height:0}.sncd__overlay{position:absolute;top:0;left:0;overflow:visible}.csn{display:flex;list-style:none;margin:0}.csn__step{display:flex;align-items:center;position:relative}.csn__marker{display:flex;align-items:center;justify-content:center;flex-shrink:0}.csn__pip{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;background:var(--academy-course-surface, rgba(20, 20, 32, .6));border:2px solid var(--academy-course-border, rgba(255, 255, 255, .18));color:var(--academy-course-muted-text, #9a9ac0);transition:background .18s,border-color .18s,color .18s,box-shadow .18s;flex-shrink:0}.csn__step--active .csn__pip{background:var(--academy-course-accent, #f5c842);border-color:var(--academy-course-accent, #f5c842);color:#1a1410;box-shadow:0 0 0 4px var(--academy-course-glow-soft, rgba(245, 200, 60, .22))}.csn__step--done .csn__pip{background:var(--academy-course-progress-complete, #e0a800);border-color:var(--academy-course-progress-complete, #e0a800);color:#1a1410}.csn__label{font-weight:600;color:var(--academy-course-muted-text, #9a9ac0);white-space:nowrap;letter-spacing:.01em;transition:color .18s}.csn__step--active .csn__label{color:var(--academy-course-accent, #f5c842)}.csn__step--done .csn__label{color:var(--academy-course-progress-complete, #e0a800)}.csn__connector{background:var(--academy-course-border, rgba(255, 255, 255, .18))}.csn__step--done .csn__connector{background:var(--academy-course-progress-complete, #e0a800)}.csn--vertical{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:.5rem .4rem;width:100%}.csn--vertical .csn__step{flex-direction:row;gap:.6rem;align-items:flex-start}.csn--vertical .csn__marker{flex-direction:column}.csn--vertical .csn__connector{width:2px;height:clamp(16px,4vh,34px);margin:3px 0}.csn--vertical .csn__label{font-size:.82rem;line-height:1.75rem}@media(min-width:1440px){.csn--vertical .csn__pip{width:2rem;height:2rem;font-size:.85rem}.csn--vertical .csn__label{font-size:.9rem;line-height:2rem}}@media(min-width:2560px){.csn--vertical .csn__pip{width:2.6rem;height:2.6rem;font-size:1rem}.csn--vertical .csn__label{font-size:1.05rem;line-height:2.6rem}.csn--vertical .csn__connector{height:clamp(28px,4vh,60px)}}.csn--horizontal{flex-direction:row;align-items:flex-start;justify-content:center;width:100%;gap:0}.csn--horizontal .csn__step{flex:1;flex-direction:column;align-items:center;min-width:0}.csn--horizontal .csn__marker{flex-direction:row}.csn--horizontal .csn__connector{display:none}.csn--horizontal .csn__label{font-size:.68rem;margin-top:.25rem}@media(max-width:899px),(orientation:portrait){.csn--vertical{flex-direction:row;align-items:flex-start;justify-content:center;padding:.35rem .5rem}.csn--vertical .csn__step{flex:1;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.csn--vertical .csn__marker{flex-direction:row}.csn--vertical .csn__connector{display:none}.csn--vertical .csn__label{font-size:.62rem;line-height:1.1}.csn--vertical .csn__pip{width:1.5rem;height:1.5rem;font-size:.68rem}}.chord-keyboard{width:100%;max-width:520px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.chord-keyboard__svg{display:block;width:100%;height:auto}.chord-key--white .chord-key__rect{fill:url(#ck-white);stroke:#b9b5aa;stroke-width:.6}.chord-key--black .chord-key__rect{fill:url(#ck-black);stroke:#000;stroke-width:.4}.chord-key--white.chord-key--root .chord-key__rect{fill:url(#ck-root);stroke:#e0c266;stroke-width:.8}.chord-key__root-bar{fill:#f5c842}.chord-key__c-label{fill:#8a6a22;font-family:var(--font-family, sans-serif);letter-spacing:.02em}@keyframes root-bar-pulse{0%{opacity:.75}40%{opacity:1}80%{opacity:.75}to{opacity:.75}}.chord-key__root-bar--pulse{animation:root-bar-pulse .5s ease-in-out 3}@media(prefers-reduced-motion:reduce){.chord-key__root-bar--pulse{animation:none}}.chord-key__chord-bar{fill:var(--c-accent, #7c5cbf);opacity:.65}.chord-key__note-bar{opacity:.95}.chord-key__note-bar--black{opacity:.92}.chord-key--playing .chord-key__rect{filter:brightness(.88)}.chord-key--interactive{cursor:pointer}.chord-key--interactive:hover .chord-key__rect{filter:brightness(.93)}.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}.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:0 var(--space-4);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:0 var(--space-3);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:0 var(--space-6)}.nn-btn-action--hero{min-height:64px;font-size:var(--font-xl);padding:0 var(--space-8);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:var(--space-2) var(--space-4);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-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;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:var(--space-3);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:0 var(--space-4);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:0 var(--space-4);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;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:0 var(--space-3);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:var(--space-3) var(--space-6);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:0 var(--space-4);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:var(--space-2) var(--space-4);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:0 var(--space-4);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: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);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-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))}.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-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-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--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%;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-text{margin:0;max-width:var(--nn-narrated-measure, 66ch);line-height:1.55;font-size:var(--font-base)}.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-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-controls{display:flex;gap:var(--space-2);align-items:center}.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-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-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)}.fcr-wrapper{position:relative;width:100%;overflow:hidden;background:var(--c-bg, #0a0a14)}.fcr-comp{position:absolute;overflow:hidden;box-sizing:border-box}.fcr-comp--bg{z-index:0}.fcr-comp--selected{outline:2px solid var(--c-accent, #7b6cf6);outline-offset:2px;z-index:100}.lss-staff-standalone,.lss-keyboard-standalone{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.lss-keyboard-standalone .chord-keyboard__svg{width:100%;height:100%;max-width:none;pointer-events:none}.lss-connector-standalone{width:100%;height:100%;pointer-events:none;position:relative}.lss-connector-svg{display:block;width:100%;height:100%;fill:none;stroke:var(--c-accent, #7b6cf6);stroke-width:1.5;stroke-linecap:round}.apd{position:fixed;bottom:0;right:0;z-index:9999;background:#000000e0;color:var(--c-text-primary, #fff);font-family:monospace;font-size:11px;line-height:1.4;padding:8px 10px;border-top-left-radius:6px;max-width:380px;pointer-events:auto}.apd__title{font-weight:700;font-size:11px;color:var(--c-accent, #f59e0b);margin:0 0 4px;letter-spacing:.04em;text-transform:uppercase}.apd__loading{opacity:.6;font-style:italic}.apd__row{display:flex;gap:8px;align-items:center;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.apd__id{flex:1 1 120px;color:var(--c-text-secondary, #aaa);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apd__status{font-weight:700;min-width:72px;color:var(--c-success, #4ade80)}.apd__status--needsReview{color:#f87171}.apd__status--introduced{color:#fb923c}.apd__status--unseen{color:#6b7280}.apd__counts{min-width:36px;text-align:right;color:#d1d5db}.apd__accuracy{min-width:32px;text-align:right;color:#d1d5db}.apd__signals{flex-basis:100%;padding-left:4px;color:#f87171;font-size:10px}.crs{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(96px,11vw,156px);grid-template-areas:"main rail";overflow:hidden;background:var(--academy-course-bg, var(--c-bg, #0a0a12));background-image:var(--academy-course-bg-image, none);background-size:cover;background-position:center;color:var(--academy-course-text, var(--c-text, #f0f0f8));font-family:var(--font-family, sans-serif)}.crs__main{grid-area:main;min-width:0;min-height:0;display:flex;overflow:hidden}.crs__rail{grid-area:rail;min-height:0;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--academy-course-border, rgba(255, 255, 255, .08));overflow:hidden}@media(max-width:899px),(orientation:portrait){.crs{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"rail" "main"}.crs__rail{border-left:none;border-bottom:1px solid var(--academy-course-border, rgba(255, 255, 255, .08))}}@media(min-width:2560px){.crs{grid-template-columns:minmax(0,1fr) clamp(220px,9vw,380px)}.als{max-width:min(2600px,88vw);gap:clamp(.8rem,2vh,2.5rem);padding:clamp(1.5rem,3vh,4rem) clamp(2rem,4vw,6rem)}.als__zone--text{min-height:clamp(8rem,15vh,14rem)}.als__title{font-size:clamp(2.5rem,4vw,5rem)}.als__success-title{font-size:clamp(3rem,5vw,7rem)}.als__success-body{font-size:clamp(1.8rem,2.5vw,3.5rem)}.als__lead{font-size:clamp(1.6rem,2.2vw,3rem)}.als__lead--question{font-size:clamp(1.8rem,2.5vw,3.2rem)}.als__tap-prompt{font-size:clamp(1.5rem,2vw,2.8rem)}.als__wrong{font-size:clamp(1.3rem,1.8vw,2.4rem)}.als__correct-text{font-size:clamp(1.5rem,2vw,2.8rem)}.als__cta{min-height:clamp(80px,5vw,150px);font-size:clamp(1.5rem,1.9vw,2.8rem);padding:0 4rem;border-radius:18px}.als__choice-btn{min-height:clamp(70px,4.5vw,130px);font-size:clamp(1.4rem,1.8vw,2.5rem);padding:0 3.5rem;border-radius:14px}.als__drill-note{font-size:clamp(2rem,3.5vw,5rem)}.als__drill-prompt-text{font-size:clamp(1.8rem,2.5vw,3.5rem)}.als__microteach-text{font-size:clamp(1.8rem,2.5vw,3.2rem)}}.als{height:100%;width:100%;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.35rem,1.1vh,.95rem);padding:clamp(.5rem,1.6vh,1.2rem) clamp(.85rem,2.4vw,2.5rem);overflow:hidden;text-align:center}.als__zone{width:100%;display:flex;flex-direction:column;align-items:center}.als__zone--text{flex:0 0 auto;justify-content:center;gap:.35rem;min-height:clamp(4.5rem,13vh,7rem);max-width:min(760px,94%)}.als__zone--visual{flex:0 0 auto;justify-content:center;gap:.4rem}.als__zone--action{flex:none;justify-content:center;gap:.6rem;flex-direction:row;flex-wrap:wrap;min-height:3rem}.als__zone--feedback{flex:none;justify-content:center;gap:.35rem;min-height:2.2rem;max-width:min(620px,94%)}.als__title{font-size:clamp(1.25rem,3.4vw,1.85rem);font-weight:700;color:var(--academy-course-heading, var(--c-accent, #f5c842));margin:0;line-height:1.18;text-wrap:balance}.als__success-title{font-size:clamp(1.5rem,5vw,2.4rem);font-weight:800;color:var(--academy-course-success, #4caf50);margin:0;line-height:1.2}.als__success-body{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;color:var(--academy-course-success, #4caf50);margin:0;text-wrap:balance}.als__narration{font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.5;color:var(--academy-course-text, #f0f0f8);text-align:center}.als__narration .ntr__para{text-wrap:balance}.als__microteach-text{font-size:clamp(1.05rem,2.6vw,1.3rem);line-height:1.4;font-weight:600;color:var(--academy-course-heading, #f0f0f8);text-align:center;max-width:min(560px,92%)}.als__lead{font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.45;margin:0;color:var(--academy-course-text, #f0f0f8);text-wrap:balance}.als__lead--accent{font-weight:700;color:var(--academy-course-accent, #f5c842)}.als__lead--question{font-size:clamp(1.05rem,2.8vw,1.35rem);font-weight:700;margin:0}.als__sub{font-size:clamp(.9rem,2.2vw,1rem);color:var(--academy-course-muted-text, #aaa);margin:0;text-wrap:balance}.als__audio-pair{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.als__tap-prompt{font-size:clamp(.98rem,2.4vw,1.15rem);font-weight:600;color:var(--academy-course-heading, #f0f0f8);text-align:center;margin:0}.als__wrong{font-size:.95rem;color:var(--academy-course-error, #f44336);text-align:center;margin:0;text-wrap:balance}.als__correct-text{font-size:clamp(.95rem,2.2vw,1.12rem);font-weight:600;color:var(--academy-course-success, #4caf50);text-align:center;margin:0}.als__question{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.als__choice-row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.als__choice-btn{min-height:48px;padding:0 1.5rem;border-radius:10px;border:2px solid var(--academy-course-border, rgba(255, 255, 255, .15));background:var(--academy-course-surface, rgba(20, 20, 32, .7));color:var(--academy-course-text, #f0f0f8);font-size:clamp(1rem,2.4vw,1.1rem);font-weight:600;font-family:var(--font-family, sans-serif);cursor:pointer;transition:border-color .15s,filter .15s,transform .1s;white-space:nowrap}.als__choice-btn:hover{border-color:var(--academy-course-accent, #f5c842);filter:brightness(1.1)}.als__choice-btn:active{transform:scale(.97)}.als__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 2.1rem;border-radius:12px;border:none;background:var(--academy-course-button-bg, var(--c-accent, #7c5cbf));color:var(--academy-course-button-text, #fff);font-size:1.05rem;font-weight:700;font-family:var(--font-family, sans-serif);cursor:pointer;transition:filter .15s,transform .1s,opacity .18s;align-self:center;white-space:nowrap}.als__cta:hover:not(:disabled){filter:brightness(1.12)}.als__cta:active:not(:disabled){transform:scale(.97)}.als__cta:disabled,.als__cta[aria-disabled=true]{opacity:.35;cursor:not-allowed}.als__cta--success{background:var(--academy-course-success, #4caf50);min-width:140px}.als__drill-progress{display:flex;gap:.55rem;justify-content:center;align-items:center}.als__drill-note{font-size:clamp(1.2rem,3vw,1.6rem);line-height:1;color:var(--academy-course-progress-track, rgba(255, 255, 255, .18));transition:color .3s ease,transform .2s ease;display:inline-block}.als__drill-note--done{color:var(--academy-course-progress-complete, #e0a800)}.als__drill-note--active{color:var(--academy-course-progress-active, #f5c842);transform:scale(1.25)}.als__drill-prompt-text{flex:none;font-size:clamp(1.05rem,2.6vw,1.3rem);font-weight:700;color:var(--academy-course-heading, #f0f0f8);text-align:center;margin:0;text-wrap:balance}.als__staff-choice-wrap{background:var(--academy-course-surface, rgba(255, 255, 255, .04));border-radius:14px;padding:.5rem .75rem;display:inline-flex;justify-content:center;align-self:center}.als__choices{display:flex;flex-direction:column;align-items:center;gap:.5rem}.crs[data-stage=meet]{grid-template-columns:1fr;grid-template-areas:"main";background:transparent}.als--meet{max-width:none;justify-content:stretch;padding:0;position:relative}.meet{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.meet__crumb{flex:none;display:flex;justify-content:center;padding:clamp(.2rem,.7vh,.45rem) 0 0}.meet__crumb .csn--horizontal{width:auto;max-width:480px;position:relative}.meet__crumb .csn--horizontal:before{content:"";position:absolute;top:.575rem;left:13%;right:13%;height:2px;background:#fff3;z-index:0}.meet__crumb .csn__step{padding:0 .6rem;position:relative;z-index:1}.meet__crumb .csn__pip{width:1.15rem;height:1.15rem;font-size:.56rem;border-width:1.5px;background:#2a2150}.meet__crumb .csn__label{font-size:.6rem;margin-top:.12rem;color:#ffffffa8}.meet__crumb .csn__step--active .csn__label{color:var(--academy-course-accent, #f3c233)}.meet__grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1fr);gap:clamp(24px,3vw,64px);align-items:center;justify-content:center;width:100%;max-width:min(1320px,92vw);margin:0 auto;padding:clamp(12px,2vh,30px) clamp(20px,3vw,56px)}.meet__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:clamp(.85rem,2vh,1.6rem);min-width:0}.meet__label{font-size:clamp(.68rem,.95vw,.82rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--academy-course-accent, #f3c233);margin:0 0 .1rem}.meet__title{font-size:clamp(1.7rem,2.5vw,2.9rem);font-weight:800;line-height:1.06;text-align:left;margin:0;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.28)}@media(min-width:1024px){.meet__title{white-space:nowrap}}.meet__body{font-size:clamp(1.05rem,1.4vw,1.45rem);line-height:1.5;text-align:left;max-width:24em;color:#ffffffdb}.meet__body .ntr__para{text-align:left;text-wrap:pretty}.meet__action{min-height:60px;display:flex;align-items:center;margin-top:.3rem}.meet__cta{min-height:56px;gap:.5rem;font-size:clamp(1.05rem,1.4vw,1.35rem);padding:0 2.4rem;background:linear-gradient(180deg,#f8d268,#eaa93c);color:#3a2a10;box-shadow:0 12px 28px #e9a93a5c}.meet__cta-arrow{font-size:1.05em;line-height:1;transform:translateY(.5px)}.meet__scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;gap:.4rem;background:radial-gradient(56% 50% at 50% 42%,rgba(245,205,130,.16) 0%,transparent 70%)}.meet__scene>*{position:relative;z-index:1}.meet__demo{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.meet__connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.meet__connector-path{fill:none;stroke:var(--academy-course-accent, #f3c233);stroke-width:.7;stroke-linecap:round;stroke-dasharray:2 2.3;opacity:.75;filter:drop-shadow(0 0 3px rgba(243,194,51,.55))}.meet__connector-dot{fill:var(--academy-course-accent, #f3c233);opacity:.9}.meet__caption{margin:.2rem 0 0;font-size:clamp(.78rem,1vw,.96rem);font-style:italic;color:#fffc;text-align:center}.meet__caption-c{color:var(--academy-course-accent, #f3c233);font-weight:700;font-style:normal}@media(max-width:899px),(orientation:portrait){.meet__grid{grid-template-columns:1fr;gap:clamp(.6rem,2vh,1.4rem);align-content:center;padding:clamp(12px,2vh,28px) clamp(18px,5vw,40px)}.meet__text{align-items:center;text-align:center;order:1}.meet__scene{order:2}.meet__title,.meet__body{text-align:center}.meet__body{max-width:54ch}.meet__body .ntr__para{text-align:center}.meet__action{justify-content:center;width:100%}}.cmts{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100%;padding:var(--space-4, 1rem) var(--space-6, 1.5rem);box-sizing:border-box;gap:var(--space-4, 1rem)}.cmts__screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;gap:var(--space-4, 1rem)}.cmts__title{font-size:var(--font-xl, 1.5rem);font-weight:700;color:var(--c-text, #1a1a2e);text-align:center;margin:0}.cmts__body{display:flex;flex-direction:column;gap:var(--space-2, .5rem);width:100%;max-width:560px}.cmts__line{font-size:var(--font-base, 1rem);color:var(--c-text, #1a1a2e);text-align:center;margin:0;line-height:1.5}.cmts__keyboard{display:flex;position:relative;height:100px;gap:3px;margin:var(--space-2, .5rem) auto;user-select:none}.cmts__key{position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;border-radius:0 0 6px 6px;border:1.5px solid var(--c-border, #ccc);cursor:pointer;transition:background-color .15s ease,transform .08s ease;box-sizing:border-box;min-width:44px}.cmts__key--white{width:48px;height:100px;background:var(--c-surface, #fff);z-index:1}.cmts__key--white:active{transform:translateY(2px);background:var(--c-surface-alt, #f0f0f0)}.cmts__key--display{cursor:default;pointer-events:none}.cmts__key--interactive{cursor:pointer}.cmts__key--glow-e{background:var(--c-accent, #9f7aea)!important;color:#fff;border-color:var(--c-accent-dark, #6b46c1);box-shadow:0 0 12px var(--c-accent, #9f7aea)}.cmts__key--glow-c{background:var(--c-success, #48bb78)!important;color:#fff;border-color:var(--c-success-dark, #276749)}.cmts__key--dim{opacity:.35}.cmts__key--pressed{transform:translateY(2px)}.cmts__key-label{font-size:.7rem;font-weight:600;color:inherit;pointer-events:none}.cmts__count-path{display:flex;align-items:center;justify-content:center;gap:var(--space-3, .75rem);margin:var(--space-2, .5rem) 0}.cmts__count-step{display:flex;flex-direction:column;align-items:center;gap:4px}.cmts__count-num{font-size:.75rem;color:var(--c-text-muted, #6b7280);font-weight:500}.cmts__count-note{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--c-border, #ccc);font-size:1.1rem;font-weight:700;background:var(--c-surface, #fff);color:var(--c-text, #1a1a2e)}.cmts__count-note--e{background:var(--c-accent, #9f7aea);border-color:var(--c-accent-dark, #6b46c1);color:#fff;box-shadow:0 0 10px var(--c-accent, #9f7aea)}.cmts__count-note--d{opacity:.5}.cmts__count-arrow{font-size:1.1rem;color:var(--c-text-muted, #6b7280);padding:0 2px;margin-top:1.25rem}.cmts__choices{display:flex;gap:var(--space-3, .75rem);justify-content:center;flex-wrap:wrap;margin-top:var(--space-2, .5rem)}.cmts__choice-btn{min-width:72px;min-height:56px;padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);border:2px solid var(--c-border, #ccc);background:var(--c-surface, #fff);color:var(--c-text, #1a1a2e);font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .08s ease}.cmts__choice-btn:hover:not(:disabled){background:var(--c-surface-alt, #f5f5f5)}.cmts__choice-btn:active:not(:disabled){transform:scale(.97)}.cmts__choice-btn--correct{background:var(--c-success, #48bb78);border-color:var(--c-success-dark, #276749);color:#fff}.cmts__choice-btn--wrong{background:var(--c-error, #fc8181);border-color:var(--c-error-dark, #c53030);color:#fff}.cmts__choice-btn:disabled{cursor:default;opacity:.6}.cmts__hear-buttons{display:flex;gap:var(--space-3, .75rem);justify-content:center;flex-wrap:wrap;margin:var(--space-2, .5rem) 0}.cmts__hear-btn{min-width:100px;min-height:56px;padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);border:2px solid var(--c-border, #ccc);background:var(--c-surface, #fff);color:var(--c-text, #1a1a2e);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .08s ease}.cmts__hear-btn:hover:not(:disabled){background:var(--c-surface-alt, #f5f5f5)}.cmts__hear-btn:active:not(:disabled){transform:scale(.97)}.cmts__hear-btn--active{background:var(--c-accent-light, #e9d8fd);border-color:var(--c-accent, #9f7aea)}.cmts__staff{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:var(--space-2, .5rem) auto}.cmts__staff-svg{width:100%;height:auto;overflow:visible}.cmts__staff-note{cursor:pointer;transition:opacity .15s}.cmts__staff-note:hover circle{fill-opacity:.85}.cmts__staff-note--correct circle{fill:var(--c-success, #48bb78)}.cmts__staff-note--wrong circle{fill:var(--c-error, #fc8181)}.cmts__prompt{font-size:var(--font-base, 1rem);font-weight:600;color:var(--c-text, #1a1a2e);text-align:center;margin:var(--space-2, .5rem) 0 0}.cmts__feedback{font-size:var(--font-sm, .875rem);text-align:center;min-height:1.4em;font-weight:500;transition:color .2s}.cmts__feedback--correct{color:var(--c-success-dark, #276749)}.cmts__feedback--wrong{color:var(--c-error-dark, #c53030)}.cmts__cta{min-width:180px;min-height:52px;padding:var(--space-3, .75rem) var(--space-6, 1.5rem);border-radius:var(--radius-lg, 12px);border:none;background:var(--c-accent, #9f7aea);color:#fff;font-size:var(--font-base, 1rem);font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .08s ease,opacity .2s;margin-top:var(--space-3, .75rem)}.cmts__cta:hover:not(:disabled){background:var(--c-accent-dark, #6b46c1)}.cmts__cta:active:not(:disabled){transform:scale(.97)}.cmts__cta:disabled{opacity:.45;cursor:default}.cmts__note-pair{display:flex;gap:var(--space-4, 1rem);justify-content:center;align-items:center;margin:var(--space-3, .75rem) 0}.cmts__note-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);border:2px solid var(--c-border, #ccc);background:var(--c-surface, #fff);min-width:80px}.cmts__note-card--c{border-color:var(--c-success, #48bb78);background:var(--c-success-light, #f0fff4)}.cmts__note-card--e{border-color:var(--c-accent, #9f7aea);background:var(--c-accent-light, #faf5ff)}.cmts__note-card--locked{opacity:.35;border-style:dashed}.cmts__note-card-name{font-size:1.5rem;font-weight:800;color:var(--c-text, #1a1a2e)}.cmts__note-card-label{font-size:.7rem;color:var(--c-text-muted, #6b7280);text-align:center}.cmts__step-dots{display:flex;gap:var(--space-2, .5rem);justify-content:center;margin-bottom:var(--space-2, .5rem)}.cmts__step-dot{width:10px;height:10px;border-radius:50%;background:var(--c-border, #ccc);transition:background-color .25s}.cmts__step-dot--done{background:var(--c-success, #48bb78)}.cmts__step-dot--active{background:var(--c-accent, #9f7aea);box-shadow:0 0 6px var(--c-accent, #9f7aea)}@media(max-width:768px){.cmts__key--white{width:40px;height:88px}.cmts__keyboard{height:88px}}@media(max-width:390px){.cmts__key--white{width:34px;height:76px}.cmts__keyboard{height:76px}.cmts__choices,.cmts__hear-buttons{gap:var(--space-2, .5rem)}}@media(min-width:1440px){.cmts__title{font-size:var(--font-2xl, 1.75rem)}}.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);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)}.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}.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)}@media(prefers-reduced-motion:reduce){.cr-dot--active{box-shadow:none}}.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,.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}}.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%}.oriental-shell{padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-8)}.oriental-shell__hero{display:flex;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,#c4903a1f,#7c4dbc14);border:1px solid var(--c-primary);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8)}.oriental-shell__crest{font-size:64px;line-height:1;filter:drop-shadow(0 0 12px rgba(196,144,58,.4));flex-shrink:0}.oriental-shell__hero-text{display:flex;flex-direction:column;gap:var(--space-2)}.oriental-shell__title-group{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.oriental-shell__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:.04em}.oriental-shell__title-ar{font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Traditional Arabic,serif;font-size:var(--font-xl);font-weight:500;color:var(--c-primary);opacity:.8;line-height:1.4}.oriental-shell__subtitle{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;letter-spacing:.1em;text-transform:uppercase}.or-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.or-pack-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;min-height:120px;-webkit-tap-highlight-color:transparent}.or-pack-card:hover,.or-pack-card:focus-visible{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-dim);transform:translateY(-3px);outline:none}.or-pack-card:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.or-pack-card:active{transform:translateY(-1px)}.or-pack-card--maqam-library{border-style:dashed;border-color:var(--c-primary);background:var(--c-primary-dim)}.or-pack-card--maqam-library:hover,.or-pack-card--maqam-library:focus-visible{background:#c9962a29;box-shadow:0 0 0 2px var(--c-primary-dim)}.or-pack-card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.or-pack-card__name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;line-height:1.3}.or-pack-card__desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;line-height:var(--leading-relaxed);flex:1}.or-ml-card__icon-row{color:var(--c-primary);margin-bottom:var(--space-1)}.or-ml-card__badges{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.or-ml-card__badge{font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);padding:2px var(--space-2);letter-spacing:.02em;border:1px solid var(--c-primary);background:var(--c-primary-dim);color:var(--c-primary)}@media(max-width:1023px)and (min-width:769px){.or-packs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.or-packs-grid{grid-template-columns:1fr}}.or-learning-path{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-4) 0}.or-lp-step-wrap{display:flex;align-items:center;gap:var(--space-2)}.or-lp-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-4);min-height:56px;min-width:72px;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.or-lp-step:hover:not(:disabled){border-color:var(--c-primary);background:var(--c-primary-dim);box-shadow:0 0 0 2px var(--c-primary-dim)}.or-lp-step:disabled{opacity:.45;cursor:default}.or-lp-step__root{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-primary);line-height:1}.or-lp-step__arabic{font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Traditional Arabic,serif;font-size:16px;font-weight:500;color:var(--c-text);line-height:1.4;direction:rtl}.or-lp-arrow{font-size:var(--font-lg);color:var(--c-text-muted);flex-shrink:0;opacity:.6;user-select:none}@media(max-width:768px){.or-learning-path{gap:var(--space-1)}.or-lp-step{min-width:60px;padding:var(--space-2) var(--space-3)}}.oriental-section{display:flex;flex-direction:column;gap:var(--space-4)}.oriental-section__header{display:flex;align-items:center;gap:var(--space-3)}.oriental-section__heading{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.oriental-section__badge{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);padding:2px var(--space-2);letter-spacing:.05em}.oriental-section__desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;max-width:600px;line-height:var(--leading-relaxed)}.oriental-maqam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);align-items:start}.oriental-tabs{display:flex;gap:var(--space-2);padding-bottom:var(--space-2)}.oriental-tab{display:flex;align-items:center;justify-content:center;padding:12px 28px;min-height:48px;border:2px solid var(--or-gold, var(--c-primary));border-radius:var(--radius-md);background:transparent;color:var(--or-gold, var(--c-primary));cursor:pointer;font-size:var(--font-base);font-weight:600;transition:color .15s,background .15s,border-color .15s}.oriental-tab:hover{border-color:var(--or-gold, var(--c-primary));background:var(--c-primary-dim)}.oriental-tab--active{border-color:var(--or-gold, var(--c-primary));background:var(--or-gold, var(--c-primary));color:var(--or-bg, #080C14);font-weight:600}.oriental-tab__label{font-size:var(--font-base)}.oriental-tab__label-ar{display:none}.oriental-search{position:relative;max-width:360px}.oriental-search__input{width:100%;padding:var(--space-2) var(--space-4);padding-right:var(--space-8);border:1px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm);min-height:44px;box-sizing:border-box}.oriental-search__input:focus{outline:2px solid var(--c-primary);outline-offset:2px}.oriental-search__clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-text-muted);cursor:pointer;font-size:var(--font-sm);min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.maqam-group{border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.maqam-group__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-surface-2);border:none;width:100%;cursor:pointer;text-align:left;min-height:44px;color:var(--c-text)}.maqam-group__header:hover{background:var(--c-surface-3, var(--c-surface-2))}.maqam-group__name{flex:1;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text)}.maqam-group__count{font-size:var(--font-xs);color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);padding:1px var(--space-2)}.maqam-group__chevron{font-size:var(--font-xs);color:var(--c-text-muted)}.maqam-group__content{overflow:hidden;padding:var(--space-4);background:var(--c-surface)}.oriental-section__count{font-size:var(--font-xs);color:var(--c-text-muted)}.oriental-loading{padding:var(--space-6);text-align:center;color:var(--c-text-muted);font-size:var(--font-sm)}.maqam-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;text-align:left;width:100%;transition:border-color .15s,box-shadow .15s,background .15s}.maqam-card:hover{border-color:var(--c-primary);border-left:2px solid var(--c-primary);background:var(--c-primary-dim);box-shadow:0 0 0 1px var(--c-primary-dim)}.maqam-card--selected{border-color:var(--c-primary);background:var(--c-primary-dim);box-shadow:0 0 0 2px var(--c-primary)}.maqam-card__arabic{text-align:center;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Traditional Arabic,serif;font-size:var(--font-lg);line-height:1.5;color:var(--c-primary);margin:0;font-weight:700;direction:rtl;text-align:right;width:100%;text-align:center!important}.maqam-card__name{text-align:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);margin:0}.maqam-card__desc{text-align:left;font-size:var(--font-xs);color:var(--c-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.maqam-overlay{position:fixed;inset:0;z-index:400;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.maqam-overlay__panel{width:min(680px,100%);max-height:80vh;overflow-y:auto;background:var(--c-surface-2);border:1px solid var(--c-primary);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:0 0 0 4px var(--c-primary-dim),0 8px 32px #0009}.maqam-detail__header{display:flex;align-items:center;gap:var(--space-3)}.maqam-detail__title-block{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;min-width:0}.maqam-detail__header-spacer{flex:1}.maqam-detail__root-badge{width:52px;height:52px;border-radius:50%;background:var(--c-primary-dim);border:2px solid var(--c-primary);color:var(--c-primary);font-size:var(--font-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.maqam-detail__names{display:flex;flex-direction:column;gap:2px;min-width:0}.maqam-detail__name{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0;line-height:1.2}.maqam-detail__arabic{font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Traditional Arabic,serif;font-size:20px;font-weight:500;color:var(--c-primary);line-height:1.5;direction:rtl}.maqam-detail__play-btn{min-width:100px;width:auto;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-4);background:var(--c-primary);border:none;border-radius:var(--radius-full);color:var(--or-bg, #080C14);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity .15s;white-space:nowrap}.maqam-detail__play-btn:hover:not(:disabled){opacity:.88}.maqam-detail__play-btn--playing{box-shadow:0 0 0 3px var(--c-primary-dim)}.maqam-detail__play-btn:disabled{opacity:.4;cursor:not-allowed}.maqam-detail__close{background:var(--c-surface-3, var(--c-surface-2));border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-muted);cursor:pointer;font-size:var(--font-base);width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,border-color .15s}.maqam-detail__close:hover{color:var(--c-text);border-color:var(--c-primary)}.maqam-detail__character{font-size:var(--font-base);color:var(--c-text);font-style:italic;margin:0;line-height:var(--leading-relaxed);padding:var(--space-3) var(--space-4);background:var(--c-primary-dim);border-left:3px solid var(--c-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.maqam-detail__chars{display:flex;gap:var(--space-3);flex-wrap:wrap}.maqam-detail__char{display:flex;flex-direction:column;gap:2px;background:var(--c-surface-3, var(--c-surface));border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);min-width:80px}.maqam-detail__char-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.maqam-detail__char-value{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-primary)}.maqam-detail__notes{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;line-height:var(--leading-relaxed)}.maqam-detail__mods{display:flex;flex-direction:column;gap:var(--space-2)}.maqam-detail__mods-heading{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);margin:0;text-transform:uppercase;letter-spacing:.05em}.maqam-detail__mod-list{display:flex;flex-direction:column;gap:var(--space-1)}.maqam-detail__mod-item{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--font-sm)}.maqam-detail__mod-target{color:var(--c-primary);font-weight:var(--font-weight-semibold);flex-shrink:0;min-width:80px}.maqam-detail__mod-desc{color:var(--c-text-muted)}.maqam-detail__packs{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--c-border)}.maqam-detail__pack-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);min-height:72px;background:var(--c-surface-3, var(--c-surface));border:1px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.maqam-detail__pack-btn:hover{border-color:var(--c-primary);background:var(--c-primary-dim);transform:translateY(-2px)}.maqam-detail__pack-btn:active{transform:translateY(0)}.maqam-detail__pack-btn--primary{grid-column:span 3;flex-direction:row;justify-content:center;gap:var(--space-3);min-height:56px;background:var(--c-primary-dim);border-color:var(--c-primary);border-width:2px;order:-1}.maqam-detail__pack-btn--primary:hover{background:#c4903a40;transform:translateY(-2px)}.maqam-detail__pack-icon{font-size:22px;line-height:1}.maqam-detail__pack-label{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--c-text);text-align:center;line-height:1.2}.maqam-detail__pack-btn--primary .maqam-detail__pack-icon{font-size:24px}.maqam-detail__pack-btn--primary .maqam-detail__pack-label{font-size:15px;font-weight:var(--font-weight-bold);color:var(--c-primary)}.maqam-detail__audio-loading{font-size:var(--font-xs);color:var(--c-text-muted);text-align:center;padding:var(--space-1) var(--space-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);animation:pulse 1.4s ease-in-out infinite;align-self:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media(max-width:768px){.maqam-overlay__panel{padding:var(--space-4)}.maqam-detail__packs{grid-template-columns:repeat(2,1fr)}.maqam-detail__pack-btn--primary{grid-column:span 2}}@media(max-width:390px){.maqam-overlay{align-items:flex-end;padding:0}.maqam-overlay__panel{width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;padding:var(--space-4)}.maqam-detail__packs{grid-template-columns:1fr 1fr}.maqam-detail__pack-btn--primary{grid-column:span 2}}.oriental-empty{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;align-items:center;gap:var(--space-4);color:var(--c-text-muted);font-size:var(--font-sm);opacity:.6}.oriental-empty span{font-size:28px;flex-shrink:0}.oriental-empty p{margin:0}@media(max-width:768px){.oriental-shell{padding:var(--space-4)}.oriental-shell__hero{flex-direction:column;text-align:center;padding:var(--space-6)}.oriental-shell__title-group{justify-content:center}.oriental-maqam-grid{grid-template-columns:1fr}}@media(max-width:390px){.oriental-shell{padding:var(--space-3)}}[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;background-color:var(--or-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23C9962A' stroke-width='0.3' opacity='0.08'%3E%3Cpolygon points='40,4 52,28 76,28 56,44 64,68 40,54 16,68 24,44 4,28 28,28'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3C/g%3E%3C/svg%3E")}.app-shell__main:has(.oriental-shell){scrollbar-width:thin;scrollbar-color:#2A3A5A transparent}.app-shell__main:has(.oriental-shell)::-webkit-scrollbar{width:6px}.app-shell__main:has(.oriental-shell)::-webkit-scrollbar-track{background:transparent}.app-shell__main:has(.oriental-shell)::-webkit-scrollbar-thumb{background:#2a3a5a;border-radius:3px}.app-shell__main:has(.oriental-shell)::-webkit-scrollbar-thumb:hover{background:#c9962a66}.maqam-overlay__panel{scrollbar-width:thin;scrollbar-color:var(--or-border, #2A3A5A) transparent}.maqam-overlay__panel::-webkit-scrollbar{width:6px}.maqam-overlay__panel::-webkit-scrollbar-track{background:transparent}.maqam-overlay__panel::-webkit-scrollbar-thumb{background:var(--or-border, #2A3A5A);border-radius:3px}.maqam-overlay__panel::-webkit-scrollbar-thumb:hover{background:#c9962a66}.recital-mode{position:fixed;inset:0;z-index:var(--z-modal);background:var(--c-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-6);box-sizing:border-box}.recital-tips{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:540px;width:100%;text-align:center}.recital-tips__pre{font-size:var(--font-sm);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em}.recital-tips__title{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--c-primary);margin:0}.recital-tips__list{display:flex;flex-direction:column;gap:var(--space-3);width:100%;text-align:left}.recital-tip{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-surface-2);border-radius:var(--radius-lg);border-left:3px solid var(--c-border);transition:border-color var(--transition-base)}.recital-tip--active{border-left-color:var(--c-primary)}.recital-tip__num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:var(--radius-full);background:var(--c-primary-dim);color:var(--c-primary);font-size:var(--font-sm);font-weight:var(--font-weight-bold)}.recital-tip__text{font-size:var(--font-base);color:var(--c-text);line-height:var(--leading-normal)}.recital-performing{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);max-width:540px;width:100%;text-align:center}.recital-performing__header{display:flex;flex-direction:column;gap:var(--space-2)}.recital-performing__label{font-size:var(--font-sm);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em}.recital-performing__piece{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.recital-performing__stage{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--space-6);background:var(--c-surface-2);border-radius:var(--radius-xl);border:1px solid var(--c-border);width:100%}.recital-performing__hint{font-size:var(--font-lg);color:var(--c-text-muted)}.recital-performing__hint--sub{font-size:var(--font-sm)}.recital-done{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.recital-done__icon{font-size:72px;line-height:1}.recital-done__title{font-size:var(--font-4xl);font-weight:var(--font-weight-bold);color:var(--c-primary);margin:0}.recital-done__sub{font-size:var(--font-lg);color:var(--c-text-muted)}.recital-done__xp{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--c-success)}.recital-btn{padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-full);font-size:var(--font-lg);font-weight:var(--font-weight-bold);cursor:pointer;min-height:56px;min-width:200px;transition:opacity var(--transition-base)}.recital-btn:hover{opacity:.88}.recital-btn--primary{background:var(--c-primary);color:#fff}.recital-btn--ghost{background:transparent;color:var(--c-text-muted);border:2px solid var(--c-border)}.recital-btn--complete{background:var(--c-success);color:#fff;font-size:var(--font-xl);padding:var(--space-5) var(--space-10)}@media(max-width:390px){.recital-performing__piece{font-size:var(--font-2xl)}.recital-btn{min-width:160px;font-size:var(--font-base)}}.dojo-shell{padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-6)}.dojo-filter-bar{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.dojo-filter-bar::-webkit-scrollbar{display:none}.dojo-filter-tab{background:var(--c-surface);border:1px 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);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;flex-shrink:0}.dojo-filter-tab:hover{background:var(--c-surface-2);color:var(--c-text)}.dojo-filter-tab--active{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.dojo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-12)}.dojo-empty__icon{font-size:48px;opacity:.4}.dojo-empty__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.dojo-empty__sub{font-size:var(--font-base);color:var(--c-text-muted);margin:0;max-width:340px}.dojo-realms{display:flex;flex-direction:column;gap:var(--space-8)}.realm-group__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.realm-group__icon{font-size:22px}.realm-group__label{font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:.02em}.realm-group__count{font-size:var(--font-sm);color:var(--c-text-muted);margin-left:var(--space-2)}.realm-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.realm-group__empty{display:flex;align-items:center;gap:var(--space-3);background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--c-text-muted);font-size:var(--font-sm);opacity:.6}.realm-group__empty p{margin:0}.pack-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4);cursor:pointer;transition:border-color var(--transition-base)}.pack-card:hover{border-color:var(--c-primary)}.pack-card__ring{flex-shrink:0}.pack-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.pack-card__name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;line-height:var(--leading-tight)}.pack-card__tagline{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--leading-snug, 1.35);min-height:calc(2 * var(--font-sm) * 1.35)}.pack-card__meta{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}@media(max-width:768px){.dojo-shell{padding:var(--space-4)}.realm-group__grid{grid-template-columns:1fr}}@media(max-width:390px){.dojo-shell{padding:var(--space-3)}}.pack-card--or:hover{border-color:var(--or-gold, #C9962A)}.pack-card--maqam-library{border-style:dashed;border-color:color-mix(in srgb,var(--or-gold, #C9962A) 55%,transparent)}.pack-card--maqam-library:hover{border-color:var(--or-gold, #C9962A)}.realm-hub-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);min-height:80px;background:var(--c-surface);border:1.5px solid var(--c-primary);border-radius:var(--radius-xl);cursor:pointer;transition:background .15s,box-shadow .15s;width:100%;text-align:left}.realm-hub-card:hover{background:var(--c-primary-dim);box-shadow:0 0 0 2px var(--c-primary-dim)}.realm-hub-card__icon{font-size:32px;line-height:1;flex-shrink:0}.realm-hub-card__text{flex:1;min-width:0}.realm-hub-card__label{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-primary);margin:0}.realm-hub-card__desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:2px 0 0}.realm-hub-card__arrow{font-size:var(--font-xl);color:var(--c-primary);opacity:.7;flex-shrink:0}.recital-countdown-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--c-primary) 15%,var(--c-surface-2));border:1px solid var(--c-primary);border-radius:var(--radius-lg);flex-wrap:wrap}.rcb__icon{font-size:var(--font-2xl);line-height:1}.rcb__text{flex:1;min-width:0}.rcb__title{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-primary);margin:0}.rcb__sub{font-size:var(--font-sm);color:var(--c-text-muted);margin:2px 0 0}.rcb__btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--c-primary);color:#fff;font-size:var(--font-sm);font-weight:var(--font-weight-bold);cursor:pointer;min-height:44px;transition:opacity var(--transition-fast)}.rcb__btn:hover{opacity:.88}.quest-shell{padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-8)}.quest-section{display:flex;flex-direction:column;gap:var(--space-4)}.quest-section__heading{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.quest-exercises{display:flex;flex-direction:column;gap:var(--space-3)}.exercise-card{display:flex;align-items:center;gap:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.exercise-card__icon{font-size:28px;flex-shrink:0}.exercise-card__body{flex:1;min-width:0}.exercise-card__title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.exercise-card__meta{font-size:var(--font-sm);color:var(--c-text-muted);margin:var(--space-1) 0 0}.exercise-card__btn{background:var(--c-primary);border:none;border-radius:50%;color:var(--c-bg);cursor:pointer;width:40px;height:40px;font-size:var(--font-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.exercise-card__btn:hover{opacity:.88;transform:scale(1.06)}.quest-timer-row{display:flex;align-items:center;gap:var(--space-6);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-6)}.session-timer{display:flex;align-items:center;gap:var(--space-5)}.session-timer__info{display:flex;flex-direction:column;gap:var(--space-1)}.session-timer__label{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.session-timer__goal{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.session-timer__status{font-size:var(--font-sm);color:var(--c-primary);font-weight:var(--font-weight-medium);margin:0}.quest-timer__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-6);transition:background var(--transition-fast),transform var(--transition-fast);margin-left:auto}.quest-timer__btn--pause{background:var(--c-surface-3);color:var(--c-text);border:1px solid var(--c-border)}.quest-timer__btn:hover{opacity:.88}.quest-mini-games{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.mini-game-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--transition-base)}.mini-game-card:hover{border-color:var(--c-primary)}.mini-game-card__icon{font-size:32px}.mini-game-card__label{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.mini-game-card__desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}@media(max-width:768px){.quest-shell{padding:var(--space-4)}.quest-mini-games{grid-template-columns:1fr}.quest-timer-row{flex-direction:column;align-items:flex-start}.quest-timer__btn{margin-left:0;width:100%}}@media(max-width:390px){.quest-shell{padding:var(--space-3)}}.academy-shell{padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-8)}.academy-toolbar{display:flex;flex-direction:column;gap:var(--space-3)}.academy-filter-group{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.academy-filter-group::-webkit-scrollbar{display:none}.academy-filter-tab{background:var(--c-surface);border:1px 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);min-height:36px;padding:var(--space-1) var(--space-4);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;flex-shrink:0}.academy-filter-tab:hover{background:var(--c-surface-2);color:var(--c-text)}.academy-filter-tab--active{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.academy-section{display:flex;flex-direction:column;gap:var(--space-4)}.academy-section__heading{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.academy-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.create-course-card{background:var(--c-surface);border:1px solid var(--c-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.create-course-card__header{display:flex;align-items:center;gap:var(--space-3)}.create-course-card__icon{font-size:28px}.create-course-card__title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.create-course-card__sub{font-size:var(--font-sm);color:var(--c-text-muted);margin:var(--space-1) 0 0}.create-course-card__form{display:flex;gap:var(--space-2)}.create-course-card__input{flex:1;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-sm);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);outline:none;transition:border-color var(--transition-fast)}.create-course-card__input:focus{border-color:var(--c-primary)}.create-course-card__input::placeholder{color:var(--c-text-dim)}.create-course-card__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-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:0 var(--space-4);transition:opacity var(--transition-fast);white-space:nowrap}.create-course-card__btn:disabled{opacity:.45;cursor:not-allowed}.create-course-card__btn:not(:disabled):hover{opacity:.88}.course-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.course-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.course-card__title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text)}.course-card__remove{background:none;border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-muted);cursor:pointer;font-size:var(--font-sm);min-height:var(--touch-min);min-width:var(--touch-min);flex-shrink:0;transition:border-color var(--transition-fast),color var(--transition-fast)}.course-card__remove:hover{border-color:var(--c-error);color:var(--c-error)}.course-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--c-text-muted)}.course-card__badge{background:var(--c-primary-dim);color:var(--c-primary);border-radius:var(--radius-full);padding:2px var(--space-2);text-transform:capitalize;font-weight:var(--font-weight-semibold)}.course-card__genre{text-transform:capitalize}.course-card__prereq{margin:0;font-size:var(--font-xs);color:var(--c-text-muted)}.course-card__count{margin-left:auto}.course-card__progress{display:flex;flex-direction:column;gap:var(--space-1)}.course-card__pct{font-size:var(--font-xs);color:var(--c-text-muted)}.course-card__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-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:0 var(--space-4);transition:opacity var(--transition-fast)}.course-card__start:hover{opacity:.88}.academy-empty-slot{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;color:var(--c-text-muted);font-size:var(--font-sm);opacity:.7;min-height:120px}.academy-empty-slot span{font-size:28px}.academy-empty-slot p{margin:0}.proto-card{background:var(--c-surface);border:1px dashed var(--c-text-muted);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.proto-card__top{display:flex;align-items:center;gap:var(--space-2)}.proto-card__badge{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-text-muted);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);text-transform:uppercase;letter-spacing:.04em}.proto-card__title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text)}.proto-card__sub{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.proto-card__btn{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:0 var(--space-4);transition:border-color var(--transition-fast),background var(--transition-fast);align-self:flex-start}.proto-card__btn:hover{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary)}@media(max-width:768px){.academy-shell{padding:var(--space-4)}.academy-course-grid{grid-template-columns:1fr}}.awards-shell{--aw-radius: var(--radius-lg);--aw-tier-spark: var(--c-text-muted);--aw-tier-shuriken: #4a90d9;--aw-tier-scroll: #6c7ae0;--aw-tier-katana: #9b59b6;--aw-tier-dragon: #c0892a;--aw-tier-legend: #e74c3c;--aw-rarity-rare: #4a90d9;--aw-rarity-epic: #9b59b6;--aw-rarity-legendary: #c0892a;padding:var(--space-5) var(--space-6) var(--space-8);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-6);max-width:900px;margin:0 auto}.awards-shell[data-tone=playful]{--aw-radius: var(--radius-xl)}.awards-shell[data-tone=balanced]{--aw-radius: var(--radius-lg)}.awards-shell[data-tone=energetic]{--aw-radius: var(--radius-md)}.awards-shell[data-tone=serious]{--aw-radius: var(--radius-sm)}.aw-hero{display:flex;align-items:center;gap:var(--space-8);background:radial-gradient(120% 140% at 0% 0%,var(--c-primary-dim) 0%,transparent 55%),var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-primary);border-radius:var(--aw-radius);padding:var(--space-6) var(--space-8);width:100%;box-sizing:border-box;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.aw-hero:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff0f;pointer-events:none}.awards-shell[data-tone=serious] .aw-hero{border-left:none;border-top:3px solid var(--c-primary)}.aw-hero__ring-col{flex-shrink:0}.aw-hero__info{flex:1;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.aw-hero__top-row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.aw-hero__name{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0;line-height:1}.awards-shell[data-tone=playful] .aw-hero__name{font-size:var(--font-3xl)}.aw-hero__rank{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--c-primary);background:var(--c-primary-dim);padding:3px var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(var(--c-primary-rgb, 196,144,58),.35);white-space:nowrap;letter-spacing:.02em}.aw-hero__metrics{display:flex;gap:var(--space-3);flex-wrap:wrap}.aw-hero__metric{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--c-surface-2, var(--c-border));border:1px solid var(--c-border);min-height:44px;box-sizing:border-box}.aw-hero__metric--coins{background:var(--c-primary-dim);border-color:rgba(var(--c-primary-rgb, 196,144,58),.35)}.aw-hero__metric-icon{font-size:18px;align-self:center}.aw-hero__metric-val{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);line-height:1}.aw-hero__metric--coins .aw-hero__metric-val{color:var(--c-warning)}.aw-hero__metric-unit{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.aw-hero__progress-track{height:8px;background:var(--c-border);border-radius:var(--radius-full);overflow:hidden;width:100%}.aw-hero__progress-fill{height:100%;background:var(--c-primary);border-radius:var(--radius-full);min-width:4px}.aw-hero__xp-next{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.aw-hero__status-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.aw-hero__daily{font-size:var(--font-xs);color:var(--c-text-muted);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--c-surface-2, var(--c-border))}.aw-hero__daily--active{color:var(--c-success);background:#00000014}.aw-hero__streak{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-warning)}.aw-hero__next-reward{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--c-text-muted);padding-top:var(--space-2);border-top:1px solid var(--c-border);flex-wrap:wrap}.aw-hero__next-label{font-weight:var(--font-weight-semibold);color:var(--c-primary)}.aw-victories{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--aw-radius);padding:var(--space-5) var(--space-6)}.aw-victories__heading{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0 0 var(--space-4)}.aw-victories__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);background:radial-gradient(90% 120% at 50% 0%,var(--c-primary-dim) 0%,transparent 60%),var(--c-surface-2, var(--c-border));border:1px dashed rgba(var(--c-primary-rgb, 196,144,58),.4);border-radius:var(--radius-md)}.aw-victories__empty-icon{font-size:32px;line-height:1}.aw-victories__empty-title{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.aw-victories__empty-sub{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;max-width:46ch}.aw-victories__list{display:flex;flex-direction:column;gap:var(--space-2)}.aw-victories__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-surface-2, var(--c-border));border-left:3px solid var(--c-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.aw-victories__icon{font-size:20px;flex-shrink:0}.aw-victories__text{font-size:var(--font-sm);color:var(--c-text)}.aw-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid var(--c-border)}.aw-tabs::-webkit-scrollbar{display:none}.aw-tab-btn{flex-shrink:0;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:var(--space-3) var(--space-4);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base);min-height:44px;white-space:nowrap}.aw-tab-btn:hover{color:var(--c-text)}.aw-tab-btn--active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:var(--font-weight-semibold)}.aw-tab-content{flex:1}.aw-overview{display:flex;flex-direction:column;gap:var(--space-7);padding-top:var(--space-4)}.aw-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.aw-quick-stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--aw-radius);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.aw-quick-stat__icon{font-size:26px}.aw-quick-stat__value{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0;line-height:1}.aw-quick-stat__label{font-size:var(--font-xs);color:var(--c-text-muted);margin:0;font-weight:var(--font-weight-medium)}.aw-overview__section{display:flex;flex-direction:column;gap:var(--space-3)}.aw-overview__subheading{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-overview__empty{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-badge-mini-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.aw-badge-mini{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--c-primary-dim);border:1px solid var(--c-primary);border-radius:var(--aw-radius);cursor:pointer;min-width:72px;min-height:44px;text-align:center;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.aw-badge-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.aw-badge-mini__icon{font-size:26px;line-height:1}.aw-badge-mini__label{font-size:10px;color:var(--c-text-muted);margin:0;font-weight:var(--font-weight-medium);line-height:var(--leading-tight);max-width:72px}.aw-milestone{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-primary);border-radius:var(--aw-radius)}.awards-shell[data-tone=serious] .aw-milestone{border-left:none;border-bottom:3px solid var(--c-primary)}.aw-milestone__icon{font-size:40px;flex-shrink:0}.aw-milestone__info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.aw-milestone__name{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.aw-milestone__desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-milestone__rewards{display:flex;gap:var(--space-3);align-items:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-primary);flex-wrap:wrap;margin-top:var(--space-2)}.aw-milestone__complete{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;padding:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--aw-radius)}.aw-rarity-tag{font-size:var(--font-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.aw-rarity--spark{color:var(--aw-tier-spark)}.aw-rarity--shuriken{color:var(--aw-tier-shuriken)}.aw-rarity--scroll{color:var(--aw-tier-scroll)}.aw-rarity--katana{color:var(--aw-tier-katana)}.aw-rarity--dragon{color:var(--aw-tier-dragon)}.aw-rarity--legend{color:var(--aw-tier-legend)}.aw-rarity--common{color:var(--c-text-muted)}.aw-rarity--rare{color:var(--aw-rarity-rare)}.aw-rarity--epic{color:var(--aw-rarity-epic)}.aw-rarity--legendary{color:var(--aw-rarity-legendary)}.aw-badges{display:flex;flex-direction:column;gap:var(--space-7);padding-top:var(--space-4)}.aw-chain{display:flex;flex-direction:column;gap:var(--space-3)}.aw-chain__heading{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-chain__track{display:flex;align-items:flex-start;overflow-x:auto;padding:var(--space-2) 0 var(--space-3);scrollbar-width:none;gap:0}.aw-chain__track::-webkit-scrollbar{display:none}.aw-chain__node-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;flex-shrink:0;width:80px}.aw-chain__line{position:absolute;top:22px;left:-40px;width:80px;height:2px;background:var(--c-border);z-index:0}.aw-chain__line--earned{background:var(--c-primary)}.aw-chain__node{width:44px;height:44px;border-radius:50%;border:2px solid var(--c-border);background:var(--c-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1;transition:transform var(--transition-fast)}.aw-chain__node:hover{transform:scale(1.12)}.aw-chain__node--earned{border-color:var(--c-primary);background:var(--c-primary-dim)}.aw-chain__node--locked{opacity:.45}.aw-chain__node-icon{font-size:18px;pointer-events:none}.aw-chain__node-label{font-size:9px;color:var(--c-text-muted);margin:0;text-align:center;max-width:72px;line-height:var(--leading-tight)}.aw-chain__progress{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.aw-cat-tabs{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.aw-cat-tabs::-webkit-scrollbar{display:none}.aw-cat-btn{flex-shrink:0;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;min-height:44px;transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base);white-space:nowrap}.aw-cat-btn:hover{color:var(--c-text);border-color:var(--c-primary)}.aw-cat-btn--active{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-primary-dim);font-weight:var(--font-weight-semibold)}.aw-badge-full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-3)}.aw-badge-full{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--aw-radius);padding:var(--space-4) var(--space-3);text-align:center;position:relative;cursor:pointer;min-height:88px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.aw-badge-full:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-shuriken{border-color:var(--aw-tier-shuriken)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-scroll{border-color:var(--aw-tier-scroll)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-katana{border-color:var(--aw-tier-katana)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-dragon{border-color:var(--aw-tier-dragon)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-legend{border-color:var(--aw-tier-legend)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-rare{border-color:var(--aw-rarity-rare)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-epic{border-color:var(--aw-rarity-epic)}.aw-badge-full.badge-item--earned.aw-badge-full--rarity-legendary{border-color:var(--aw-rarity-legendary)}.aw-badge-full__icon{font-size:30px;line-height:1}.aw-badge-full__label{font-size:10px;color:var(--c-text-muted);margin:0;font-weight:var(--font-weight-medium);line-height:var(--leading-tight)}.aw-badge-full__count{position:absolute;bottom:4px;right:6px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--c-primary);background:var(--c-surface);border-radius:var(--radius-full);padding:1px var(--space-1)}.aw-badge-full__lock{position:absolute;top:4px;right:4px;font-size:11px;opacity:.6}.badge-item--earned{border-color:var(--c-primary)!important;background:radial-gradient(110% 130% at 50% 0%,var(--c-primary-dim) 0%,var(--c-surface) 90%)!important;box-shadow:0 1px 3px #0000001f}.badge-item--locked{opacity:.42;filter:grayscale(.72)}.badge-item__earned-mark{position:absolute;top:4px;right:6px;font-size:10px;color:var(--c-primary);font-weight:700}.badge-item__count{position:absolute;bottom:4px;right:6px;font-size:10px;font-weight:700;color:var(--c-primary)}.badge-item__lock{position:absolute;top:4px;right:4px;font-size:12px;opacity:.6}.aw-stats{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-4)}.aw-stats__heading{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.aw-stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--aw-radius);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.aw-stat-card__icon{font-size:24px}.aw-stat-card__value{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.aw-stat-card__label{font-size:var(--font-xs);color:var(--c-text-muted);margin:0;font-weight:var(--font-weight-medium)}.aw-stat-card--pending{border-style:dashed;background:var(--c-surface-2, var(--c-border))}.aw-stat-card--pending .aw-stat-card__icon{opacity:.5}.aw-stat-card--pending .aw-stat-card__value{font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-primary);background:var(--c-primary-dim);padding:2px var(--space-3);border-radius:var(--radius-full)}.aw-stats__note{font-size:var(--font-xs);color:var(--c-text-dim, var(--c-text-muted));margin:0;font-style:italic}.aw-charts{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-4)}.aw-chart-section{display:flex;flex-direction:column;gap:var(--space-4)}.aw-chart__heading{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-chart__note{font-size:var(--font-xs);color:var(--c-text-muted);margin:0;font-style:italic}.aw-daily-bars{display:flex;align-items:flex-end;gap:2px;height:80px;overflow-x:auto;padding-bottom:var(--space-2)}.aw-daily-bar{display:flex;flex-direction:column;align-items:center;min-width:14px;flex:1}.aw-daily-bar__fill{width:100%;background:var(--c-primary);border-radius:2px 2px 0 0;transition:height .3s ease}.aw-daily-bar__fill--badge{opacity:1;box-shadow:0 0 0 1px var(--c-primary)}.aw-daily-bar__label{font-size:9px;color:var(--c-text-muted);text-align:center;margin-top:2px;white-space:nowrap}.aw-heatmap{display:grid;grid-template-columns:repeat(13,1fr);gap:3px}.aw-heatmap__cell{aspect-ratio:1;border-radius:var(--radius-sm, 3px);background:var(--c-surface-2, #eee)}.aw-heatmap__cell--active{background:var(--c-primary);opacity:.85}.aw-chart__empty,.aw-chart__loading,.aw-chart__error{font-size:var(--font-xs);color:var(--c-text-muted);margin:0;font-style:italic}.aw-activity-grid{display:flex;gap:var(--space-1)}.aw-activity-cell{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--c-border);flex-shrink:0}.aw-activity-cell--active{background:var(--c-primary);opacity:.8}.aw-xp-bars{display:flex;flex-direction:column;gap:var(--space-5)}.aw-xp-bar-row{display:flex;flex-direction:column;gap:var(--space-2)}.aw-xp-bar-row__top{display:flex;justify-content:space-between;align-items:baseline}.aw-xp-bar-row__label{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-xp-bar-row__pct{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-primary)}.aw-xp-bar-row__track{height:12px;background:var(--c-border);border-radius:var(--radius-full);overflow:hidden}.aw-xp-bar-row__fill{height:100%;background:var(--c-primary);border-radius:var(--radius-full);min-width:4px}.aw-badge-progress{display:flex;flex-direction:column;gap:var(--space-3)}.aw-badge-progress__track{height:16px;background:var(--c-border);border-radius:var(--radius-full);overflow:hidden}.aw-badge-progress__fill{height:100%;background:var(--c-primary);border-radius:var(--radius-full);min-width:4px}.aw-badge-progress__label{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-rewards{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-4)}.aw-rewards__heading{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-rewards__complete{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-rewards__list{display:flex;flex-direction:column;gap:var(--space-3)}.aw-reward-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--aw-radius);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.aw-reward-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.aw-reward-card--next{border-color:var(--c-primary);border-left:4px solid var(--c-primary);background:radial-gradient(120% 160% at 0% 0%,var(--c-primary-dim) 0%,transparent 60%),var(--c-surface);box-shadow:var(--shadow-md)}.aw-reward-card__icon{font-size:34px;flex-shrink:0}.aw-reward-card__info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.aw-reward-card__name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-reward-card__desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-reward-card__bonuses{display:flex;gap:var(--space-3);align-items:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-primary);flex-wrap:wrap;margin-top:var(--space-2)}.aw-reward-card__next-tag{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--c-primary);background:var(--c-surface);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--c-primary);letter-spacing:.05em;white-space:nowrap}.aw-history{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-4)}.aw-history__heading{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-history__empty{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-history__list{display:flex;flex-direction:column;gap:var(--space-2)}.aw-history__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--c-surface);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--aw-radius)}.aw-history__icon{font-size:22px;flex-shrink:0}.aw-history__info{flex:1}.aw-history__name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.aw-history__date{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.aw-history__xp{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--c-primary);white-space:nowrap}.aw-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.aw-modal{position:relative;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8) var(--space-7);max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;box-shadow:var(--shadow-xl)}.aw-modal--rarity-rare{border-top:3px solid var(--aw-rarity-rare)}.aw-modal--rarity-epic{border-top:3px solid var(--aw-rarity-epic)}.aw-modal--rarity-legendary{border-top:3px solid var(--aw-rarity-legendary)}.aw-modal--rarity-shuriken{border-top:3px solid var(--aw-tier-shuriken)}.aw-modal--rarity-scroll{border-top:3px solid var(--aw-tier-scroll)}.aw-modal--rarity-katana{border-top:3px solid var(--aw-tier-katana)}.aw-modal--rarity-dragon{border-top:3px solid var(--aw-tier-dragon)}.aw-modal--rarity-legend{border-top:3px solid var(--aw-tier-legend)}.aw-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:var(--font-base);color:var(--c-text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast)}.aw-modal__close:hover{background:var(--c-border)}.aw-modal__icon-wrap{position:relative;display:inline-block}.aw-modal__icon{font-size:54px;display:block;line-height:1}.aw-modal__rarity-tag{position:absolute;bottom:-6px;right:-14px;font-size:9px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:var(--radius-full);background:var(--c-surface);border:1px solid currentColor}.aw-modal__rarity-tag--common{color:var(--c-text-muted)}.aw-modal__rarity-tag--rare{color:var(--aw-rarity-rare)}.aw-modal__rarity-tag--epic{color:var(--aw-rarity-epic)}.aw-modal__rarity-tag--legendary{color:var(--aw-rarity-legendary)}.aw-modal__rarity-tag--spark{color:var(--aw-tier-spark)}.aw-modal__rarity-tag--shuriken{color:var(--aw-tier-shuriken)}.aw-modal__rarity-tag--scroll{color:var(--aw-tier-scroll)}.aw-modal__rarity-tag--katana{color:var(--aw-tier-katana)}.aw-modal__rarity-tag--dragon{color:var(--aw-tier-dragon)}.aw-modal__rarity-tag--legend{color:var(--aw-tier-legend)}.aw-modal__name{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.aw-modal__cat{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.aw-modal__status{width:100%}.aw-modal__why,.aw-modal__how{font-size:var(--font-sm);color:var(--c-text);margin:0 0 var(--space-1)}.aw-modal__date{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.aw-modal__rewards-row{display:flex;gap:var(--space-5);justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--c-primary)}.aw-modal__related{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.aw-modal__chain-next{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--c-text-muted);background:var(--c-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%;justify-content:center;box-sizing:border-box}.awards-shell[data-tone=playful] .aw-quick-stat__icon{font-size:30px}.awards-shell[data-tone=playful] .aw-badge-full__icon{font-size:34px}.awards-shell[data-tone=playful] .aw-badge-full{min-height:100px}.awards-shell[data-tone=energetic] .aw-hero__name{font-weight:900}.awards-shell[data-tone=energetic] .aw-hero{border-left-width:6px}.awards-shell[data-tone=serious] .aw-hero__rank{border-radius:var(--radius-sm)}@media(max-width:768px){.awards-shell{padding:var(--space-4);gap:var(--space-4)}.aw-hero{flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);padding:var(--space-6)}.aw-hero__top-row,.aw-hero__metrics,.aw-hero__status-row,.aw-hero__next-reward{justify-content:center}.aw-hero__progress-track{max-width:300px;width:100%}.aw-quick-stats,.aw-stats__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.awards-shell{padding:var(--space-3)}.aw-quick-stats,.aw-stats__grid{grid-template-columns:1fr 1fr}.aw-badge-full-grid{grid-template-columns:repeat(3,1fr)}.aw-activity-cell{width:18px;height:18px}}@media(min-width:1440px){.awards-shell{max-width:1100px}}.aw-unlock__theme-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:0}.aw-unlock__theme-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--c-border)}.aw-unlock__theme-row:last-child{border-bottom:none}.aw-unlock__theme-name{flex:1;font-size:var(--font-sm, .875rem);color:var(--c-text)}.aw-unlock__theme-active{font-size:.75em;padding:2px 8px;border-radius:999px;background:var(--c-accent, var(--c-primary));color:var(--c-on-accent, var(--c-on-primary, #fff));white-space:nowrap}.aw-unlock__apply-btn{min-height:44px;min-width:44px;padding:0 var(--space-3);border-radius:var(--radius-md, 6px);border:1px solid var(--c-primary);background:transparent;color:var(--c-primary);font-size:var(--font-sm, .875rem);cursor:pointer;transition:background .15s,color .15s}.aw-unlock__apply-btn:hover:not(:disabled){background:var(--c-primary);color:var(--c-on-primary, #fff)}.aw-unlock__apply-btn:disabled{opacity:.5;cursor:not-allowed}.aw-unlock__apply-error{color:var(--color-error, #c00);font-size:var(--font-sm, .875rem);margin-top:var(--space-2)}.profile-shell{padding:var(--space-6);box-sizing:border-box;min-height:100%}.profile-shell__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.profile-shell__heading{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.profile-shell__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.settings-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.settings-card__title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;padding-bottom:var(--space-3);border-bottom:1px solid var(--c-border)}.settings-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text-muted);margin:0}.settings-hint{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;line-height:var(--leading-normal)}.avatar-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.avatar-option{background:var(--c-surface-2);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:28px;min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.avatar-option:hover{background:var(--c-surface-3)}.avatar-option--active{border-color:var(--c-primary);background:var(--c-primary-dim)}.settings-card__preview{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-2)}.settings-card__avatar-preview{font-size:48px;width:72px;height:72px;border-radius:50%;background:var(--c-primary-dim);border:2px solid var(--c-primary);display:flex;align-items:center;justify-content:center}.settings-card__profile-id{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;text-transform:capitalize}.volume-row{display:flex;flex-direction:column;gap:var(--space-2)}.volume-row__label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text)}.volume-row__control{display:flex;align-items:center;gap:var(--space-3)}.volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--c-surface-3);border-radius:var(--radius-full);outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--c-primary);cursor:pointer;transition:transform var(--transition-fast)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-row__value{font-size:var(--font-sm);color:var(--c-text-muted);min-width:36px;text-align:right}.midi-device-list{display:flex;flex-direction:column;gap:var(--space-2)}.midi-device-item{background:var(--c-surface-2);border:1px solid var(--c-primary);border-radius:var(--radius-md);color:var(--c-text);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);text-align:left;transition:background var(--transition-fast)}.midi-device-item:hover{background:var(--c-surface-3)}.midi-device-item--active{background:var(--c-primary-dim);border:2px solid var(--c-accent, var(--c-primary));color:var(--c-primary);font-weight:var(--font-weight-semibold)}.midi-connect-btn{background:var(--c-primary);border:none;border-radius:var(--radius-md);color:var(--c-on-primary, #fff);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-5);transition:opacity var(--transition-fast)}.midi-connect-btn:hover{opacity:.85}.calibration-indicator{display:flex;align-items:center;gap:var(--space-3)}.calibration-indicator__dot{width:10px;height:10px;border-radius:50%;background:var(--c-text-dim);flex-shrink:0}.calibration-indicator__dot--active{background:var(--c-success)}.calibration-status{font-size:var(--font-sm);margin:0}.calibration-status--ok{color:var(--c-success)}.calibration-wizard{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.calibration-wizard__current{color:var(--c-success);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0}.calibration-wizard__btn{background:var(--c-primary);border:none;border-radius:var(--radius-md);color:var(--c-on-primary, #fff);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-5);transition:opacity var(--transition-fast),transform var(--transition-fast)}.calibration-wizard__btn:hover{opacity:.88;transform:translateY(-1px)}.calibration-wizard__btn:focus-visible{outline:2px solid var(--c-accent, var(--c-primary));outline-offset:2px}.calibration-wizard__step{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.calibration-wizard__visual{display:flex;align-items:center;gap:var(--space-3);font-size:28px;line-height:1}.calibration-wizard__arrow--dim{opacity:.3}.calibration-wizard__instruction{font-size:var(--font-sm);color:var(--c-text);margin:0}.calibration-wizard__note-ok,.calibration-wizard__done{color:var(--c-success);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0}.settings-option-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.settings-option-group .settings-option-btn{background:var(--c-surface);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);min-width:max-content;padding:var(--space-2) var(--space-5);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.settings-option-group .settings-option-btn:hover{background:var(--c-surface-3);color:var(--c-text)}.settings-option-group .settings-option-btn--active{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.xp-style-preview{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md)}.xp-style-preview__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-primary);white-space:nowrap}.signout-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)}.signout-btn:hover{color:var(--c-text);border-color:var(--c-text-muted)}@media(max-width:768px){.profile-shell{padding:var(--space-4)}.profile-shell__grid{grid-template-columns:1fr}}.drill-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.drill-modal{background:var(--c-surface-0);border-radius:var(--radius-lg);padding:var(--space-6);max-width:540px;width:100%;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.drill-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--c-text-muted);font-size:var(--font-sm);text-align:center}.drill-loading span{font-size:36px}.drill-title{margin:0;font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text)}.drill-subtitle{margin:0;font-size:var(--font-xs);color:var(--c-text-muted)}.drill-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3);counter-reset:none}.drill-item{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color .2s}.drill-item--correct{border-color:var(--c-success);background:color-mix(in srgb,var(--c-success) 12%,var(--c-surface))}.drill-item--wrong{border-color:var(--c-error);background:color-mix(in srgb,var(--c-error) 12%,var(--c-surface))}.drill-item__prompt{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-sm);color:var(--c-text)}.drill-item__num{width:22px;height:22px;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent, #fff);font-size:var(--font-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.drill-item__diff{margin-left:auto;font-size:var(--font-xs);color:var(--c-text-muted);white-space:nowrap}.drill-item__input{width:100%;box-sizing:border-box;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--c-surface-0);color:var(--c-text);min-height:44px}.drill-item__input:disabled{opacity:.7;cursor:default}.drill-item__hint{margin:0;font-size:var(--font-xs);color:var(--c-error)}.drill-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;min-height:44px;transition:opacity .15s}.drill-btn--primary{background:var(--c-accent);color:var(--c-on-accent, #fff)}.drill-btn--primary:hover{opacity:.88}.drill-btn--ghost{background:transparent;color:var(--c-text-muted);border:1px solid var(--c-border)}.drill-btn--ghost:hover{background:var(--c-surface-1)}.drill-result{padding:var(--space-3) var(--space-4);background:var(--c-surface-1);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--c-text);text-align:center}.egp-root{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.egp-desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.egp-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--c-surface-2);border-radius:var(--radius-md);border:1px solid var(--c-border)}.egp-form-row{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.egp-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text-muted);min-width:72px;padding-top:8px}.egp-select{min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm);min-width:200px}.egp-difficulty-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.egp-diff-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;min-width:64px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;font-size:var(--font-sm);transition:border-color .12s}.egp-diff-chip--active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);font-weight:var(--font-weight-semibold)}.egp-diff-label{font-size:10px;font-weight:var(--font-weight-medium)}.egp-generate-btn{align-self:flex-start;min-height:44px;min-width:160px}.egp-status{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.egp-preview-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface-2);border-radius:var(--radius-md);border:1px solid var(--c-primary)}.egp-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.egp-preview-title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.egp-preview-diff{font-size:var(--font-sm);color:var(--c-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}.egp-offline-label{font-size:var(--font-xs);color:var(--c-text-muted);font-style:italic;margin:0}.egp-preview-desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;line-height:1.5}.egp-preview-steps{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-4);margin:0}.egp-preview-step{font-size:var(--font-sm);color:var(--c-text);line-height:1.5}.egp-preview-step__text{display:block}.egp-preview-step__hint{display:block;font-size:var(--font-xs);color:var(--c-text-muted);font-style:italic;margin-top:2px}.egp-preview-success{font-size:var(--font-sm);color:var(--c-success);margin:0;padding:var(--space-1) var(--space-2);background:var(--c-success-muted);border-radius:var(--radius-sm)}.egp-preview-meta{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.egp-assign-btn{min-height:44px;align-self:flex-start}.egp-toast{padding:var(--space-2) var(--space-3);background:var(--c-success-muted);color:var(--c-success);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-medium)}.egp-error{font-size:var(--font-sm);color:var(--c-error);padding:var(--space-2);background:var(--c-error-muted);border-radius:var(--radius-sm);margin:0}@media(max-width:768px){.egp-form-row{flex-direction:column;gap:var(--space-1)}.egp-label{padding-top:0;min-width:unset}.egp-select{min-width:160px}}.brain-centre{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.bc-tab-bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--c-border);flex-wrap:wrap}.bc-tab{padding:var(--space-2) var(--space-4);border:none;background:none;color:var(--c-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;min-height:44px}.bc-tab--active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.bc-tab:hover:not(.bc-tab--active){color:var(--c-text)}.bc-tab-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0}.bc-commentary-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--c-text-muted);text-align:center;font-size:var(--font-sm)}.bc-commentary-empty span{font-size:36px}.bc-commentary{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.bc-commentary__headline{margin:0;font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text)}.bc-commentary__source-label{margin:0;font-size:var(--font-sm);color:var(--c-text-muted)}.bc-commentary__rows{display:flex;flex-direction:column;gap:var(--space-2)}.bc-commentary__row{display:grid;grid-template-columns:80px 1fr;gap:var(--space-3);align-items:start}.bc-commentary__label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em}.bc-commentary__value{font-size:var(--font-sm);color:var(--c-text)}.bc-commentary__value--action{font-weight:var(--font-weight-medium);color:var(--c-accent)}.bc-commentary__xp-bonus{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--c-accent);color:var(--c-on-accent, #fff);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);width:fit-content}.bc-commentary__stats{display:flex;gap:var(--space-4);font-size:var(--font-xs);color:var(--c-text-muted);border-top:1px solid var(--c-border);padding-top:var(--space-2)}.bc-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;min-height:44px;transition:opacity .15s,background .15s}.bc-btn--primary{background:var(--c-accent);color:var(--c-on-accent, #fff)}.bc-btn--primary:hover{opacity:.88}.bc-btn--ghost{background:transparent;color:var(--c-accent);border:1px solid var(--c-accent)}.bc-btn--ghost:hover{background:var(--c-surface-2)}.bc-btn--link{background:none;border:none;color:var(--c-accent);padding:0;font-size:var(--font-sm);text-decoration:underline;cursor:pointer;min-height:auto}.bc-btn--loading{opacity:.6;cursor:wait}.bc-btn:disabled{opacity:.5;cursor:not-allowed}.bc-realm-filter{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bc-realm-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface-1);color:var(--c-text-muted);font-size:var(--font-xs);cursor:pointer;min-height:32px;transition:background .12s,color .12s,border-color .12s}.bc-realm-btn--active{background:var(--c-accent);color:var(--c-on-accent, #fff);border-color:var(--c-accent)}.bc-realm-btn__count{margin-left:var(--space-1);opacity:.7;font-size:10px}.bc-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.bc-skill-cell{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--radius-sm);border-left:4px solid var(--mastery-colour);font-size:var(--font-xs);cursor:default;transition:border-color .2s}.bc-skill-cell__dot{width:8px;height:8px;border-radius:50%;background:var(--mastery-colour);flex-shrink:0}.bc-skill-cell__name{flex:1;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-skill-cell__pct{color:var(--c-text-muted);font-size:10px}.bc-vault-summary{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap}.bc-vault-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.bc-vault-stat__num{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--c-text);line-height:1}.bc-vault-stat__label{font-size:var(--font-xs);color:var(--c-text-muted)}.bc-retention-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.bc-retention-ring__pct{position:absolute;font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--c-text)}.bc-forecast{display:flex;gap:var(--space-2);align-items:flex-end;height:80px;padding-bottom:var(--space-5);position:relative}.bc-forecast-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;height:100%;gap:var(--space-1)}.bc-forecast-bar__fill{width:100%;background:var(--c-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:2px;transition:height .3s;opacity:.8}.bc-forecast-bar__count{position:absolute;bottom:22px;font-size:10px;color:var(--c-text-muted)}.bc-forecast-bar__label{position:absolute;bottom:0;font-size:9px;color:var(--c-text-muted);white-space:nowrap}.bc-recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.bc-recent-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--c-surface-1);border-radius:var(--radius-sm);font-size:var(--font-xs)}.bc-recent-item__skill{color:var(--c-text);font-weight:var(--font-weight-medium)}.bc-recent-item__date{color:var(--c-text-muted)}.bc-plateau-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--c-error) 14%,var(--c-surface));border:1px solid var(--c-error);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--c-text)}.bc-policy-header{display:flex;justify-content:space-between;align-items:center}.bc-reco-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.bc-reco-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--radius-md)}.bc-reco-item__num{width:24px;height:24px;border-radius:50%;background:var(--c-accent);color:var(--c-on-accent, #fff);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.bc-reco-item__name{font-size:var(--font-sm);color:var(--c-text)}.bc-reco-item__reason{font-size:var(--font-xs);color:var(--c-text-muted);margin:var(--space-1) 0 0}.bc-section-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.bc-empty{font-size:var(--font-sm);color:var(--c-text-muted);padding:var(--space-4) 0;text-align:center}.bc-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.bc-modal{background:var(--c-surface-0);border-radius:var(--radius-lg);padding:var(--space-6);max-width:560px;width:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.bc-modal h3{margin:0;font-size:var(--font-lg)}.bc-plan-text{background:var(--c-surface-1);border-radius:var(--radius-sm);padding:var(--space-4);font-size:var(--font-xs);white-space:pre-wrap;word-break:break-word;color:var(--c-text);font-family:inherit;margin:0}.bc-loading{color:var(--c-text-muted);font-style:italic;font-size:var(--font-sm)}.bc-practice-heatmap{display:flex;flex-direction:column;gap:var(--space-2)}.bc-heatmap-grid{display:flex;gap:2px}.bc-heatmap-week{display:flex;flex-direction:column;gap:2px}.bc-heatmap-cell{width:12px;height:12px;border-radius:2px;transition:opacity .2s}.bc-heatmap-label{font-size:var(--font-xs);color:var(--c-text-dim);margin:0}.bc-streak-row{display:flex;gap:var(--space-6);padding:var(--space-3) 0}.bc-streak-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.bc-streak-stat__num{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--c-accent);line-height:1}.bc-streak-stat__label{font-size:var(--font-xs);color:var(--c-text-muted);text-align:center}@media(max-width:768px){.bc-skill-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.bc-tab{padding:var(--space-2);font-size:var(--font-xs)}.bc-heatmap-cell{width:9px;height:9px}}.classical-passport{display:flex;flex-direction:column;gap:var(--space-6)}.classical-passport__heading{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.classical-passport__subtitle{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.classical-passport__eras{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.classical-passport__era{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-lg);appearance:none;font:inherit;color:inherit;text-align:center;width:100%;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.classical-passport__era:hover,.classical-passport__era:focus-visible{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-dim);outline:none}.classical-passport__ring-wrap{position:relative}.classical-passport__era-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}.classical-passport__era-label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);text-align:center}.classical-passport__era-period{font-size:var(--font-xs);color:var(--c-text-muted);text-align:center}.classical-passport__era-pct{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-primary)}.classical-passport__overall{display:flex;flex-direction:column;gap:var(--space-2)}.classical-passport__overall-label{font-size:var(--font-sm);color:var(--c-text-muted);font-weight:var(--font-weight-medium)}.classical-passport__ladder{display:flex;flex-direction:column;gap:var(--space-3)}.classical-passport__ladder-heading{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.classical-passport__ladder-subtitle{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.classical-passport__pieces{display:flex;flex-direction:column;gap:var(--space-2)}.classical-passport__piece{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);appearance:none;font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;transition:border-left-width .12s ease,border-color .12s ease}.classical-passport__piece:hover,.classical-passport__piece:focus-visible{border-left:3px solid var(--c-primary);outline:none}@keyframes pulse-border{0%,to{border-color:var(--c-primary)}50%{border-color:transparent}}.classical-passport__piece--next{border-color:var(--c-primary);background:var(--c-primary-dim);animation:pulse-border 2s ease-in-out infinite}.classical-passport__piece-era-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.classical-passport__piece-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.classical-passport__piece-title{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classical-passport__piece-composer{font-size:var(--font-xs);color:var(--c-text-muted)}.classical-passport__piece-stars{font-size:var(--font-xs);flex-shrink:0;font-family:var(--font-mono)}.classical-passport__next-badge{font-size:var(--font-xs);color:var(--c-primary);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.classical-passport__eras{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.classical-passport__eras{grid-template-columns:1fr 1fr}.classical-passport__piece-stars{display:none}}.goals-recitals{display:flex;flex-direction:column;gap:var(--space-6)}.gr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.gr-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.gr-sub{font-size:var(--font-sm);color:var(--c-text-muted);margin:var(--space-1) 0 0 0}.gr-btn-new{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:var(--c-primary);color:#fff;font-size:var(--font-sm);font-weight:var(--font-weight-bold);cursor:pointer;min-height:44px;white-space:nowrap;transition:opacity var(--transition-fast)}.gr-btn-new:hover{opacity:.88}.gr-loading{color:var(--c-text-muted);font-size:var(--font-base);padding:var(--space-4)}.gr-section{display:flex;flex-direction:column;gap:var(--space-3)}.gr-section__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);margin:0}.gr-list{display:flex;flex-direction:column;gap:var(--space-3)}.recital-card{padding:var(--space-4);background:var(--c-surface-2);border-radius:var(--radius-lg);border:2px solid var(--c-border);display:flex;flex-direction:column;gap:var(--space-3)}.recital-card--today{border-color:var(--c-primary)}.recital-card--past{opacity:.65}.recital-card__head{display:flex;align-items:flex-start;gap:var(--space-3)}.recital-card__icon{font-size:var(--font-2xl);line-height:1}.recital-card__date{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.recital-card__status{display:inline-block;margin-top:2px;font-size:var(--font-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.recital-card__status--today{color:var(--c-primary);font-weight:var(--font-weight-bold)}.recital-card__assignments{display:flex;flex-direction:column;gap:var(--space-2);padding-left:calc(var(--font-2xl) + var(--space-3))}.recital-card__assignment{display:flex;gap:var(--space-3);align-items:baseline}.recital-card__profile{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-primary);min-width:72px}.recital-card__piece{font-size:var(--font-sm);color:var(--c-text-muted)}.gr-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--c-text-muted);font-size:var(--font-base);text-align:center}.gr-empty span{font-size:48px}.recital-form{padding:var(--space-5);background:var(--c-surface-2);border-radius:var(--radius-lg);border:2px solid var(--c-primary);display:flex;flex-direction:column;gap:var(--space-4)}.recital-form__title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.recital-form__field,.recital-form__section{display:flex;flex-direction:column;gap:var(--space-2)}.recital-form__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted)}.recital-form__section-label{font-size:var(--font-sm);color:var(--c-text-muted)}.recital-form__input{padding:var(--space-2) var(--space-3);background:var(--c-surface-3);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-base);min-height:44px;outline:none;transition:border-color var(--transition-fast)}.recital-form__input:focus{border-color:var(--c-primary)}.recital-form__input--piece{flex:1}.recital-form__assignment{display:flex;align-items:center;gap:var(--space-3)}.recital-form__assign-label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-primary);min-width:72px}.recital-form__error{font-size:var(--font-sm);color:var(--c-error, #C44A3A)}.recital-form__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.recital-form__btn{padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-weight-bold);min-height:44px;transition:opacity var(--transition-fast)}.recital-form__btn:hover:not(:disabled){opacity:.88}.recital-form__btn:disabled{opacity:.4;cursor:default}.recital-form__btn--save{background:var(--c-primary);color:#fff}.recital-form__btn--cancel{background:var(--c-surface-3);color:var(--c-text-muted)}.gr-nerve-tips{display:flex;flex-direction:column;gap:var(--space-3)}.gr-tips-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0;list-style:none}.gr-tip-item{padding:var(--space-2) var(--space-3);background:var(--c-surface-2);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--c-text-muted);border-left:3px solid var(--c-border)}@media(max-width:390px){.recital-form__assignment{flex-direction:column;align-items:flex-start}.recital-form__assign-label{min-width:unset}}[data-realm=coptic],.coptic-tab{--coptic-bg: #0A0608;--coptic-surface: #160E0A;--coptic-surface-2: #221610;--coptic-border: #3A2818;--coptic-gold: #C9A84C;--coptic-gold-light:#E8C870;--coptic-red: rgb(170, 14, 14);--coptic-red-light: rgb(210, 60, 60);--coptic-red-dim: rgba(170, 14, 14, .15);--coptic-crimson: #8B1A1A;--coptic-blue: #1A3A5C;--coptic-text: #F0E8D8;--coptic-text-muted:#8A7A60}.coptic-tab{display:flex;flex-direction:column;gap:var(--space-5)}.coptic-tab__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#1a0e06,#0a0608);border:1px solid var(--coptic-gold);border-radius:var(--radius-lg)}.coptic-tab__header-cross{font-size:36px;color:var(--coptic-gold);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(201,168,76,.4))}.coptic-tab__title{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--coptic-gold);margin:0 0 var(--space-1)}.coptic-tab__subtitle{font-size:var(--font-sm);color:var(--coptic-text-muted);margin:0}.coptic-tab__two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.coptic-tab__col{display:flex;flex-direction:column;gap:var(--space-4)}.coptic-tab__card{background:var(--coptic-surface);border:1px solid var(--coptic-gold);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.coptic-tab__card-title{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--coptic-gold);margin:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--coptic-border);text-transform:uppercase;letter-spacing:.06em}.coptic-tab__calendar-rows{display:flex;flex-direction:column;gap:var(--space-1)}.coptic-tab__calendar-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;border-bottom:1px solid var(--coptic-border)}.coptic-tab__calendar-row:last-child{border-bottom:none}.coptic-tab__cal-label{font-size:var(--font-xs);color:var(--coptic-text-muted);min-width:80px}.coptic-tab__cal-value{font-size:var(--font-sm);color:var(--coptic-text);text-align:right}.coptic-tab__cal-arabic{font-size:var(--font-xs);color:var(--coptic-text-muted)}.coptic-tab__cal-mode{color:var(--coptic-gold);font-weight:var(--font-weight-bold);text-transform:capitalize}.coptic-tab__season-badge{font-size:var(--font-xs);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:capitalize;font-weight:var(--font-weight-bold)}.coptic-tab__season-badge--ordinary{background:var(--coptic-surface-2);color:var(--coptic-text)}.coptic-tab__season-badge--kiahk{background:#3a2800;color:var(--coptic-gold-light)}.coptic-tab__season-badge--lent{background:#1a0a2e;color:#b090d0}.coptic-tab__season-badge--holy_week{background:#1a0606;color:var(--coptic-red-light)}.coptic-tab__season-badge--pascha,.coptic-tab__season-badge--resurrection{background:#3a3000;color:var(--coptic-gold-light)}.coptic-tab__fasting-notice{font-size:var(--font-xs);color:var(--coptic-gold);background:#c9a84c14;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid rgba(201,168,76,.2)}.coptic-tab__special-notes{font-size:var(--font-xs);color:var(--coptic-text-muted);font-style:italic;margin:0}.coptic-tab__passport-rings{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.coptic-tab__passport-ring{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--coptic-surface-2);border:1px solid var(--coptic-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s,transform .15s;font-family:var(--font-sans);min-height:44px}.coptic-tab__passport-ring:hover{border-color:var(--coptic-gold);background:#c9a84c0f;transform:translateY(-2px)}.coptic-tab__passport-ring:active{transform:translateY(0)}.coptic-tab__passport-ring-pct{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--coptic-gold)}.coptic-tab__passport-ring-label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--coptic-text)}.coptic-tab__passport-ring-desc{font-size:var(--font-xs);color:var(--coptic-text-muted);text-align:center;line-height:1.4}.coptic-tab__saints-list{display:flex;flex-direction:column;gap:var(--space-2)}.coptic-tab__saint-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--coptic-surface-2);border-radius:var(--radius-md);min-height:56px}.coptic-tab__saint-icon{font-size:16px;color:var(--coptic-gold);flex-shrink:0;width:20px;text-align:center}.coptic-tab__saint-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.coptic-tab__saint-member{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--coptic-gold)}.coptic-tab__saint-name{font-size:var(--font-xs);color:var(--coptic-text)}.coptic-tab__saint-arabic{font-size:var(--font-xs);color:var(--coptic-text-muted)}.coptic-tab__saint-feast-block{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.coptic-tab__saint-feast-label{font-size:9px;color:var(--coptic-text-muted);text-transform:uppercase;letter-spacing:.08em}.coptic-tab__saint-feast{font-size:var(--font-sm);color:var(--coptic-red-light);font-weight:var(--font-weight-bold)}.coptic-tab__setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:var(--space-1) 0;border-bottom:1px solid var(--coptic-border)}.coptic-tab__setting-row:last-child{border-bottom:none}.coptic-tab__setting-info{display:flex;flex-direction:column;gap:2px;flex:1}.coptic-tab__setting-label{font-size:var(--font-sm);color:var(--coptic-text);font-weight:var(--font-weight-medium)}.coptic-tab__setting-desc{font-size:var(--font-xs);color:var(--coptic-text-muted)}.coptic-tab__toggle{width:44px;height:26px;border-radius:var(--radius-full);background:var(--coptic-surface-2);border:1px solid var(--coptic-border);position:relative;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.coptic-tab__toggle--on{background:var(--coptic-gold);border-color:var(--coptic-gold)}.coptic-tab__toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--coptic-text-muted);transition:left .2s,background .2s}.coptic-tab__toggle--on .coptic-tab__toggle-knob{left:calc(100% - 21px);background:var(--coptic-bg)}@media(max-width:900px){.coptic-tab__two-col{grid-template-columns:1fr}.coptic-tab__passport-rings{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.coptic-tab__passport-rings{grid-template-columns:1fr 1fr}}.gospel-tab{--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-text: #F8EDD0;--gospel-text-muted: #C2A090;display:flex;flex-direction:column;gap:var(--space-5)}.gospel-tab__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#2a0e14,#160608);border:1px solid var(--gospel-gold);border-radius:var(--radius-lg)}.gospel-tab__header-icon{font-size:36px;line-height:1}.gospel-tab__title{font-family:var(--font-serif);font-size:var(--font-xl);color:var(--gospel-gold-light);margin:0}.gospel-tab__subtitle{font-size:var(--font-sm);color:var(--gospel-cream);margin:var(--space-1) 0 0}.gospel-tab__two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:1024px){.gospel-tab__two-col{grid-template-columns:1fr}}.gospel-tab__col{display:flex;flex-direction:column;gap:var(--space-4)}.gospel-tab__card{background:var(--gospel-surface);border:1px solid var(--gospel-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.gospel-tab__card-title{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--gospel-gold-light);margin:0}.gospel-tab__rings{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:480px){.gospel-tab__rings{grid-template-columns:repeat(2,1fr)}}.gospel-tab__ring{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--gospel-surface-2);border:1px solid var(--gospel-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);cursor:pointer;transition:border-color .15s,transform .1s}.gospel-tab__ring:hover{border-color:var(--gospel-gold);transform:translateY(-2px)}.gospel-tab__ring-pct{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--gospel-gold-light)}.gospel-tab__ring-label{font-size:var(--font-xs);color:var(--gospel-text-muted)}.gospel-tab__clinic-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--gospel-border)}.gospel-tab__clinic-label{font-size:var(--font-sm);color:var(--gospel-text-muted)}.gospel-tab__clinic-value{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--gospel-gold-light);background:transparent;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-height:36px}.gospel-tab__clinic-value:hover{background:var(--gospel-surface-2)}.gospel-tab__clinic-hint{font-size:var(--font-xs);color:var(--gospel-text-muted);font-style:italic;margin:0}.gospel-tab__intensity{display:flex;gap:var(--space-3)}.gospel-tab__intensity-btn{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left;padding:var(--space-3);background:var(--gospel-surface-2);border:1px solid var(--gospel-border);border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:border-color .15s,background .15s}.gospel-tab__intensity-btn--active{border-color:var(--gospel-gold);background:color-mix(in srgb,var(--gospel-gold) 14%,var(--gospel-surface-2))}.gospel-tab__intensity-name{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--gospel-gold-light)}.gospel-tab__intensity-desc{font-size:var(--font-xs);color:var(--gospel-text-muted);line-height:1.4}.gospel-tab__settings{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.gospel-tab__setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.gospel-tab__setting-info{display:flex;flex-direction:column;gap:2px}.gospel-tab__setting-label{font-size:var(--font-sm);color:var(--gospel-text)}.gospel-tab__setting-desc{font-size:var(--font-xs);color:var(--gospel-text-muted)}.gospel-tab__toggle{width:44px;height:26px;border-radius:var(--radius-full);background:var(--gospel-surface-3);border:1px solid var(--gospel-border);cursor:pointer;position:relative;flex-shrink:0;transition:background .15s}.gospel-tab__toggle--on{background:var(--gospel-gold)}.gospel-tab__toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--gospel-cream);transition:transform .15s}.gospel-tab__toggle--on .gospel-tab__toggle-knob{transform:translate(18px)}.pcc-overview{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.pcc-overview__heading{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.pcc-overview__subtitle{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.pcc-overview__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.pcc-overview__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;text-align:left;transition:background var(--transition-fast);min-height:var(--touch-min);position:relative;overflow:hidden}.pcc-overview__card:hover{background:var(--c-surface-2)}.pcc-overview__card--active{border-color:var(--c-primary);background:var(--c-primary-dim)}.pcc-overview__avatar{width:40px;height:40px;border-radius:50%;background:var(--c-primary-dim);border:2px solid var(--c-primary);color:var(--c-primary);font-size:var(--font-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.pcc-overview__card-info{display:flex;flex-direction:column;gap:2px}.pcc-overview__name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text)}.pcc-overview__role{font-size:var(--font-xs);color:var(--c-text-muted);text-transform:capitalize}.pcc-overview__stat{font-size:var(--font-xs);color:var(--c-text-muted)}.pcc-overview__stat--dim{opacity:.6;font-style:italic}.pcc-overview__bar-wrap{height:3px;background:var(--c-surface-3);border-radius:var(--radius-full);overflow:hidden}.pcc-overview__bar-fill{height:100%;background:var(--c-primary);transition:width .4s ease}.pcc-overview__section{display:flex;flex-direction:column;gap:var(--space-3)}.pcc-overview__section-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.pcc-overview__quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pcc-overview__action-btn{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-primary);font-size:var(--font-sm);padding:var(--space-2) var(--space-4);min-height:var(--touch-min);display:flex;align-items:center;text-decoration:none;transition:background var(--transition-fast);text-transform:capitalize}.pcc-overview__action-btn:hover{background:var(--c-surface-3)}.pcc-overview__empty{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.pcc-overview__stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.pcc-overview__stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.pcc-overview__stat-card--wide{grid-column:1 / -1}.pcc-overview__stat-value{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--c-primary)}.pcc-overview__stat-label{font-size:var(--font-xs);color:var(--c-text-muted);text-align:center}.pcc-overview__progress-bar{width:100%;height:6px;background:var(--c-surface-3);border-radius:var(--radius-full);overflow:hidden}.pcc-overview__progress-fill{height:100%;background:var(--c-primary)}.pcc-profiles{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.pcc-profiles__heading{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.pcc-profiles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.pcc-profiles__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-min)}.pcc-profiles__card:hover{background:var(--c-surface-2);border-color:var(--c-primary)}.pcc-profiles__card--selected{border-color:var(--c-primary);background:var(--c-primary-dim)}.pcc-profiles__card-avatar{width:48px;height:48px;border-radius:50%;background:var(--c-primary-dim);border:2px solid var(--c-primary);color:var(--c-primary);font-size:var(--font-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.pcc-profiles__card-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text)}.pcc-profiles__card-role{font-size:var(--font-xs);color:var(--c-text-muted);text-transform:capitalize}.pcc-profiles__card-caret{font-size:var(--font-xs);color:var(--c-text-muted)}.pcc-profiles__detail{background:var(--c-surface);border:1px solid var(--c-primary);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.pcc-profiles__detail-header{display:flex;align-items:center;gap:var(--space-4)}.pcc-profiles__detail-avatar{width:56px;height:56px;border-radius:50%;background:var(--c-primary-dim);border:2px solid var(--c-primary);color:var(--c-primary);font-size:var(--font-2xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pcc-profiles__detail-name{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.pcc-profiles__detail-role{font-size:var(--font-sm);color:var(--c-text-muted);text-transform:capitalize}.pcc-profiles__close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-size:var(--font-lg);min-height:var(--touch-min);min-width:var(--touch-min);display:flex;align-items:center;justify-content:center}.pcc-profiles__fields{display:flex;flex-direction:column;gap:var(--space-4)}.pcc-profiles__field{display:flex;flex-direction:column;gap:var(--space-2)}.pcc-profiles__label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text)}.pcc-profiles__birthday-row{display:flex;gap:var(--space-2)}.pcc-profiles__birthday-input,.pcc-profiles__number-input{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-base);padding:var(--space-2) var(--space-3);min-height:var(--touch-min)}.pcc-profiles__birthday-input{width:80px}.pcc-profiles__number-input{width:100px}.pcc-profiles__select{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-base);padding:var(--space-2) var(--space-3);min-height:var(--touch-min);flex:1}.pcc-profiles__toggle-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.pcc-profiles__toggle{background:var(--c-surface-2);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:0 var(--space-4);transition:all var(--transition-fast)}.pcc-profiles__toggle--on{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.pcc-profiles__toggles{display:flex;flex-direction:column;gap:var(--space-2)}.pcc-profiles__checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--c-text);cursor:pointer;min-height:var(--touch-min)}.pcc-profiles__optional{font-size:var(--font-xs);color:var(--c-text-muted);font-weight:var(--font-weight-normal)}.pcc-profiles__text-input{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-base);padding:var(--space-2) var(--space-3);min-height:var(--touch-min);width:100%;box-sizing:border-box}.pcc-profiles__reset-saint{background:none;border:none;color:var(--c-primary);cursor:pointer;font-size:var(--font-xs);padding:0;text-decoration:underline;align-self:flex-start}.pcc-profiles__loading{color:var(--c-text-muted);font-size:var(--font-sm);padding:var(--space-4)}.pcc-profiles__save-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:0 var(--space-6);transition:opacity var(--transition-fast);align-self:flex-start}.pcc-profiles__save-btn:hover{opacity:.85}.pcc-profiles__save-btn--saved{background:var(--c-success)}.pcc-profiles__save-btn:disabled{opacity:.6;cursor:not-allowed}.maqam-lp{display:flex;flex-direction:column;gap:var(--space-4)}.maqam-lp__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.maqam-lp__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.maqam-lp__filter-btn{background:var(--c-surface-2);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:0 var(--space-3);transition:all var(--transition-fast)}.maqam-lp__filter-btn--on{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.maqam-lp__actions{display:flex;gap:var(--space-2);align-items:center}.maqam-lp__reset-btn{background:transparent;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:0 var(--space-3);transition:all var(--transition-fast)}.maqam-lp__reset-btn:hover:not(:disabled){border-color:var(--c-danger, #c0392b);color:var(--c-danger, #c0392b)}.maqam-lp__reset-btn:disabled{opacity:.5;cursor:not-allowed}.maqam-lp__save-btn{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-muted);cursor:not-allowed;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:0 var(--space-4);transition:all var(--transition-fast)}.maqam-lp__save-btn--active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;cursor:pointer}.maqam-lp__save-btn--active:hover{filter:brightness(1.1)}.maqam-lp__save-btn:disabled:not(.maqam-lp__save-btn--active){opacity:.5}.maqam-lp__tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);min-height:300px}@media(max-width:768px){.maqam-lp__tiers{grid-template-columns:1fr}}.maqam-lp__tier{background:var(--c-surface-2);border:2px solid var(--c-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);min-height:200px;padding:var(--space-3);transition:border-color var(--transition-fast),background var(--transition-fast)}.maqam-lp__tier--over{background:var(--c-primary-dim);border-color:var(--c-primary)}.maqam-lp__tier-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);border-bottom:1px solid var(--c-border);padding-bottom:var(--space-2)}.maqam-lp__tier-label{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--c-text)}.maqam-lp__tier-badge{background:var(--c-surface-3, var(--c-surface-2));border:1px solid var(--c-border);border-radius:var(--radius-full, 9999px);color:var(--c-text-muted);font-size:11px;font-weight:var(--font-weight-semibold);min-width:22px;padding:1px 6px;text-align:center}.maqam-lp__tier-desc{font-size:11px;color:var(--c-text-muted);flex:1}.maqam-lp__tier-empty{font-size:var(--font-sm);color:var(--c-text-muted);font-style:italic;padding:var(--space-3) 0;text-align:center}.maqam-lp__tier-pills{display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;flex:1}.maqam-lp__pill{align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:grab;display:flex;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-1) var(--space-2);transition:background var(--transition-fast),border-color var(--transition-fast);user-select:none}.maqam-lp__pill:hover{background:var(--c-surface-2);border-color:var(--c-primary)}.maqam-lp__pill:active{cursor:grabbing}.maqam-lp__pill-root{align-items:center;background:var(--c-text-muted);border-radius:var(--radius-sm);color:#fff;display:flex;font-size:11px;font-weight:var(--font-weight-bold);height:22px;justify-content:center;min-width:26px;padding:0 4px;flex-shrink:0}.maqam-lp__pill--arabic .maqam-lp__pill-root{background:#c9a227}.maqam-lp__pill--turkish .maqam-lp__pill-root{background:#4a9fd4}.maqam-lp__pill--persian .maqam-lp__pill-root{background:#4a7c4e}.maqam-lp__pill-name{font-size:var(--font-sm);color:var(--c-text);font-weight:var(--font-weight-semibold);flex:1}.maqam-lp__pill-native{font-size:var(--font-sm);color:var(--c-text-muted);font-family:var(--font-arabic, serif)}.maqam-lp__pill-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.maqam-lp__pill--arabic .maqam-lp__pill-dot{background:#c9a227}.maqam-lp__pill--turkish .maqam-lp__pill-dot{background:#4a9fd4}.maqam-lp__pill--persian .maqam-lp__pill-dot{background:#4a7c4e}.pcc-oriental{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.pcc-oriental__heading{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.pcc-oriental__section{display:flex;flex-direction:column;gap:var(--space-3)}.pcc-oriental__section-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--c-border)}.pcc-oriental__hint{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.pcc-oriental__profile-row{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--c-border)}.pcc-oriental__profile-pill{background:var(--c-surface-2);border:1px 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);min-height:var(--touch-min);padding:0 var(--space-4);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.pcc-oriental__profile-pill--on{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.pcc-oriental__profile-pill:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.pcc-oriental__toggle-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.pcc-oriental__toggle{background:var(--c-surface-2);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:0 var(--space-4);transition:all var(--transition-fast)}.pcc-oriental__toggle--on{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.pcc-oriental__passport{display:flex;flex-wrap:wrap;gap:var(--space-4)}.pcc-oriental__ring-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pcc-oriental__ring-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text);text-align:center}.pcc-oriental__ring-count{font-size:10px;color:var(--c-text-muted)}.pcc-oriental__select{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-base);padding:var(--space-2) var(--space-3);min-height:var(--touch-min);max-width:400px}.fm-section{border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.fm-section__header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--c-surface-2);min-height:var(--touch-min);border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background var(--transition-fast)}.fm-section__header:hover{background:var(--c-surface-3, var(--c-surface-2))}.fm-section__header:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.fm-section__arrow{font-size:var(--font-sm);color:var(--c-text-muted);flex-shrink:0;width:1em;text-align:center}.fm-section__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);flex:1}.fm-section__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--c-bg, var(--c-surface-1));border-top:1px solid var(--c-border)}.fm-tradition-btns{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fm-tradition-btn{background:var(--c-surface-2);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:0 var(--space-3);transition:all var(--transition-fast)}.fm-tradition-btn--on{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.fm-tradition-btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.fm-rows-container{border:1px solid var(--c-border);border-radius:var(--radius-md);max-height:400px;overflow-y:auto;transition:opacity var(--transition-fast)}.fm-rows-list{list-style:none;margin:0;padding:0;background:var(--c-bg, var(--c-surface-1))}.fm-row{border-top:1px solid var(--c-border);transition:background var(--transition-fast)}.fm-row--selected{background:var(--c-primary-dim, rgba(212, 175, 55, .08))}.fm-row:first-child{border-top:none}.fm-row__label{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);min-height:var(--touch-min);cursor:pointer;width:100%}.fm-row__label:hover{background:var(--c-surface-2)}.fm-row__checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.fm-row__check-mark{flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--c-border);background:var(--c-surface-2);position:relative;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.fm-row__checkbox:checked+.fm-row__check-mark{background:var(--c-primary);border-color:var(--c-primary)}.fm-row__checkbox:checked+.fm-row__check-mark:after{content:"";display:block;width:5px;height:9px;border:2px solid var(--c-bg, #0A0E17);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.fm-row__checkbox:focus-visible+.fm-row__check-mark{outline:2px solid var(--c-primary);outline-offset:2px}.fm-row__name{flex:1;font-size:var(--font-sm);color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-row__arabic{font-size:var(--font-base);color:var(--c-primary);font-family:var(--font-arabic, var(--font-sans));text-align:right;flex-shrink:0;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-badge{flex-shrink:0;font-size:10px;font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid currentColor;white-space:nowrap}.fm-badge--core{color:var(--c-primary);background:var(--c-primary-dim)}.fm-badge--extended{color:var(--c-accent, var(--c-text-muted));background:var(--c-accent-dim, var(--c-surface-2));border-color:var(--c-accent, var(--c-border))}.fm-badge--reference{color:var(--c-text-muted);background:transparent;border-color:var(--c-border)}.fm-footer{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-2)}.fm-save-btn{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-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:0 var(--space-5);transition:all var(--transition-fast)}.fm-save-btn:disabled{opacity:.5;cursor:not-allowed}.fm-save-btn--dirty{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-bg, #0A0E17);box-shadow:0 0 0 3px var(--c-primary-dim)}.fm-save-btn--dirty:hover:not(:disabled){filter:brightness(1.1)}.fm-dirty-dot{width:8px;height:8px;border-radius:50%;background:var(--c-amber, var(--c-bg, #0A0E17));flex-shrink:0}.fm-reset-link{background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-xs);text-decoration:underline;text-underline-offset:2px;min-height:var(--touch-min);padding:0;transition:color var(--transition-fast)}.fm-reset-link:hover:not(:disabled){color:var(--c-text)}.fm-reset-link:disabled{opacity:.4;cursor:not-allowed}.fm-hint--all-available{color:var(--c-primary);font-style:italic}@media(max-width:768px){.fm-rows-container{max-height:320px}.fm-row__arabic{max-width:80px}}@media(max-width:390px){.fm-rows-container{max-height:240px}.fm-row__arabic{display:none}.pcc-oriental__profile-row{gap:var(--space-1)}.pcc-oriental__profile-pill{font-size:var(--font-xs);padding:0 var(--space-3)}}.shm-admin{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.shm-admin__heading{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.shm-admin__loading{font-size:var(--font-sm);color:var(--c-text-muted);padding:var(--space-6);text-align:center}.shm-admin__hint{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.shm-admin__section{display:flex;flex-direction:column;gap:var(--space-3)}.shm-admin__section-header{display:flex;align-items:center;justify-content:space-between}.shm-admin__section-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.shm-admin__upload-link{background:var(--c-primary);border-radius:var(--radius-md);color:var(--c-bg);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);text-decoration:none;display:flex;align-items:center;min-height:36px;transition:opacity var(--transition-fast)}.shm-admin__upload-link:hover{opacity:.85}.shm-admin__queue{display:flex;flex-direction:column;gap:var(--space-2)}.shm-admin__queue-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.shm-admin__queue-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);flex:1}.shm-admin__queue-by{font-size:var(--font-xs);color:var(--c-text-muted)}.shm-admin__publish-btn{background:var(--c-success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);min-height:32px;padding:0 var(--space-3);transition:opacity var(--transition-fast)}.shm-admin__publish-btn:hover{opacity:.85}.shm-admin__piece-list{display:flex;flex-direction:column;gap:var(--space-2)}.shm-admin__piece-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.shm-admin__piece-info{flex:1;display:flex;flex-direction:column;gap:2px}.shm-admin__piece-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text)}.shm-admin__piece-meta{font-size:var(--font-xs);color:var(--c-text-muted)}.shm-admin__arr-chips{display:flex;gap:var(--space-1);flex-wrap:wrap}.shm-admin__arr-chip{background:var(--c-primary-dim);border:1px solid var(--c-primary);border-radius:var(--radius-full);color:var(--c-primary);font-size:10px;font-weight:var(--font-weight-semibold);padding:1px 8px;text-transform:capitalize}.shm-admin__delete-btn{background:none;border:1px solid var(--c-error);border-radius:var(--radius-sm);color:var(--c-error);cursor:pointer;font-size:var(--font-xs);min-height:32px;min-width:32px;transition:all var(--transition-fast)}.shm-admin__delete-btn:hover{background:var(--c-error);color:#fff}.app-settings{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.app-settings__heading{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.app-settings__section{display:flex;flex-direction:column;gap:var(--space-4)}.app-settings__section--danger{border-top:1px solid var(--c-error);padding-top:var(--space-4)}.app-settings__section-title{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--c-border)}.app-settings__hint{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.app-settings__hint--danger{color:var(--c-error)}.app-settings__slider-row{display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.app-settings__label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text)}.app-settings__slider-control{display:flex;align-items:center;gap:var(--space-3)}.app-settings__slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--c-surface-3);border-radius:var(--radius-full);outline:none;cursor:pointer}.app-settings__slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--c-primary);cursor:pointer}.app-settings__value{font-size:var(--font-sm);color:var(--c-text-muted);min-width:36px;text-align:right}.app-settings__midi-list{display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.app-settings__midi-item{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);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);text-align:left;transition:background var(--transition-fast)}.app-settings__midi-item:hover{background:var(--c-surface-3)}.app-settings__midi-item--active{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-primary);font-weight:var(--font-weight-semibold)}.app-settings__export-btn{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);min-height:var(--touch-min);padding:0 var(--space-5);transition:background var(--transition-fast);align-self:flex-start}.app-settings__export-btn:hover{background:var(--c-surface-3)}.app-settings__danger-details{border:1px solid var(--c-error);border-radius:var(--radius-md);overflow:hidden}.app-settings__danger-summary{cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-error);padding:var(--space-3) var(--space-4);background:var(--c-surface);list-style:none;min-height:var(--touch-min);display:flex;align-items:center}.app-settings__danger-actions{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--c-surface-2)}.app-settings__danger-btn{background:none;border:1px solid var(--c-error);border-radius:var(--radius-md);color:var(--c-error);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);min-height:var(--touch-min);padding:0 var(--space-5);transition:all var(--transition-fast);align-self:flex-start}.app-settings__danger-btn:hover{background:var(--c-error);color:#fff}.theme-studio{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.theme-studio__head{display:flex;flex-direction:column;gap:var(--space-1)}.theme-studio__heading{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.theme-studio__subhead{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;max-width:60ch;line-height:var(--leading-normal)}.theme-studio__loading{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.theme-studio__section{display:flex;flex-direction:column;gap:var(--space-3)}.theme-studio__section-title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);margin:0;text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--space-2);border-bottom:1px solid var(--c-border)}.theme-studio__profile-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.theme-studio__profile-btn{display: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-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-sm);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.theme-studio__profile-btn:hover{border-color:var(--c-primary)}.theme-studio__profile-btn--active{border-color:var(--c-primary);background:var(--c-primary-dim);color:var(--c-text);font-weight:var(--font-weight-semibold)}.theme-studio__profile-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--c-primary-dim);color:var(--c-primary);font-weight:var(--font-weight-bold);font-size:var(--font-sm);flex-shrink:0}.theme-studio__profile-name{font-size:var(--font-sm)}.theme-studio__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}@media(max-width:768px){.theme-studio__layout{grid-template-columns:1fr}}.theme-studio__theme-grid{display:flex;flex-direction:column;gap:var(--space-3)}.theme-studio__theme-card-row{display:flex;align-items:center;gap:var(--space-2)}.theme-studio__theme-card{display:flex;align-items:center;gap:var(--space-3);background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-3) var(--space-4);min-height:var(--touch-min);text-align:left;flex:1;transition:border-color var(--transition-fast),background var(--transition-fast)}.theme-studio__theme-card:hover{border-color:var(--c-primary)}.theme-studio__theme-card--active{border-color:var(--c-primary);background:var(--c-primary-dim);box-shadow:0 0 0 1px var(--c-primary)}.theme-studio__theme-name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);flex:1}.theme-studio__theme-status{font-size:var(--font-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.theme-studio__swatches{display:flex;gap:4px;flex-shrink:0}.theme-studio__swatch{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--c-border)}.theme-studio__card-actions{display:flex;gap:var(--space-1);flex-shrink:0}.theme-studio__card-action-btn{background:transparent;border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-xs);min-height:36px;padding:0 var(--space-3);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.theme-studio__card-action-btn--edit:hover{border-color:var(--c-primary);color:var(--c-primary)}.theme-studio__card-action-btn--delete:hover{border-color:var(--c-error);color:var(--c-error)}.theme-studio__card-action-btn--confirm{border-color:var(--c-error);color:var(--c-error);background:color-mix(in srgb,var(--c-bg) 80%,var(--c-error));font-weight:var(--font-weight-semibold)}.theme-studio__card-action-btn--cancel-del:hover{border-color:var(--c-text-muted);color:var(--c-text)}.theme-studio__delete-error{font-size:var(--font-sm);color:var(--c-error);margin:0}.theme-studio__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.theme-studio__apply-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-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-min);padding:0 var(--space-5);transition:opacity var(--transition-fast)}.theme-studio__apply-btn:hover:not(:disabled){opacity:.88}.theme-studio__apply-btn--saved{background:var(--c-success)}.theme-studio__apply-btn:disabled{opacity:.5;cursor:not-allowed}.theme-studio__dirty-hint{font-size:var(--font-xs);color:var(--c-warning)}.theme-studio__apply-error{font-size:var(--font-sm);color:var(--c-error);margin:0}.theme-studio__preview-surface{border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-5);min-height:220px;border:1px solid var(--c-border);background:var(--theme-bg-image, none),var(--c-bg);display:flex;flex-direction:column;gap:var(--space-3)}.theme-studio__preview-tag{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin:0}.theme-studio__preview-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.theme-studio__preview-title{margin:0;font-weight:var(--font-weight-bold);color:var(--c-primary);font-size:var(--font-base)}.theme-studio__preview-body{margin:0;color:var(--c-text);font-size:var(--font-sm)}.theme-studio__preview-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.theme-studio__preview-btn{border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);min-height:var(--touch-min);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:default}.theme-studio__preview-btn--primary{background:var(--c-primary);color:var(--c-bg);border-color:var(--c-primary);font-weight:var(--font-weight-semibold)}.theme-studio__preview-bar{height:8px;background:var(--c-primary-dim);border-radius:var(--radius-full);overflow:hidden}.theme-studio__preview-bar>span{display:block;height:100%;background:var(--c-primary);border-radius:var(--radius-full)}.theme-studio__preview-badges{display:flex;gap:var(--space-2)}.theme-studio__preview-badge{font-size:var(--font-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:2px var(--space-3);border:1px solid var(--c-border)}.theme-studio__preview-badge--success{background:var(--c-primary-dim);color:var(--c-success);border-color:var(--c-success)}.theme-studio__preview-badge--accent{background:var(--c-primary-dim);color:var(--c-accent);border-color:var(--c-accent)}.theme-studio__preview-guide{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);align-self:flex-start}.theme-studio__preview-guide-img{width:44px;height:44px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0}.theme-studio__preview-guide-label{font-size:var(--font-xs);color:var(--c-text-muted);line-height:1.3}.theme-studio__mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.theme-studio__mode-btn{min-height:var(--touch-min);padding:0 var(--space-4);border:1.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface-2);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.theme-studio__mode-btn:hover{border-color:var(--c-primary);color:var(--c-text)}.theme-studio__mode-btn--active{border-color:var(--c-primary);background:var(--c-primary-dim);color:var(--c-text)}.tc{display:flex;flex-direction:column;gap:var(--space-5)}.tc__field{display:flex;flex-direction:column;gap:var(--space-2)}.tc__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted)}.tc__input{background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-base);min-height:var(--touch-min);padding:0 var(--space-3);transition:border-color var(--transition-fast)}.tc__input:focus{outline:none;border-color:var(--c-primary)}.tc__group{display:flex;flex-direction:column;gap:var(--space-3)}.tc__group-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--c-border)}.tc__token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.tc__token-row{display:flex;flex-direction:column;gap:var(--space-2)}.tc__token-label{font-size:var(--font-xs);color:var(--c-text-muted);font-weight:var(--font-weight-medium)}.tc__token-inputs{display:flex;align-items:center;gap:var(--space-2)}.tc__color-picker{width:40px;height:40px;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--c-surface-2)}.tc__hex-input{flex:1;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-mono, monospace);font-size:var(--font-sm);min-height:40px;padding:0 var(--space-2)}.tc__hex-input:focus{outline:none;border-color:var(--c-primary)}.tc__feel-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.tc__feel-btn{min-height:40px;padding:0 var(--space-4);border:1.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface-2);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.tc__feel-btn:hover{border-color:var(--c-primary);color:var(--c-text)}.tc__feel-btn--active{border-color:var(--c-primary);background:var(--c-primary-dim);color:var(--c-text);font-weight:var(--font-weight-semibold)}.tc__select{background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-sans);font-size:var(--font-sm);min-height:40px;padding:0 var(--space-3);margin-top:var(--space-2)}.tc__aa{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm)}.tc__aa--pass{background:color-mix(in srgb,var(--c-bg) 85%,var(--c-success));border:1px solid var(--c-success);color:var(--c-success)}.tc__aa--fail{background:color-mix(in srgb,var(--c-bg) 85%,var(--c-error));border:1px solid var(--c-error);color:var(--c-error)}.tc__aa-icon{font-size:1rem}.tc__aa-list{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.tc__aa-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:4px;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}.tc__save-error{font-size:var(--font-sm);color:var(--c-error);margin:0}.tc__actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-top:var(--space-2)}.tc__cancel-btn{background:transparent;border:1.5px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-sm);min-height:var(--touch-min);padding:0 var(--space-4);cursor:pointer}.tc__cancel-btn:hover{border-color:var(--c-primary);color:var(--c-text)}.tc__save-btn{background:var(--c-primary);border:none;border-radius:var(--radius-md);color:var(--c-bg);font-family:var(--font-sans);font-size:var(--font-sm);font-weight:var(--font-weight-bold);min-height:var(--touch-min);padding:0 var(--space-5);cursor:pointer;transition:opacity var(--transition-fast)}.tc__save-btn:hover:not(:disabled){opacity:.88}.tc__save-btn:disabled{opacity:.45;cursor:not-allowed}.tc__realm-note{font-size:var(--font-xs);color:var(--c-text-dim);margin:0;font-style:italic}.tc__edit-banner{font-size:var(--font-sm);color:var(--c-primary);margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-primary-dim);border:1px solid var(--c-primary)}@media(max-width:640px){.tc__token-grid{grid-template-columns:1fr}}.tc__reset-token-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:transparent;color:var(--c-text-muted);font-size:14px;line-height:1;cursor:pointer;padding:0;transition:border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.tc__reset-token-btn:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.tc__reset-token-btn:disabled,.tc__reset-token-btn--at-default{opacity:.28;cursor:not-allowed}.tc__struct-select-row{display:flex;align-items:center;gap:var(--space-2)}.tc__struct-select-row .tc__select--sm{flex:1}.tc__struct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.tc__struct-row{display:flex;flex-direction:column;gap:var(--space-1)}.tc__struct-head{display:flex;justify-content:space-between;align-items:baseline}.tc__struct-label{font-size:var(--font-xs);color:var(--c-text-muted);font-weight:var(--font-weight-medium)}.tc__struct-val{font-size:var(--font-xs);color:var(--c-primary);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, monospace);min-width:48px;text-align:right}.tc__slider{width:100%;height:4px;accent-color:var(--c-primary);cursor:pointer}.tc__select--sm{font-size:var(--font-xs);min-height:36px;padding:0 var(--space-2);margin-top:0}.tc__grad-editor{display:flex;flex-direction:column;gap:var(--space-3)}.tc__grad-preview{height:48px;border-radius:var(--radius-md);border:1px solid var(--c-border)}.tc__grad-stop{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface-2);border-radius:var(--radius-md);border:1px solid var(--c-border)}.tc__grad-stop-row{display:flex;align-items:center;gap:var(--space-2)}.tc__slider-row{display:flex;flex-direction:column;gap:4px}.tc__slider-label{font-size:var(--font-xs);color:var(--c-text-muted);font-family:var(--font-mono, monospace)}.tc__hex-input--sm{width:80px;flex:none}@media(max-width:640px){.tc__struct-grid{grid-template-columns:1fr}}.tc__img-slot{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.tc__img-slot__label{font-size:var(--font-xs);color:var(--c-text-muted);font-weight:var(--font-weight-medium);margin:0}.tc__img-slot__preview{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.tc__img-slot__thumb{width:80px;height:80px;object-fit:contain;border-radius:var(--radius-md);border:1.5px solid var(--c-border);background:var(--c-surface-2);flex-shrink:0}.tc__img-slot__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.tc__img-slot__btn{min-height:40px;padding:0 var(--space-4);border:1.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface-2);color:var(--c-text-muted);font-family:var(--font-sans);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.tc__img-slot__btn:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary)}.tc__img-slot__btn:disabled{opacity:.5;cursor:not-allowed}.tc__img-slot__btn--upload{border-style:dashed;min-width:120px}.tc__img-slot__btn--remove:hover:not(:disabled){border-color:var(--c-error);color:var(--c-error)}.tc__img-slot__error{font-size:var(--font-xs);color:var(--c-error);margin:0}.tc__img-slot__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tc__group-sublabel{font-size:var(--font-xs);color:var(--c-text-muted);margin:var(--space-2) 0 var(--space-1);line-height:1.5}.tc__profile-bg-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);margin-top:var(--space-3)}.tc__profile-bg-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.tc__profile-bg-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--c-primary-dim);color:var(--c-primary);font-size:var(--font-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.tc__profile-bg-slots{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:600px){.tc__profile-bg-slots{grid-template-columns:1fr}}.tc__img-subsection{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--c-border)}.tc__img-subsection:first-child{border-top:none;padding-top:0}.tc__img-subsection-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0}.tc__img-subsection-label--planned{color:var(--c-text-dim)}.tc__img-planned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.tc__img-planned-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--c-surface-2);border:1px dashed var(--c-border);border-radius:var(--radius-md);opacity:.65;cursor:not-allowed;user-select:none}.tc__img-planned-card__key{font-family:var(--font-mono, monospace);font-size:var(--font-xs);color:var(--c-text-muted);font-weight:var(--font-weight-semibold);margin:0}.tc__img-planned-card__desc{font-size:var(--font-xs);color:var(--c-text-dim);margin:0;line-height:1.4}.tc__img-planned-card__notice{font-size:var(--font-xs);color:var(--c-text-dim);font-style:italic;margin:var(--space-1) 0 0;padding-top:var(--space-1);border-top:1px solid var(--c-border)}@media(max-width:600px){.tc__img-planned-grid{grid-template-columns:1fr 1fr}}.cct{display:flex;flex-direction:column;gap:1.25rem;height:100%;min-height:0;padding:1.5rem 1.75rem 2rem;overflow:hidden}@media(max-width:900px){.cct{padding:1rem;overflow-y:auto}}.cct__head{flex-shrink:0}.cct__heading{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:var(--c-text, #f0f0f8);margin:0}.cct__desc{font-size:.85rem;color:var(--c-text-muted, #888);margin:.25rem 0 0}.cct__workbench{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;flex:1;min-height:0;align-items:start}@media(max-width:1100px){.cct__workbench{grid-template-columns:280px 1fr}}@media(max-width:900px){.cct__workbench{grid-template-columns:1fr}}.cct__controls{display:flex;flex-direction:column;gap:1.1rem;overflow-y:auto;max-height:calc(100vh - 180px);padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.cct__section-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted, #888);margin:0 0 .4rem}.cct__chips{display:flex;flex-wrap:wrap;gap:.4rem}.cct__chip{min-height:36px;padding:.25rem .85rem;border-radius:999px;border:1.5px solid var(--c-border, rgba(255,255,255,.12));background:var(--c-surface, #1c1c2e);color:var(--c-text, #f0f0f8);font-size:.82rem;font-weight:600;font-family:var(--font-family, sans-serif);cursor:pointer;transition:background .14s,border-color .14s,color .14s}.cct__chip:hover{background:#ffffff12}.cct__chip--active{background:var(--c-accent, #7c5cbf);border-color:var(--c-accent, #7c5cbf);color:#fff}.cct__course-grid{display:flex;flex-direction:column;gap:.3rem;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.cct__course-card{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:9px;border:1.5px solid transparent;background:var(--c-surface, #1c1c2e);color:var(--c-text, #f0f0f8);font-family:var(--font-family, sans-serif);cursor:pointer;text-align:left;min-height:44px;transition:background .12s,border-color .12s}.cct__course-card:hover{background:#7c5cbf1a;border-color:#7c5cbf40}.cct__course-card--active{background:#7c5cbf33;border-color:var(--c-accent, #7c5cbf);color:var(--c-text, #f0f0f8)}.cct__course-card--planned{opacity:.75}.cct__course-icon{font-size:1.05rem;line-height:1;flex-shrink:0;width:1.4rem;text-align:center}.cct__course-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.cct__course-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cct__course-status{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.1rem .4rem;border-radius:3px;width:fit-content}.cct__course-status--active{background:#4caf502e;color:#4caf50}.cct__course-status--planned{background:#ff980026;color:#ff9800}.cct__course-status--hidden{background:#88888826;color:#888}.cct__control-group{display:flex;flex-direction:column;gap:.35rem;padding:.55rem 0;border-bottom:1px solid var(--c-border, rgba(255,255,255,.06))}.cct__control-group:last-of-type{border-bottom:none}.cct__control-label{font-size:.78rem;font-weight:600;color:var(--c-text, #f0f0f8)}.cct__options{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.cct__option{min-height:38px;padding:.25rem .75rem;border-radius:8px;border:1.5px solid var(--c-border, rgba(255,255,255,.12));background:var(--c-surface, #1c1c2e);color:var(--c-text-muted, #aaa);font-size:.8rem;font-weight:500;font-family:var(--font-family, sans-serif);cursor:pointer;transition:background .14s,border-color .14s,color .14s;display:inline-flex;align-items:center;gap:.35rem}.cct__option:hover{background:#ffffff12;color:var(--c-text, #f0f0f8)}.cct__option--active{background:var(--c-accent, #7c5cbf);border-color:var(--c-accent, #7c5cbf);color:#fff}.cct__swatch{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--swatch, #f5c842);flex-shrink:0}.cct__option--picker-pill{position:relative;cursor:pointer;user-select:none}.cct__picker-overlay{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0;margin:0}.cct__swatch--custom{border:1px solid rgba(255,255,255,.25)}.cct__bg-slots{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3, .75rem)}@media(max-width:600px){.cct__bg-slots{grid-template-columns:1fr}}.cct__bg-slot{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;border:1.5px dashed var(--c-border, rgba(255,255,255,.15));border-radius:9px;background:#ffffff05}.cct__bg-slot--active{border-color:var(--c-accent, #7c5cbf);border-style:solid;background:#7c5cbf0f}.cct__bg-slot-label{font-size:.72rem;font-weight:600;color:var(--c-text-muted, #888);margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.06em}.cct__upload-area{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;border:1.5px dashed var(--c-border, rgba(255,255,255,.15));border-radius:9px;background:#ffffff05}.cct__upload-area--active{border-color:var(--c-accent, #7c5cbf);border-style:solid;background:#7c5cbf0f}.cct__upload-hint{font-size:.74rem;color:var(--c-text-muted, #888);margin:0;line-height:1.4}.cct__upload-input{display:none}.cct__upload-btn{min-height:34px;padding:0 .85rem;border-radius:7px;border:1.5px solid var(--c-border, rgba(255,255,255,.15));background:var(--c-surface, #1c1c2e);color:var(--c-text, #f0f0f8);font-size:.78rem;font-family:var(--font-family, sans-serif);cursor:pointer;width:fit-content;transition:background .14s}.cct__upload-btn:disabled{opacity:.55;cursor:not-allowed}.cct__upload-btn:not(:disabled):hover{background:#ffffff12}.cct__upload-current{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.cct__upload-label{font-size:.78rem;font-weight:600;color:var(--c-accent, #7c5cbf)}.cct__upload-remove{font-size:.72rem;background:none;border:1px solid rgba(244,67,54,.4);color:#f44336;border-radius:4px;padding:.1rem .45rem;cursor:pointer;font-family:var(--font-family, sans-serif)}.cct__upload-remove:hover{background:#f4433614}.cct__upload-error{font-size:.74rem;color:#f44336;margin:0}.cct__upload-dims{font-size:.72rem;color:var(--c-text-muted, #888);margin:.3rem 0 0;line-height:1.45}.cct__upload-dims strong{color:var(--c-text, #f0f0f8)}.cct__focal-group{display:flex;flex-direction:column;gap:.2rem;margin-top:.4rem}.cct__focal-row{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;margin-top:.35rem}.cct__focal-val{font-size:.7rem;font-weight:600;color:var(--c-accent, #7c5cbf);min-width:2.2rem;text-align:right;flex-shrink:0}.cct__focal-hint{font-size:.68rem;color:var(--c-text-muted, #777);margin:.1rem 0 .3rem;font-style:italic}.cct__picker-label{font-size:.72rem;color:var(--c-text-muted, #888)}.cct__range{width:100%;accent-color:var(--c-accent, #7c5cbf)}.cct__saved{font-size:.82rem;font-weight:600;color:#4caf50;margin:.3rem 0 0;padding:.35rem .65rem;background:#4caf501f;border-radius:6px;display:inline-block}.cct__preview-panel{display:flex;flex-direction:column;gap:.6rem;position:sticky;top:1rem}.cct__preview-label{flex-shrink:0}.csp{border-radius:14px;overflow:hidden;border:1px solid var(--academy-course-border, rgba(255,255,255,.1));display:flex;flex-direction:column;min-height:520px;background:var(--academy-course-bg, #0a0a12);background-image:var(--academy-course-bg-image, none);background-size:var(--academy-course-bg-size, cover);background-position:var(--academy-course-bg-position, center);color:var(--academy-course-text, #f0f0f8);font-family:var(--font-family, sans-serif)}.csp__header{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:var(--academy-course-surface, rgba(20,20,32,.85));border-bottom:1px solid var(--academy-course-border, rgba(255,255,255,.08));min-height:44px;flex-shrink:0}.csp__back{font-size:.72rem;font-weight:600;color:var(--academy-course-accent, #f5c842);white-space:nowrap}.csp__breadcrumb{font-size:.72rem;flex:1;text-align:center;color:var(--academy-course-muted-text, #888)}.csp__course-name{color:var(--academy-course-muted-text, #888);font-weight:500}.csp__sep{opacity:.5}.csp__lesson-name{color:var(--academy-course-heading, #f0f0f8);font-weight:600}.csp__stage-nav{display:flex;align-items:center;padding:.4rem .85rem;gap:.2rem;background:var(--academy-course-surface, rgba(20,20,32,.6));flex-shrink:0}.csp__step{display:flex;align-items:center;gap:.2rem;flex:1}.csp__step-pip{width:16px;height:16px;border-radius:50%;background:var(--academy-course-progress-track, rgba(255,255,255,.1));display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:700;color:var(--academy-course-progress-complete, #e0a800);flex-shrink:0}.csp__step--done .csp__step-pip{background:var(--academy-course-progress-complete, #e0a800);color:#000}.csp__step--active .csp__step-pip{background:var(--academy-course-progress-active, #f5c842);color:#000}.csp__step-label{font-size:.62rem;font-weight:600;color:var(--academy-course-muted-text, #888);white-space:nowrap}.csp__step--done .csp__step-label{color:var(--academy-course-progress-complete, #e0a800)}.csp__step--active .csp__step-label{color:var(--academy-course-heading, #f0f0f8)}.csp__step-connector{flex:1;height:1px;background:var(--academy-course-border, rgba(255,255,255,.1));margin:0 .2rem}.csp__stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1rem 1.1rem .85rem}.csp__text-zone{text-align:center}.csp__lesson-title{font-size:1rem;font-weight:700;color:var(--academy-course-heading, #f0f0f8);margin:0}.csp__lesson-sub{font-size:.82rem;color:var(--academy-course-accent, #f5c842);font-weight:600;margin:.2rem 0 0}.csp__visual-zone{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%}.csp__staff-card{position:relative;background:var(--academy-course-surface-strong, rgba(28,28,44,.96));border-radius:10px;padding:.8rem 1.2rem .8rem 2rem;width:100%;max-width:320px;display:flex;flex-direction:column;justify-content:space-evenly;gap:5px;min-height:70px;box-shadow:0 0 0 1px var(--academy-course-border, rgba(255,255,255,.08))}.csp__clef{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--academy-course-muted-text, #888);line-height:1;user-select:none}.csp__staff-line{height:1px;background:var(--academy-course-border, rgba(255,255,255,.18));border-radius:1px}.csp__note-glow{position:absolute;right:38%;bottom:calc(50% - 2px);width:18px;height:18px;border-radius:50%;background:var(--academy-course-glow, rgba(245,200,60,.55));box-shadow:0 0 8px var(--academy-course-glow-strong, rgba(245,200,60,.85))}.csp__keyboard-strip{display:flex;gap:2px;max-width:260px;width:100%}.csp__key{flex:1;height:36px;background:#e8e4e0;border-radius:0 0 4px 4px;border:1px solid rgba(0,0,0,.15)}.csp__key--root{background:var(--academy-course-glow-soft, rgba(245,200,60,.35));border-color:var(--academy-course-glow, rgba(245,200,60,.55));position:relative}.csp__key--root:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--academy-course-glow, rgba(245,200,60,.8))}.csp__action-zone{display:flex;justify-content:center}.csp__hear-btn{padding:.45rem 1.4rem;border-radius:10px;background:var(--academy-course-button-bg, #c89e20);color:var(--academy-course-button-text, #fff);font-size:.82rem;font-weight:700}.csp__celebration{font-size:.82rem;font-weight:600;color:var(--academy-course-success, #4caf50);text-align:center}.csp__footer{padding:.65rem 1rem;background:var(--academy-course-surface, rgba(20,20,32,.9));border-top:1px solid var(--academy-course-border, rgba(255,255,255,.08));display:flex;flex-direction:column;gap:.2rem;flex-shrink:0}.csp__footer-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.csp__footer-label{font-size:.68rem;color:var(--academy-course-muted-text, #888);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.csp__footer-value{font-size:.76rem;color:var(--academy-course-heading, #f0f0f8);font-weight:500;text-align:right}.csp__footer-upload{color:var(--academy-course-accent, #f5c842)}.cct__note-hint{font-size:.78rem;color:var(--c-text-muted, #9a9ab0);margin:0 0 .5rem}.cct__note-grid{display:flex;flex-direction:column;gap:.4rem}.cct__note-row{display:flex;align-items:center;gap:.6rem}.cct__note-name{font-size:.85rem;min-width:96px;color:var(--c-text, #f0f0f8)}.cct__note-swatch{width:46px;height:30px;padding:0;border:1px solid var(--c-border, rgba(255,255,255,.18));border-radius:6px;background:none;cursor:pointer}.cct__note-reset{font-size:.72rem;min-height:28px;padding:0 .5rem;border-radius:6px;cursor:pointer;border:1px solid var(--c-border, rgba(255,255,255,.16));background:var(--c-surface, #20203400);color:var(--c-text, #f0f0f8)}.cct__note-sub{font-size:.8rem;font-weight:700;margin:.7rem 0 .4rem;color:var(--c-text, #f0f0f8)}.cct__note-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.cct__note-reset--all{min-height:30px}.cct__fix-btn{min-height:38px;padding:0 1rem;border-radius:8px;cursor:pointer;border:1px solid rgba(244,67,54,.6);background:#f443361a;color:#ff8a80;font-size:.85rem;font-weight:700;transition:background .15s}.cct__fix-btn:hover{background:#f4433633}.cct__fix-msg{font-size:.82rem;color:var(--c-text-muted, #9a9ab0);margin:.5rem 0 0}.cct__note-grid--12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem}.cct__note-grid--12 .cct__note-name{min-width:64px;font-size:.8rem}.cct__note-grid--12 .cct__note-swatch{width:40px;height:28px}.cct__loading{font-size:.78rem;color:var(--c-accent, #7c5cbf);margin:.25rem 0 0;animation:cct-pulse 1s ease-in-out infinite alternate}@keyframes cct-pulse{0%{opacity:1}to{opacity:.4}}.cct__saved--sticky{position:sticky;bottom:0;background:var(--c-surface, #1c1c2e);border:1px solid var(--c-accent, #7c5cbf);border-radius:8px;padding:.4rem .8rem;font-size:.82rem;font-weight:700;color:var(--c-accent, #7c5cbf);text-align:center;z-index:2;box-shadow:0 2px 8px #0006}.csp__note-legend{display:flex;gap:.3rem;justify-content:center;margin-top:.3rem}.csp__note-chip{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 0 0 2px #ffffff26}.csp__feedback-strip{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem;padding:.35rem .5rem;background:var(--academy-course-surface, rgba(20,20,32,.75));border-radius:8px;border:1px solid var(--academy-course-border, rgba(255,255,255,.08))}.csp__fb-chip{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--academy-course-muted-text, #888)}.csp__fb-dot{width:.65rem;height:.65rem;border-radius:50%;flex-shrink:0}.cct__reset-btn{min-height:38px;width:100%;padding:0 1rem;border-radius:8px;cursor:pointer;border:1.5px solid rgba(255,152,0,.45);background:#ff980014;color:#ffb74d;font-size:.82rem;font-weight:700;font-family:var(--font-family, sans-serif);transition:background .15s;text-align:center}.cct__reset-btn:hover{background:#ff98002b}.cct__reset-confirm{padding:.75rem;border-radius:9px;background:#ff980014;border:1.5px solid rgba(255,152,0,.35);display:flex;flex-direction:column;gap:.6rem}.cct__reset-confirm-msg{font-size:.82rem;color:var(--c-text, #f0f0f8);margin:0;line-height:1.4}.cct__reset-confirm-msg strong{color:#ffb74d}.cct__reset-confirm-actions{display:flex;gap:.5rem}.cct__reset-confirm-yes{flex:1;min-height:38px;border-radius:8px;border:none;background:#ff9800bf;color:#fff;font-size:.82rem;font-weight:700;font-family:var(--font-family, sans-serif);cursor:pointer;transition:background .14s}.cct__reset-confirm-yes:hover{background:#ff9800e6}.cct__reset-confirm-cancel{flex:1;min-height:38px;border-radius:8px;border:1.5px solid var(--c-border, rgba(255,255,255,.14));background:var(--c-surface, #1c1c2e);color:var(--c-text-muted, #aaa);font-size:.82rem;font-weight:600;font-family:var(--font-family, sans-serif);cursor:pointer;transition:background .14s}.cct__reset-confirm-cancel:hover{background:#ffffff0f}.csp__key[data-note]{position:relative}.csp__key[data-note]:after{content:attr(data-note);position:absolute;bottom:.15rem;left:50%;transform:translate(-50%);font-size:.55rem;font-weight:700;color:var(--note-swatch, rgba(255,255,255,.7));text-shadow:0 0 4px rgba(0,0,0,.8)}.teaching-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px 16px;box-sizing:border-box;background:#0000000a;border:1px solid rgba(0,0,0,.1);border-radius:8px}.teaching-text p{margin:0;color:#1a1830;line-height:1.5;word-break:break-word;user-select:none}.studio-shell{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--c-bg);color:var(--c-text);overflow:hidden}.studio-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;flex-wrap:wrap;min-height:48px;row-gap:4px}.studio-header__title{font-weight:700;font-size:var(--font-sm, 14px);letter-spacing:.04em;color:var(--c-accent, #a78bfa);display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.studio-header__context{display:flex;align-items:center;gap:8px;flex:1;font-size:var(--font-sm, 13px)}.studio-header__context-lesson{color:var(--c-primary, #8b5cf6);font-weight:600;display:flex;align-items:center;gap:6px}.studio-header__context-badge{font-size:10px;font-weight:700;background:#8b5cf633;color:var(--c-primary, #8b5cf6);border-radius:4px;padding:1px 5px;text-transform:uppercase;letter-spacing:.05em}.studio-header__context-free{opacity:.4;font-size:12px}.studio-header__profile{font-size:11px;opacity:.35;margin-left:auto;white-space:nowrap}.studio-tabs{display:flex;align-items:center;gap:2px;flex-shrink:0}.studio-tab{padding:5px 12px;border:none;border-radius:6px;background:transparent;color:var(--c-text, #fff);font-size:var(--font-sm, 13px);cursor:pointer;opacity:.55;transition:background .12s,opacity .12s;min-height:32px;white-space:nowrap}.studio-tab:hover{opacity:.85;background:#ffffff0d}.studio-tab--active{opacity:1;background:#8b5cf62e;color:var(--c-accent, #a78bfa);font-weight:600}.studio-mode-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.canvas-editor{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.canvas-editor__toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap;min-height:44px;background:#ffffff05;row-gap:4px}.canvas-editor__tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.canvas-editor__save-group{display:flex;align-items:center;gap:6px;margin-left:auto}.canvas-editor__save-msg{font-size:12px;color:var(--c-accent, #a78bfa);white-space:nowrap}.canvas-editor__body{display:flex;flex:1;min-height:0;overflow:hidden}.studio-bp-switcher{display:flex;gap:2px;flex-shrink:0}.studio-bp-btn{display:flex;flex-direction:column;align-items:center;padding:2px 8px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:transparent;color:var(--c-text, #fff);font-size:11px;cursor:pointer;opacity:.5;transition:all .12s;min-height:36px;gap:1px}.studio-bp-btn:hover{opacity:.8;background:#ffffff0d}.studio-bp-btn--active{opacity:1;background:#8b5cf626;border-color:#8b5cf659;color:var(--c-accent, #a78bfa);font-weight:600}.studio-bp-dims{font-size:9px;opacity:.6}.studio-btn{padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--c-text, #fff);font-size:var(--font-sm, 13px);cursor:pointer;transition:background .12s;white-space:nowrap;min-height:32px}.studio-btn--primary{background:#8b5cf633;border-color:#8b5cf659;color:var(--c-accent, #a78bfa);font-weight:600}.studio-btn--primary:hover{background:#8b5cf652}.studio-btn--primary:disabled{opacity:.45;cursor:not-allowed}.studio-btn--secondary:hover{background:#ffffff12}.studio-btn--danger{border-color:#ef444459;color:#ef4444}.studio-btn--danger:hover{background:#ef444426}.studio-btn--danger-icon{padding:2px 7px;border-radius:5px;border:none;background:#ef44441f;color:#ef4444;cursor:pointer;font-size:12px;min-height:28px}.studio-btn--icon{padding:3px 9px;font-size:15px;font-weight:700;min-height:30px}.studio-btn--sm{font-size:11px;padding:3px 8px;min-height:28px}.studio-snap-label,.studio-grid-label{display:flex;align-items:center;gap:6px;font-size:var(--font-sm, 13px);cursor:pointer;color:var(--c-text-muted, rgba(255, 255, 255, .7));min-height:36px}.studio-snap-label input[type=checkbox]{accent-color:var(--c-accent, #a78bfa);width:16px;height:16px;cursor:pointer}.studio-grid-label input[type=range]{accent-color:var(--c-accent, #a78bfa);width:72px;cursor:pointer}.studio-palette{width:180px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;display:flex;flex-direction:column;background:#ffffff05}.studio-palette__header{padding:10px 14px 6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.4}.studio-palette__list{display:flex;flex-direction:column;gap:4px;padding:0 8px}.studio-palette__item{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:transparent;color:var(--c-text, #fff);cursor:grab;font-size:var(--font-sm, 13px);text-align:left;transition:background .12s,border-color .12s;min-height:44px}.studio-palette__item:hover{background:#ffffff0f;border-color:#a78bfa59}.studio-palette__item--dragging{cursor:grabbing;box-shadow:0 4px 16px #8b5cf666;border-color:#8b5cf680}.studio-palette__icon{font-size:16px;flex-shrink:0}.studio-palette__label{flex:1}.studio-palette__add{opacity:0;font-size:18px;font-weight:700;color:var(--c-accent, #a78bfa);transition:opacity .12s}.studio-palette__item:hover .studio-palette__add{opacity:1}.studio-palette__hint{margin:auto 14px 12px;font-size:11px;opacity:.3;line-height:1.5}.studio-canvas-outer{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.studio-canvas-scroll{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px;background:#05050a;min-width:0}.studio-canvas{position:relative;background:#f4f4f6;border:1px solid rgba(0,0,0,.12);box-shadow:0 0 0 1px #0000000f,0 16px 48px #00000080;flex-shrink:0;overflow:visible;border-radius:4px;transition:box-shadow .15s;--staff-line-rgb: 30 28 55;--staff-clef-rgb: 30 28 55;--staff-note-rgb: 30 28 55;--staff-stage-rgb: 244 244 246;--staff-label-on-note-rgb: 244 244 246}.studio-canvas--drop-target{box-shadow:0 0 0 2px #8b5cf699,0 16px 48px #0009}.studio-grid line{stroke:#00000012;stroke-width:1}.studio-instance{box-sizing:border-box;cursor:default;border-radius:3px;z-index:1;overflow:hidden}.studio-instance>svg{height:100%!important;max-height:100%!important}.studio-instance--selected{z-index:2}.studio-canvas-readout{flex-shrink:0;padding:4px 20px;font-size:11px;font-family:monospace;color:#a78bfa99;background:#00000038;border-top:1px solid rgba(255,255,255,.06);letter-spacing:.03em;white-space:nowrap}.readout-bp{color:#34d399cc;font-weight:700}.studio-style-panel{width:240px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.07);overflow-y:auto;display:flex;flex-direction:column;background:#ffffff04}.studio-style-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;opacity:.38}.studio-style-panel__empty-icon{font-size:28px;opacity:.6}.studio-style-panel__empty p{font-size:var(--font-sm, 13px);line-height:1.5}.studio-style-panel__header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px;font-weight:700;font-size:var(--font-sm, 13px);border-bottom:1px solid rgba(255,255,255,.07);letter-spacing:.03em}.studio-style-panel__bp-badge{margin-left:auto;font-size:9px;background:#34d39926;color:#34d399;border-radius:3px;padding:1px 5px;text-transform:uppercase}.studio-style-panel__section{padding:10px 12px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.studio-style-panel__section-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.38;margin:0 0 6px;display:flex;align-items:center;gap:6px}.studio-style-panel__override-hint{color:#34d399;opacity:1;font-size:9px}.studio-style-panel__row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 0;font-size:var(--font-sm, 13px)}.studio-style-panel__row--wrap{align-items:flex-start;flex-direction:column;gap:3px}.studio-style-panel__row--muted{opacity:.35}.studio-style-panel__key{font-weight:600;opacity:.55;font-size:11px;letter-spacing:.04em;min-width:22px;flex-shrink:0}.studio-style-panel__key--wide{min-width:auto;opacity:.7}.studio-style-panel__val{font-family:monospace;font-size:11px;color:#a78bfad9}.studio-style-panel__control{width:100%}.studio-style-panel__pos-input{width:70px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--c-text, #fff);font-size:12px;padding:3px 6px;text-align:right}.studio-style-panel__note{font-size:11px;opacity:.35;line-height:1.6;padding:4px 0}.sf-select,.sf-text,.sf-number{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:var(--c-text, #fff);font-size:12px;padding:4px 6px}.sf-select{cursor:pointer}.sf-range-wrap{display:flex;align-items:center;gap:6px;width:100%}.sf-range-wrap input[type=range]{flex:1;accent-color:var(--c-accent, #a78bfa);cursor:pointer}.sf-range-val{font-size:11px;font-family:monospace;min-width:30px;text-align:right;color:#a78bfad9}.sf-color-wrap{display:flex;align-items:center;gap:6px}.sf-color-wrap input[type=color]{width:32px;height:26px;border:1px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer;background:transparent;padding:1px}.sf-color-val{font-size:11px;font-family:monospace;color:#a78bfabf}.sf-toggle{padding:3px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--c-text, #fff);font-size:11px;cursor:pointer;font-weight:600;min-height:28px}.sf-toggle--on{background:#8b5cf633;border-color:#8b5cf659;color:var(--c-accent, #a78bfa)}.moveable-control-box .moveable-line{background:#2563eb!important}.moveable-control-box .moveable-control{background:#2563eb!important;border-color:#2563eb80!important;width:10px!important;height:10px!important}.moveable-control-box .moveable-rotation{display:none}.moveable-snap-pos{background:#34d399cc!important}.behaviour-panel{flex-shrink:0;border-top:1px solid rgba(255,255,255,.07);padding:10px 16px 12px;background:#8b5cf60d}.behaviour-panel__title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin:0 0 6px}.behaviour-panel__lesson-id{font-size:12px;font-weight:600;color:var(--c-accent, #a78bfa);margin-bottom:8px}.behaviour-panel__row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.behaviour-panel__label{font-size:12px;opacity:.7}.behaviour-panel__input{width:60px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:var(--c-text, #fff);font-size:12px;padding:3px 6px;text-align:center}.studio-loading{display:flex;align-items:center;justify-content:center;flex:1;opacity:.4;font-size:var(--font-sm, 13px)}.theme-mode{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.theme-mode__toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;flex-wrap:wrap;min-height:48px}.theme-mode__profile-select{display:flex;align-items:center;gap:8px;font-size:var(--font-sm, 13px)}.theme-mode__profile-select select{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--c-text, #fff);font-size:13px;padding:4px 8px;cursor:pointer}.theme-mode__status{font-size:12px;opacity:.5}.theme-mode__save-msg{font-size:12px;color:var(--c-accent, #a78bfa)}.theme-mode__body{display:flex;flex:1;min-height:0;overflow:hidden;gap:0}.theme-mode__tokens{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.theme-mode__group{display:flex;flex-direction:column;gap:8px}.theme-mode__group-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:.4;margin:0 0 4px}.theme-mode__token-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.theme-mode__token-row input[type=color]{width:36px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:5px;cursor:pointer;background:transparent;padding:2px;flex-shrink:0}.theme-mode__token-info{display:flex;flex-direction:column;gap:2px;flex:1}.theme-mode__token-label{font-size:13px;font-weight:600}.theme-mode__token-key{font-size:10px;font-family:monospace;opacity:.4}.theme-mode__token-val{font-size:11px;font-family:monospace;opacity:.55}.theme-mode__swatch{width:28px;height:28px;border-radius:5px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.theme-mode__wcag{width:260px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.07);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.theme-mode__wcag-row{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.theme-mode__wcag-row--pass{border-color:#34d39940}.theme-mode__wcag-row--fail{border-color:#ef444440}.theme-mode__wcag-label{font-size:11px;flex:1;opacity:.75}.theme-mode__wcag-ratio{font-size:12px;font-family:monospace;font-weight:700}.theme-mode__wcag-grade{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px}.theme-mode__wcag-row--pass .theme-mode__wcag-grade{background:#34d39926;color:#34d399}.theme-mode__wcag-row--fail .theme-mode__wcag-grade{background:#ef444426;color:#ef4444}.theme-mode__wcag-preview{font-size:14px;font-weight:700;width:36px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.course-mode{display:flex;flex:1;min-height:0;overflow:hidden}.course-mode__sidebar{width:200px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden}.course-mode__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.45;border-bottom:1px solid rgba(255,255,255,.06)}.course-mode__course-list{flex:1;overflow-y:auto;list-style:none;padding:6px;margin:0;display:flex;flex-direction:column;gap:3px}.course-mode__course-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .12s}.course-mode__course-item:hover{background:#ffffff0d}.course-mode__course-item--active{background:#8b5cf626;color:var(--c-accent,#a78bfa);font-weight:600}.course-mode__course-count{font-size:10px;opacity:.45}.course-mode__sidebar-footer{display:flex;flex-direction:column;gap:6px;padding:10px;border-top:1px solid rgba(255,255,255,.06)}.course-mode__save-msg{font-size:11px;color:var(--c-accent,#a78bfa);text-align:center}.course-mode__main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.course-mode__builder-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.course-mode__course-name-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--c-text,#fff);font-size:15px;font-weight:700;padding:6px 10px}.course-mode__columns{flex:1;display:flex;min-height:0;overflow:hidden;gap:0}.course-mode__unit-library{width:340px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;padding:12px;gap:8px;overflow:hidden}.course-mode__search{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--c-text,#fff);font-size:13px;padding:6px 10px}.course-mode__col-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.4;margin:0}.course-mode__unit-list{flex:1;overflow-y:auto;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.course-mode__unit-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:7px}.course-mode__unit-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.course-mode__unit-type-icon{font-size:16px;flex-shrink:0}.course-mode__unit-name{font-size:13px;font-weight:600}.course-mode__unit-type{font-size:11px;opacity:.5}.course-mode__unit-reuse{font-size:10px;color:#8b5cf6b3;margin-top:1px}.course-mode__builder{flex:1;display:flex;flex-direction:column;padding:12px;gap:8px;overflow:hidden}.course-mode__builder-list{flex:1;overflow-y:auto;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.course-mode__builder-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:7px}.course-mode__builder-num{font-size:12px;font-weight:700;opacity:.5;min-width:20px}.course-mode__builder-info{flex:1;min-width:0}.course-mode__builder-name{font-size:13px;font-weight:600;margin-bottom:4px}.course-mode__builder-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.course-mode__builder-controls label{font-size:11px;opacity:.6;display:flex;align-items:center;gap:4px}.course-mode__builder-controls select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--c-text,#fff);font-size:11px;padding:2px 5px;cursor:pointer}.course-mode__builder-actions{display:flex;align-items:center;gap:4px}.course-mode__empty,.course-mode__no-course{opacity:.45;text-align:center;padding:24px 16px;font-size:13px}.lesson-mode{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:24px}.lesson-mode__section{display:flex;flex-direction:column;gap:12px}.lesson-mode__section-title{font-size:15px;font-weight:700;display:flex;flex-direction:column;gap:3px}.lesson-mode__section-sub{font-size:12px;font-weight:400;opacity:.5}.lesson-mode__templates{display:flex;flex-direction:column;gap:8px}.lesson-mode__template-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:border-color .15s}.lesson-mode__template-card--expanded{border-color:#8b5cf659}.lesson-mode__template-header{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background .12s}.lesson-mode__template-header:hover{background:#ffffff0a}.lesson-mode__template-icon{font-size:20px;flex-shrink:0}.lesson-mode__template-name{font-size:14px;font-weight:700}.lesson-mode__template-desc{font-size:12px;opacity:.55;margin-top:2px}.lesson-mode__template-chevron{margin-left:auto;opacity:.5;font-size:14px}.lesson-mode__template-body{padding:10px 14px 14px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:6px}.lesson-mode__template-meta{font-size:12px;opacity:.65}.lesson-mode__search{width:100%;max-width:400px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:var(--c-text,#fff);font-size:13px;padding:7px 12px}.lesson-mode__lesson-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.lesson-mode__lesson-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:9px;transition:border-color .12s}.lesson-mode__lesson-card:hover{border-color:#8b5cf64d}.lesson-mode__lesson-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.lesson-mode__lesson-icon{font-size:18px;flex-shrink:0}.lesson-mode__lesson-name{font-size:13px;font-weight:700}.lesson-mode__lesson-type{font-size:11px;opacity:.5}.lesson-mode__lesson-config{font-size:11px;margin-top:3px;opacity:.7}.lesson-mode__empty{opacity:.4;font-size:13px;padding:16px 0}@media(max-width:768px){.studio-palette{width:130px}.studio-style-panel{width:170px}.studio-bp-switcher{gap:1px}.studio-bp-btn{padding:2px 5px;font-size:10px}.theme-mode__wcag{width:200px}}.ninjastarz{padding:var(--space-4);max-width:900px;container-type:inline-size}.ninjastarz__heading{font-size:var(--font-2xl, 1.5rem);font-weight:700;color:var(--c-text);margin:0 0 var(--space-1) 0}.ninjastarz__subtitle{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0 0 var(--space-4) 0}.ninjastarz__section{background:var(--c-surface);border-radius:var(--radius-lg, 12px);border:1px solid var(--c-border);padding:var(--space-4);margin-bottom:var(--space-4)}.ninjastarz__section--danger{border-color:var(--c-error, #d93025)}.ninjastarz__section-title{font-size:var(--font-lg, 1.1rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-1) 0}.ninjastarz__section-title--danger{color:var(--c-error, #d93025)}.ninjastarz__section-desc{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0 0 var(--space-3) 0}.ninjastarz__profile-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.ninjastarz__profile-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;min-height:64px;padding:var(--space-2) var(--space-3);background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);color:var(--c-text);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.ninjastarz__profile-btn:hover{background:var(--c-hover, var(--c-surface-2));border-color:var(--c-accent)}.ninjastarz__profile-btn--on{background:var(--c-accent-soft, color-mix(in srgb, var(--c-accent) 12%, transparent));border-color:var(--c-accent);color:var(--c-accent)}.ninjastarz__profile-btn-name{font-size:var(--font-base, .9375rem);font-weight:600}.ninjastarz__profile-btn-role{font-size:var(--font-xs, .75rem);color:var(--c-text-2);text-transform:capitalize}.ninjastarz__profile-panel{position:relative;background:var(--c-surface-2, var(--c-bg));border-radius:var(--radius-md, 8px);border:1px solid var(--c-border);padding:var(--space-3) var(--space-4)}.ninjastarz__field{margin-bottom:var(--space-4)}.ninjastarz__label{display:block;font-size:var(--font-sm, .875rem);font-weight:600;color:var(--c-text);margin-bottom:var(--space-1)}.ninjastarz__toggle-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.ninjastarz__toggle{min-height:44px;min-width:80px;padding:var(--space-1) var(--space-3);background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-sm, 6px);color:var(--c-text);font-size:var(--font-sm, .875rem);font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.ninjastarz__toggle--on{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent, #fff)}.ninjastarz__select{min-height:44px;padding:var(--space-1) var(--space-2);background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-sm, 6px);color:var(--c-text);font-size:var(--font-sm, .875rem);font-family:inherit;cursor:pointer}.ninjastarz__inline-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ninjastarz__number-input{min-height:44px;width:80px;padding:var(--space-1) var(--space-2);background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-sm, 6px);color:var(--c-text);font-size:var(--font-base, .9375rem);font-family:inherit;text-align:center}.ninjastarz__text-input{min-height:44px;width:260px;max-width:100%;padding:var(--space-1) var(--space-2);background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-sm, 6px);color:var(--c-text);font-size:var(--font-base, .9375rem);font-family:inherit;transition:border-color .15s}.ninjastarz__text-input--match{border-color:var(--c-success, #2e7d32);outline:1px solid var(--c-success, #2e7d32)}.ninjastarz__unit{font-size:var(--font-sm, .875rem);color:var(--c-text-2)}.ninjastarz__hint{font-size:var(--font-xs, .75rem);color:var(--c-text-3, var(--c-text-2))}.ninjastarz__hint-text{font-size:var(--font-xs, .75rem);color:var(--c-text-2);margin:var(--space-1) 0 0 0}.ninjastarz__option-cards{display:flex;gap:var(--space-2);flex-wrap:wrap}.ninjastarz__option-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:148px;min-height:72px;padding:var(--space-2) var(--space-3);background:var(--c-surface-2, var(--c-bg));border:2px solid var(--c-border);border-radius:var(--radius-md, 8px);color:var(--c-text);font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.ninjastarz__option-card:hover{border-color:var(--c-accent)}.ninjastarz__option-card--on{border-color:var(--c-accent);background:var(--c-accent-soft, color-mix(in srgb, var(--c-accent) 12%, transparent))}.ninjastarz__option-card-label{font-size:var(--font-base, .9375rem);font-weight:600}.ninjastarz__option-card-desc{font-size:var(--font-xs, .75rem);color:var(--c-text-2)}.ninjastarz__save-btn{min-height:44px;min-width:140px;padding:var(--space-2) var(--space-4);background:var(--c-accent);border:none;border-radius:var(--radius-md, 8px);color:var(--c-on-accent, #fff);font-size:var(--font-base, .9375rem);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,background .15s;margin-top:var(--space-2)}.ninjastarz__save-btn:disabled{opacity:.5;cursor:not-allowed}.ninjastarz__save-btn--saved{background:var(--c-success, #2e7d32)}.ninjastarz__loading{color:var(--c-text-2);font-size:var(--font-sm, .875rem);padding:var(--space-2)}.ninjastarz__profile-panel--refreshing{opacity:.7;pointer-events:none;transition:opacity .15s}.ninjastarz__refreshing-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ninjastarz__target-profile-text{font-size:var(--font-sm, .875rem);color:var(--c-text);font-weight:600;margin:var(--space-1) 0 0 0}.ninjastarz__badge-catalogue{margin:var(--space-3) 0}.ninjastarz__subsection-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--font-sm, .875rem);font-weight:600;color:var(--c-text);margin:var(--space-3) 0 var(--space-1) 0}.ninjastarz__badge-category{margin-bottom:var(--space-2)}.ninjastarz__badge-category-name{display:block;font-size:var(--font-xs, .75rem);font-weight:600;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.ninjastarz__badge-list{display:flex;flex-wrap:wrap;gap:6px}.ninjastarz__badge-chip{display:flex;align-items:center;gap:6px;padding:4px var(--space-2);background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:999px;font-size:var(--font-xs, .75rem);color:var(--c-text)}.ninjastarz__badge-icon{font-size:1rem;line-height:1}.ninjastarz__badge-name{white-space:nowrap}.ninjastarz__shell-block{background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);padding:var(--space-3);margin-top:var(--space-3);opacity:.82}.ninjastarz__shell-note{font-size:var(--font-xs, .75rem);color:var(--c-text-2);margin:4px 0 var(--space-2) 0;line-height:1.5}.ninjastarz__action-btn{min-height:44px;padding:var(--space-1) var(--space-3);background:var(--c-accent);border:none;border-radius:var(--radius-sm, 6px);color:var(--c-on-accent, #fff);font-size:var(--font-sm, .875rem);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.ninjastarz__action-btn--danger{background:var(--c-error, #d93025)}.ninjastarz__action-btn--disabled,.ninjastarz__action-btn:disabled{opacity:.45;cursor:not-allowed}.ninjastarz__agent2-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-xs, .75rem);font-weight:500;color:var(--c-text-2);background:color-mix(in srgb,var(--c-accent, #5566ee) 8%,var(--c-surface-2, transparent));border:1px solid color-mix(in srgb,var(--c-accent, #5566ee) 25%,transparent);border-radius:999px;padding:2px 8px;white-space:nowrap}.ninjastarz__agent2-note{font-size:var(--font-xs, .75rem);color:var(--c-text-2);font-style:italic;margin:var(--space-1) 0 0 0}.ninjastarz__info-banner{background:color-mix(in srgb,var(--c-accent, #5566ee) 10%,transparent);border:1px solid var(--c-accent, #5566ee);border-radius:var(--radius-sm, 6px);padding:var(--space-2) var(--space-3);font-size:var(--font-sm, .875rem);color:var(--c-text);margin-bottom:var(--space-3);line-height:1.5}.ninjastarz__danger-banner{background:color-mix(in srgb,var(--c-error, #d93025) 10%,transparent);border:1px solid var(--c-error, #d93025);border-radius:var(--radius-sm, 6px);padding:var(--space-2) var(--space-3);font-size:var(--font-sm, .875rem);color:var(--c-text);margin-bottom:var(--space-3);line-height:1.5}.ninjastarz__reset-block{background:var(--c-surface-2, var(--c-bg));border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);padding:var(--space-3) var(--space-4);margin-top:var(--space-3)}.ninjastarz__ai-placeholder{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface-3, var(--c-surface-2));border-radius:var(--radius-sm, 6px);color:var(--c-text-2)}.ninjastarz__ai-placeholder-icon{font-size:1.5rem;flex-shrink:0}.ninjastarz__ai-placeholder-text{font-size:var(--font-sm, .875rem)}.ninjastarz__slider-row{display:flex;align-items:center;gap:var(--space-2)}.ninjastarz__range{flex:1;max-width:300px;min-height:44px;cursor:pointer}.ninjastarz__value{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--c-text);min-width:3.5rem;text-align:right}@container (max-width: 600px){.ninjastarz{padding:var(--space-3)}.ninjastarz__option-cards{flex-direction:column}.ninjastarz__option-card{min-width:unset;width:100%}.ninjastarz__profile-selector{justify-content:flex-start}.ninjastarz__text-input{width:100%}}.nz-earned-themes__list{display:flex;flex-direction:column;gap:0;margin-top:var(--space-2)}.nz-earned-themes__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--c-border)}.nz-earned-themes__row:last-child{border-bottom:none}.nz-earned-themes__name{flex:1;font-size:var(--font-sm, .875rem);color:var(--c-text)}.nz-earned-themes__active{font-size:.75em;padding:2px 8px;border-radius:999px;background:var(--c-accent, var(--c-primary));color:var(--c-on-accent, var(--c-on-primary, #fff));white-space:nowrap}.nz-earned-themes__apply-btn{min-height:44px;min-width:44px}.nz-earned-themes__empty,.nz-earned-themes__error{font-size:var(--font-sm, .875rem);color:var(--c-text-2);padding:var(--space-2) 0}.ninjaai-status{display:flex;flex-direction:column;gap:var(--space-4, 1rem);padding:var(--space-5, 1.25rem);max-width:640px}.ninjaai-status__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 1rem);flex-wrap:wrap}.ninjaai-status__title{color:var(--c-text);font-size:var(--font-lg, 1.25rem);margin:0}.ninjaai-status__check{min-height:44px;min-width:44px;padding:0 var(--space-5, 1.25rem);border:none;border-radius:var(--radius-md, .5rem);background:var(--c-accent);color:var(--c-on-accent, #fff);font-size:var(--font-base, 1rem);font-weight:600;cursor:pointer}.ninjaai-status__check:disabled{opacity:.6;cursor:default}.ninjaai-status__dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--c-text-2);flex:0 0 auto}.ninjaai-status__overall--online .ninjaai-status__dot,.ninjaai-status__stage--online .ninjaai-status__dot{background:var(--c-success, #2ecc71)}.ninjaai-status__overall--attention .ninjaai-status__dot,.ninjaai-status__stage--attention .ninjaai-status__dot{background:var(--c-warning, #f0a000)}.ninjaai-status__overall{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--c-surface-2, rgba(255, 255, 255, .04));border-radius:var(--radius-sm, .375rem)}.ninjaai-status__overall-text{color:var(--c-text);font-size:var(--font-base, 1rem);font-weight:600;overflow-wrap:anywhere}.ninjaai-status__overall--online .ninjaai-status__overall-text{color:var(--c-success, #2ecc71)}.ninjaai-status__overall--attention .ninjaai-status__overall-text{color:var(--c-warning, #f0a000)}.ninjaai-status__model{margin:0;color:var(--c-text-2);font-size:var(--font-sm, .875rem);overflow-wrap:anywhere}.ninjaai-status__checklist{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin:0;padding:0;list-style:none}.ninjaai-status__stage{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);flex-wrap:wrap;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--c-surface-2, rgba(255, 255, 255, .04));border-radius:var(--radius-sm, .375rem)}.ninjaai-status__stage-label{color:var(--c-text);font-size:var(--font-base, 1rem);font-weight:500;min-width:0;overflow-wrap:anywhere}.ninjaai-status__stage-status{display:flex;align-items:center;gap:var(--space-2, .5rem);color:var(--c-text-2);font-size:var(--font-sm, .875rem);font-weight:600;white-space:nowrap}.ninjaai-status__stage--online .ninjaai-status__stage-status{color:var(--c-success, #2ecc71)}.ninjaai-status__stage--attention .ninjaai-status__stage-status{color:var(--c-warning, #f0a000)}.ninjaai-status__action{margin:0;padding:var(--space-3, .75rem) var(--space-4, 1rem);color:var(--c-warning, #f0a000);font-size:var(--font-sm, .875rem);line-height:1.5;background:var(--c-surface-2, rgba(255, 255, 255, .04));border-radius:var(--radius-sm, .375rem);border-left:3px solid var(--c-warning, #f0a000);overflow-wrap:anywhere}.ninjaai-delivery{display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding-top:var(--space-3, .75rem);border-top:1px solid var(--c-border, rgba(255, 255, 255, .08))}.ninjaai-delivery__heading{margin:0;color:var(--c-text);font-size:var(--font-base, 1rem);font-weight:600}.ninjaai-delivery__empty,.ninjaai-delivery__loading,.ninjaai-delivery__failed{margin:0;color:var(--c-text-2);font-size:var(--font-sm, .875rem);overflow-wrap:anywhere}.ninjaai-delivery__rows{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin:0;padding:0;list-style:none}.ninjaai-delivery__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);flex-wrap:wrap;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--c-surface-2, rgba(255, 255, 255, .04));border-radius:var(--radius-sm, .375rem)}.ninjaai-delivery__row-label{color:var(--c-text);font-size:var(--font-base, 1rem);font-weight:500;min-width:0;overflow-wrap:anywhere}.ninjaai-delivery__row-status{display:flex;align-items:center;gap:var(--space-2, .5rem);color:var(--c-text-2);font-size:var(--font-sm, .875rem);font-weight:600;white-space:nowrap}.ninjaai-delivery__row--online .ninjaai-status__dot{background:var(--c-success, #2ecc71)}.ninjaai-delivery__row--online .ninjaai-delivery__row-status{color:var(--c-success, #2ecc71)}.ninjaai-delivery__row--attention .ninjaai-status__dot{background:var(--c-warning, #f0a000)}.ninjaai-delivery__row--attention .ninjaai-delivery__row-status{color:var(--c-warning, #f0a000)}.ninjaai-delivery__action{margin:0;padding:var(--space-3, .75rem) var(--space-4, 1rem);color:var(--c-warning, #f0a000);font-size:var(--font-sm, .875rem);line-height:1.5;background:var(--c-surface-2, rgba(255, 255, 255, .04));border-radius:var(--radius-sm, .375rem);border-left:3px solid var(--c-warning, #f0a000);overflow-wrap:anywhere}.ninjaai-delivery__expired{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin:0;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--c-surface-2, rgba(255, 255, 255, .04));border-radius:var(--radius-sm, .375rem);border-left:3px solid var(--c-warning, #f0a000)}.ninjaai-delivery__expired-title{margin:0;color:var(--c-warning, #f0a000);font-size:var(--font-sm, .875rem);font-weight:600;overflow-wrap:anywhere}.ninjaai-delivery__expired-body{margin:0;color:var(--c-warning, #f0a000);font-size:var(--font-sm, .875rem);line-height:1.5;overflow-wrap:anywhere}.ninjaai-policies{padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);max-width:760px}.ninjaai-policies__header{margin-bottom:var(--space-6, 1.5rem)}.ninjaai-policies__title{font-size:var(--font-xl, 1.25rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-2, .5rem)}.ninjaai-policies__subtitle{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0}.ninjaai-policies__section{border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);padding:var(--space-5, 1.25rem);margin-bottom:var(--space-4, 1rem);background:var(--c-surface-2, var(--c-surface))}.ninjaai-policies__section--note{background:var(--c-surface);border-style:dashed}.ninjaai-policies__section-title{font-size:var(--font-base, 1rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-4, 1rem)}.ninjaai-policies__section-note{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0 0 var(--space-4, 1rem)}.ninjaai-policies__profile-bar{display:flex;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem);flex-wrap:wrap}.ninjaai-policies__profile-btn{min-height:44px;padding:var(--space-2, .5rem) var(--space-5, 1.25rem);border:2px solid var(--c-border);border-radius:var(--radius-sm, 6px);background:var(--c-surface);color:var(--c-text);font-size:var(--font-base, 1rem);font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.ninjaai-policies__profile-btn:hover{border-color:var(--c-accent)}.ninjaai-policies__profile-btn--active{border-color:var(--c-accent);background:var(--c-accent-muted, color-mix(in srgb, var(--c-accent) 15%, transparent));color:var(--c-accent)}.ninjaai-policies__persisted-note{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0}.ninjaai-policies__task-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.ninjaai-policies__task-row{display:flex;align-items:center;gap:var(--space-3, .75rem);min-height:44px;cursor:pointer}.ninjaai-policies__task-label{font-size:var(--font-base, 1rem);color:var(--c-text);flex:1}.ninjaai-policies__task-id{font-size:var(--font-xs, .75rem);color:var(--c-text-3, var(--c-text-2));font-family:monospace}.ninjaai-policies__checkbox{width:18px;height:18px;flex-shrink:0;accent-color:var(--c-accent);cursor:pointer}.ninjaai-policies__fields{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.ninjaai-policies__field{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.ninjaai-policies__field--inline{flex-direction:row;align-items:center;gap:var(--space-4, 1rem);flex-wrap:wrap;margin-top:var(--space-4, 1rem)}.ninjaai-policies__field-label{font-size:var(--font-sm, .875rem);color:var(--c-text-2);font-weight:500}.ninjaai-policies__number{min-height:44px;max-width:160px;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--c-border);border-radius:var(--radius-sm, 6px);background:var(--c-surface);color:var(--c-text);font-size:var(--font-base, 1rem)}.ninjaai-policies__number:focus{outline:2px solid var(--c-accent);outline-offset:2px}.ninjaai-policies__select{min-height:44px;padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--c-border);border-radius:var(--radius-sm, 6px);background:var(--c-surface);color:var(--c-text);font-size:var(--font-base, 1rem);cursor:pointer}.ninjaai-policies__bools{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.ninjaai-policies__bool-row{display:flex;align-items:center;gap:var(--space-3, .75rem);min-height:44px;cursor:pointer}.ninjaai-policies__bool-label{font-size:var(--font-base, 1rem);color:var(--c-text)}.ninjaai-policies__loading{color:var(--c-text-2);padding:var(--space-5, 1.25rem) 0;font-size:var(--font-sm, .875rem)}.ninjaai-policies__error{border:1px solid var(--c-warning, #f59e0b);border-radius:var(--radius-md, 8px);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);margin-bottom:var(--space-4, 1rem);background:color-mix(in srgb,var(--c-warning, #f59e0b) 8%,transparent)}.ninjaai-policies__error p{color:var(--c-text);margin:0 0 var(--space-3, .75rem)}.ninjaai-policies__error p:last-child{margin-bottom:0}.ninjaai-policies__retry{min-height:44px;padding:var(--space-2, .5rem) var(--space-4, 1rem);border:1px solid var(--c-border);border-radius:var(--radius-sm, 6px);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm, .875rem);cursor:pointer}.ninjaai-policies__warn{font-size:var(--font-sm, .875rem);color:var(--c-warning, #f59e0b);margin:var(--space-3, .75rem) 0 0}.ninjaai-policies__registry-note{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0;line-height:1.5}.ninjaai-policies__footer{display:flex;align-items:center;gap:var(--space-4, 1rem);flex-wrap:wrap;padding:var(--space-4, 1rem) 0 var(--space-6, 1.5rem)}.ninjaai-policies__save{min-height:44px;padding:var(--space-3, .75rem) var(--space-6, 1.5rem);border:none;border-radius:var(--radius-md, 8px);background:var(--c-accent);color:var(--c-on-accent, #fff);font-size:var(--font-base, 1rem);font-weight:600;cursor:pointer;transition:opacity .15s}.ninjaai-policies__save:disabled{opacity:.6;cursor:not-allowed}.ninjaai-policies__save-msg{font-size:var(--font-sm, .875rem);color:var(--c-success, #10b981);margin:0}.ninjaai-policies__error-inline{font-size:var(--font-sm, .875rem);color:var(--c-warning, #f59e0b);margin:0}.ninjaai-page{display:flex;flex-direction:column;gap:var(--space-5, 1.25rem);padding:var(--space-6, 1.5rem);max-width:820px}.ninjaai-page__header{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.ninjaai-page__title{margin:0;font-size:var(--font-xl, 1.5rem);color:var(--c-text, #1a1a1a)}.ninjaai-page__subtitle{margin:0;font-size:var(--font-sm, .875rem);color:var(--c-text-2, #555)}.ninjaai-page__selector{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2, .5rem) var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--c-surface-2, rgba(0, 0, 0, .03));border:1px solid var(--c-border, rgba(0, 0, 0, .1));border-radius:var(--radius-md, .625rem)}.ninjaai-page__selector-label{flex:0 0 auto;font-size:var(--font-sm, .875rem);font-weight:600;color:var(--c-text-2, #555)}.ninjaai-page__profile-bar{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem)}.ninjaai-page__profile-btn{min-height:44px;padding:var(--space-2, .5rem) var(--space-4, 1rem);font-size:var(--font-base, 1rem);color:var(--c-text, #1a1a1a);background:var(--c-surface, #fff);border:1px solid var(--c-border, rgba(0, 0, 0, .15));border-radius:var(--radius-sm, .375rem);cursor:pointer;transition:background .15s ease,border-color .15s ease}.ninjaai-page__profile-btn:hover{border-color:var(--c-accent, #6c5ce7)}.ninjaai-page__profile-btn--active{color:var(--c-on-accent, #fff);background:var(--c-accent, #6c5ce7);border-color:var(--c-accent, #6c5ce7);font-weight:600}.ninjaai-page__selected-note{flex-basis:100%;margin:0;font-size:var(--font-sm, .875rem);color:var(--c-text-2, #555)}.ninjaai-page__block{border:1px solid var(--c-border, rgba(0, 0, 0, .08));border-radius:var(--radius-md, .625rem);background:var(--c-surface, #fff)}.ninjaai-page .ninjaai-status,.ninjaai-page .ninjaai-policies{max-width:none}.ninjaai-approvals{padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem);max-width:860px}.ninjaai-approvals__header{margin-bottom:var(--space-5, 1.25rem)}.ninjaai-approvals__title{font-size:var(--font-xl, 1.25rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-2, .5rem)}.ninjaai-approvals__subtitle{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0;max-width:60ch}.ninjaai-approvals__controls{display:flex;flex-wrap:wrap;gap:var(--space-5, 1.25rem);margin-bottom:var(--space-4, 1rem)}.ninjaai-approvals__filter-group{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem)}.ninjaai-approvals__chip{min-height:44px;padding:var(--space-2, .5rem) var(--space-4, 1rem);border:2px solid var(--c-border);border-radius:var(--radius-sm, 6px);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm, .875rem);font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.ninjaai-approvals__chip:hover{border-color:var(--c-accent)}.ninjaai-approvals__chip--active{border-color:var(--c-accent);background:var(--c-accent-muted, color-mix(in srgb, var(--c-accent) 15%, transparent));color:var(--c-accent)}.ninjaai-approvals__summary{font-size:var(--font-sm, .875rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-4, 1rem)}.ninjaai-approvals__loading{color:var(--c-text-2);padding:var(--space-5, 1.25rem) 0;font-size:var(--font-sm, .875rem)}.ninjaai-approvals__error{border:1px solid var(--c-warning, #f59e0b);border-radius:var(--radius-md, 8px);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);margin-bottom:var(--space-4, 1rem);background:color-mix(in srgb,var(--c-warning, #f59e0b) 8%,transparent)}.ninjaai-approvals__error p{color:var(--c-text);margin:0 0 var(--space-3, .75rem)}.ninjaai-approvals__empty{border:1px dashed var(--c-border);border-radius:var(--radius-md, 8px);padding:var(--space-6, 1.5rem);text-align:center;background:var(--c-surface)}.ninjaai-approvals__empty-title{font-size:var(--font-base, 1rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-2, .5rem)}.ninjaai-approvals__empty-text{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0}.ninjaai-approvals__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.ninjaai-approvals__card{border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);padding:var(--space-5, 1.25rem);background:var(--c-surface-2, var(--c-surface))}.ninjaai-approvals__card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);margin-bottom:var(--space-2, .5rem)}.ninjaai-approvals__card-learner{font-size:var(--font-base, 1rem);font-weight:600;color:var(--c-text)}.ninjaai-approvals__badge{font-size:var(--font-xs, .75rem);font-weight:600;padding:2px var(--space-2, .5rem);border-radius:var(--radius-sm, 6px);text-transform:uppercase;letter-spacing:.03em}.ninjaai-approvals__badge--pending{color:var(--c-warning, #f59e0b);background:color-mix(in srgb,var(--c-warning, #f59e0b) 12%,transparent)}.ninjaai-approvals__badge--approved{color:var(--c-success, #10b981);background:color-mix(in srgb,var(--c-success, #10b981) 12%,transparent)}.ninjaai-approvals__badge--rejected{color:var(--c-text-2);background:color-mix(in srgb,var(--c-text-2, #888) 12%,transparent)}.ninjaai-approvals__card-task{font-size:var(--font-base, 1rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-1, .25rem)}.ninjaai-approvals__card-summary{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0 0 var(--space-4, 1rem);line-height:1.5}.ninjaai-approvals__meta{margin:0 0 var(--space-4, 1rem);display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.ninjaai-approvals__meta-row{display:flex;gap:var(--space-3, .75rem);font-size:var(--font-sm, .875rem)}.ninjaai-approvals__meta-row dt{color:var(--c-text-3, var(--c-text-2));min-width:90px;font-weight:500}.ninjaai-approvals__meta-row dd{color:var(--c-text);margin:0}.ninjaai-approvals__policy-note{border-top:1px solid var(--c-border);padding-top:var(--space-4, 1rem)}.ninjaai-approvals__policy-note p{font-size:var(--font-sm, .875rem);color:var(--c-warning, #f59e0b);margin:0 0 var(--space-3, .75rem)}.ninjaai-approvals__card-actions{display:flex;gap:var(--space-3, .75rem);flex-wrap:wrap}.ninjaai-approvals__btn{min-height:44px;padding:var(--space-2, .5rem) var(--space-5, 1.25rem);border-radius:var(--radius-sm, 6px);font-size:var(--font-sm, .875rem);font-weight:600;cursor:pointer;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);transition:opacity .15s,border-color .15s}.ninjaai-approvals__btn:disabled{opacity:.6;cursor:not-allowed}.ninjaai-approvals__btn--ghost{background:var(--c-surface);color:var(--c-text)}.ninjaai-approvals__btn--ghost:hover{border-color:var(--c-accent)}.ninjaai-approvals__btn--approve{background:var(--c-accent);color:var(--c-on-accent, #fff);border-color:var(--c-accent)}.ninjaai-approvals__btn--reject{background:var(--c-surface);color:var(--c-warning, #f59e0b);border-color:var(--c-warning, #f59e0b)}.ninjaai-approvals__dialog-backdrop{position:fixed;inset:0;background:color-mix(in srgb,#000 55%,transparent);display:flex;align-items:center;justify-content:center;padding:var(--space-5, 1.25rem);z-index:1000}.ninjaai-approvals__dialog{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);padding:var(--space-6, 1.5rem);max-width:440px;width:100%;box-shadow:0 12px 40px color-mix(in srgb,#000 30%,transparent)}.ninjaai-approvals__dialog-title{font-size:var(--font-lg, 1.125rem);font-weight:600;color:var(--c-text);margin:0 0 var(--space-3, .75rem)}.ninjaai-approvals__dialog-body{font-size:var(--font-sm, .875rem);color:var(--c-text-2);margin:0 0 var(--space-5, 1.25rem);line-height:1.5}.ninjaai-approvals__dialog-error{font-size:var(--font-sm, .875rem);color:var(--c-warning, #f59e0b);margin:0 0 var(--space-4, 1rem)}.ninjaai-approvals__dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-3, .75rem);flex-wrap:wrap}@media(max-width:768px){.ninjaai-approvals__controls{flex-direction:column;gap:var(--space-3, .75rem)}}.rm__page{display:flex;flex-direction:column;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);height:100%;overflow-y:auto;box-sizing:border-box}.rm__header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3, .75rem)}.rm__title{font-size:var(--font-lg, 1.25rem);font-weight:600;color:var(--c-text, #f0ece4);margin:0;flex:1}.rm__header-meta{display:flex;align-items:center;gap:var(--space-3, .75rem);flex-shrink:0}.rm__last-audit{font-size:var(--font-sm, .8rem);color:var(--c-text-2, #a09880)}.rm__refresh-btn{min-height:44px;padding:.5rem 1rem;border-radius:var(--radius-md, 8px);background:var(--c-accent, #c8a060);color:var(--c-bg, #1a1410);border:none;cursor:pointer;font-size:var(--font-sm, .8rem);font-weight:600;white-space:nowrap;transition:opacity .15s}.rm__refresh-btn:hover:not(:disabled){opacity:.85}.rm__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.rm__loading,.rm__error,.rm__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, .75rem);padding:var(--space-6, 2rem);text-align:center;color:var(--c-text-2, #a09880);font-size:var(--font-base, .9rem)}.rm__error{color:var(--c-danger, #e05050)}.rm__spinner{width:28px;height:28px;border:3px solid var(--c-surface-2, #2c2418);border-top-color:var(--c-accent, #c8a060);border-radius:50%;animation:rm-spin .8s linear infinite}@keyframes rm-spin{to{transform:rotate(360deg)}}.rm__health-section{display:flex;flex-direction:column;gap:.25rem}.rm__health{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2, .5rem)}.rm__health-card{background:var(--c-surface, #221c14);border-radius:var(--radius-md, 8px);padding:var(--space-3, .75rem) var(--space-3, .75rem) var(--space-2, .5rem);display:flex;flex-direction:column;gap:.2rem;cursor:default;min-width:0}.rm__health-card__title{font-size:var(--font-xs, .7rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-2, #a09880);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm__health-card__count{font-size:var(--font-xl, 1.5rem);font-weight:700;line-height:1}.rm__health-card__sub{font-size:var(--font-xs, .7rem);color:var(--c-text-2, #a09880);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rm__health-card--ready-auto .rm__health-card__count,.rm__health-card--ready-contract .rm__health-card__count{color:var(--c-success, #5cad70)}.rm__health-card--legacy-manual .rm__health-card__count{color:var(--c-link, #7899d0)}.rm__health-card--needs-attention .rm__health-card__count{color:var(--c-warn, #e0a040)}.rm__health-card--intentional-none .rm__health-card__count{color:var(--c-text-2, #a09880)}.rm__health-total{display:flex;gap:var(--space-4, 1rem);font-size:var(--font-sm, .8rem);color:var(--c-text-2, #a09880);padding:.2rem 0}.rm__health-total strong{color:var(--c-text, #f0ece4)}.rm__health-total--danger{color:var(--c-danger, #e05050)}.rm__filter-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-2, .5rem);background:var(--c-surface, #221c14);border-radius:var(--radius-md, 8px);padding:var(--space-2, .5rem) var(--space-3, .75rem)}.rm__filter-group{display:flex;flex-direction:column;gap:.2rem}.rm__filter-label{font-size:var(--font-xs, .7rem);color:var(--c-text-2, #a09880);font-weight:500;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.rm__filter-select{min-height:36px;padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);background:var(--c-surface-2, #2c2418);color:var(--c-text, #f0ece4);border:1px solid var(--c-border, #3c3020);font-size:var(--font-sm, .8rem);cursor:pointer}.rm__filter-select--focus{font-weight:600;color:var(--c-accent, #c8a060);border-color:var(--c-accent, #c8a060)}.rm__filter-search{flex:1;min-width:160px;min-height:36px;padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);background:var(--c-surface-2, #2c2418);color:var(--c-text, #f0ece4);border:1px solid var(--c-border, #3c3020);font-size:var(--font-sm, .8rem);align-self:flex-end}.rm__filter-search::placeholder{color:var(--c-text-3, #6a5e50)}.rm__filter-toggle{display:flex;align-items:center;gap:.4rem;min-height:36px;cursor:pointer;font-size:var(--font-sm, .8rem);color:var(--c-text-2, #a09880);white-space:nowrap;user-select:none;align-self:flex-end}.rm__filter-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-danger, #e05050);cursor:pointer}.rm__filter-clear{min-height:36px;padding:0 .75rem;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--c-text-2, #a09880);border:1px solid var(--c-border, #3c3020);font-size:var(--font-sm, .8rem);cursor:pointer;white-space:nowrap;align-self:flex-end}.rm__filter-clear:hover{color:var(--c-text, #f0ece4)}.rm__content-area{display:flex;gap:var(--space-4, 1rem);flex:1;min-height:0;overflow:hidden}.rm__table-wrap{flex:1;overflow-y:auto;overflow-x:auto;min-width:0}.rm__content-area--split .rm__table-wrap{flex:0 0 60%;overflow-x:hidden}.rm__inspector-wrap{flex:0 0 38%;min-width:280px;max-width:420px;overflow-y:auto}.rm__cards-mobile{display:none}.rm__table-desktop{display:block}.rm__pre-select-hint{font-size:var(--font-sm, .8rem);color:var(--c-text-3, #6a5e50);text-align:center;padding:var(--space-2, .5rem) 0 0;margin:0}.rm__table{width:100%;border-collapse:collapse;font-size:var(--font-sm, .8rem);table-layout:fixed}.rm__table th{position:sticky;top:0;background:var(--c-surface, #221c14);color:var(--c-text-2, #a09880);font-size:var(--font-xs, .7rem);text-transform:uppercase;letter-spacing:.05em;padding:.5rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--c-border, #3c3020);z-index:1;overflow:hidden}.rm__table td{padding:.5rem;border-bottom:1px solid var(--c-border, #3c3020);color:var(--c-text, #f0ece4);vertical-align:middle}.rm__table tr.rm__row--selected td{background:var(--c-surface-2, #2c2418)}.rm__table tr:hover td{background:var(--c-surface-2, #2c2418);cursor:pointer}.rm__col-content{width:22%;min-width:140px}.rm__col-type{width:11%;min-width:80px;white-space:nowrap}.rm__col-parent{width:14%;min-width:100px}.rm__col-publish{width:7%;min-width:58px;white-space:nowrap}.rm__col-status{width:14%;min-width:120px;white-space:nowrap}.rm__col-source{width:16%;min-width:110px}.rm__col-template{width:10%;min-width:82px;white-space:nowrap}.rm__col-blockers{width:6%;min-width:58px;text-align:center}.rm__content-area--split .rm__col-content{width:20%;min-width:120px}.rm__content-area--split .rm__col-parent{width:12%}.rm__content-area--split .rm__col-source{width:14%}.rm__cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.rm__cell-truncate--course{cursor:pointer}.rm__cell-muted{color:var(--c-text-3, #6a5e50)}.rm__col-content--course{display:flex;align-items:center;gap:.35rem}.rm__expand-btn{min-width:22px;min-height:22px;background:none;border:none;color:var(--c-text-2, #a09880);cursor:pointer;font-size:.9rem;padding:0;flex-shrink:0;line-height:1;display:inline-flex;align-items:center;justify-content:center}.rm__expand-btn:hover{color:var(--c-text, #f0ece4)}.rm__module-indent{display:inline-block;width:1.4rem;flex-shrink:0}.rm__row--module td:first-child{padding-left:.25rem}.rm__row--module{opacity:.92}.rm__row--module td{background:#00000014}.rm__row--module:hover td{background:var(--c-surface-2, #2c2418)}.rm__type-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.rm__source-code{font-family:var(--font-mono, monospace);font-size:.75em;background:var(--c-surface-2, #2c2418);border-radius:3px;padding:.1em .3em}.rm__template-tag{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:var(--font-xs, .7rem);font-weight:500;white-space:nowrap;background:#a098801f;color:var(--c-text-2, #a09880)}.rm__template-tag--active{background:#5cad7026;color:var(--c-success, #5cad70)}.rm__status-chip{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:4px;font-size:var(--font-xs, .7rem);font-weight:600;white-space:nowrap}.rm__status-chip--ready-auto{background:#5cad7033;color:var(--c-success, #5cad70)}.rm__status-chip--ready-contract{background:#5cad7026;color:var(--c-success, #5cad70)}.rm__status-chip--needs-contract{background:#e0a04033;color:var(--c-warn, #e0a040)}.rm__status-chip--blocked-data{background:#e0505033;color:var(--c-danger, #e05050)}.rm__status-chip--blocked-boundary{background:#e050502e;color:var(--c-danger, #e05050)}.rm__status-chip--intentional-none{background:#a0988026;color:var(--c-text-2, #a09880)}.rm__status-chip--legacy-manual{background:#6478b433;color:var(--c-link, #7899d0)}.rm__status-chip--unknown{background:#e0505026;color:var(--c-danger, #e05050)}.rm__blocker-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:11px;background:var(--c-danger, #e05050);color:#fff;font-size:11px;font-weight:700}.rm__table-empty{padding:var(--space-6, 2rem);text-align:center;color:var(--c-text-2, #a09880);font-size:var(--font-sm, .8rem)}.rm__clear-filters-btn{margin-top:var(--space-2, .5rem);padding:.4rem .8rem;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--c-accent, #c8a060);border:1px solid var(--c-accent, #c8a060);font-size:var(--font-sm, .8rem);cursor:pointer}.rm__card{background:var(--c-surface, #221c14);border-radius:var(--radius-md, 8px);padding:var(--space-3, .75rem);display:flex;flex-direction:column;gap:.4rem;border:1px solid var(--c-border, #3c3020);min-height:44px;cursor:pointer;transition:background .1s}.rm__card:hover,.rm__card--selected{background:var(--c-surface-2, #2c2418);border-color:var(--c-accent, #c8a060)}.rm__card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2, .5rem)}.rm__card__label{font-size:var(--font-base, .9rem);font-weight:600;color:var(--c-text, #f0ece4);flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rm__card__meta{display:flex;align-items:center;gap:var(--space-2, .5rem);flex-wrap:wrap}.rm__card__type{font-size:var(--font-xs, .7rem);color:var(--c-text-2, #a09880)}.rm__card__parent{font-size:var(--font-xs, .7rem);color:var(--c-text-3, #6a5e50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm__inspector{background:var(--c-surface, #221c14);border-radius:var(--radius-md, 8px);padding:var(--space-4, 1rem);display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.rm__inspector__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, .5rem)}.rm__inspector__title{font-size:var(--font-base, .9rem);font-weight:600;color:var(--c-text, #f0ece4);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.rm__inspector__close{min-width:36px;min-height:36px;border-radius:50%;background:var(--c-surface-2, #2c2418);border:1px solid var(--c-border, #3c3020);color:var(--c-text-2, #a09880);cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,border-color .15s}.rm__inspector__close:hover{color:var(--c-text, #f0ece4);border-color:var(--c-text-2, #a09880)}.rm__inspector__fields{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.rm__field{display:grid;grid-template-columns:130px 1fr;gap:var(--space-2, .5rem);font-size:var(--font-sm, .8rem);align-items:baseline}.rm__field__label{color:var(--c-text-2, #a09880);font-weight:500;white-space:nowrap}.rm__field__value{color:var(--c-text, #f0ece4);word-break:break-word}.rm__field__value--muted{color:var(--c-text-2, #a09880);font-style:italic}.rm__field__value code{background:var(--c-surface-2, #2c2418);border-radius:3px;padding:.1em .35em;font-family:var(--font-mono, monospace);font-size:.9em}.rm__blocker-section-label{font-size:var(--font-xs, .7rem);color:var(--c-text-2, #a09880);margin:0 0 .5rem;font-weight:600;letter-spacing:.04em}.rm__blocker-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin:0;padding:0;list-style:none}.rm__blocker-item{background:#e050501a;border:1px solid rgba(224,80,80,.3);border-radius:var(--radius-sm, 6px);padding:var(--space-2, .5rem) var(--space-3, .75rem)}.rm__blocker-item__code{font-family:var(--font-mono, monospace);font-size:var(--font-xs, .7rem);color:var(--c-danger, #e05050);font-weight:600;margin-bottom:.25rem}.rm__blocker-item__text{font-size:var(--font-sm, .8rem);color:var(--c-text, #f0ece4);line-height:1.5}.rm__divider{border:none;border-top:1px solid var(--c-border, #3c3020);margin:0}.rm__inspector-overlay{display:none}.rm__hooks-section{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.rm__hooks-heading{font-size:var(--font-xs, .7rem);font-weight:600;color:var(--c-text-2, #a09880);text-transform:uppercase;letter-spacing:.04em;margin:0}.rm__hooks-empty{font-size:var(--font-sm, .8rem);color:var(--c-text-3, #6a5e50);font-style:italic;margin:0;line-height:1.5}.rm__hooks-empty code{font-family:var(--font-mono, monospace);font-size:.9em;color:var(--c-text-2, #a09880);background:var(--c-surface-2, #2c2418);border-radius:3px;padding:.1em .3em}.rm__hooks-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin:0;padding:0;list-style:none}.rm__hook-card{background:var(--c-surface-2, #2c2418);border:1px solid var(--c-border, #3c3020);border-radius:var(--radius-sm, 6px);padding:var(--space-2, .5rem) var(--space-3, .75rem);display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.rm__hook-card--malformed{border-color:#e0505066;background:#e050500d}.rm__hook-header{display:flex;align-items:center;gap:var(--space-2, .5rem);flex-wrap:wrap}.rm__hook-number{font-size:var(--font-xs, .7rem);font-weight:700;color:var(--c-text-2, #a09880);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:44px}.rm__hook-parse-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:4px;font-size:var(--font-xs, .7rem);font-weight:600;white-space:nowrap}.rm__hook-parse-badge--ok{background:#5cad7026;color:var(--c-success, #5cad70)}.rm__hook-parse-badge--fail{background:#e050502e;color:var(--c-danger, #e05050)}.rm__hook-fields,.rm__hook-subsection{display:flex;flex-direction:column;gap:.2rem}.rm__hook-subsection-label{font-size:var(--font-xs, .7rem);font-weight:600;color:var(--c-text-2, #a09880);text-transform:uppercase;letter-spacing:.04em}.rm__hook-code-list{margin:0;padding:0 0 0 var(--space-3, .75rem);list-style:disc;display:flex;flex-direction:column;gap:.15rem}.rm__hook-code-list li{font-size:var(--font-xs, .7rem);line-height:1.5}.rm__hook-blocker-code{font-family:var(--font-mono, monospace);font-size:1em;color:var(--c-danger, #e05050);font-weight:600}.rm__hook-error-item{font-family:var(--font-mono, monospace);font-size:1em;color:var(--c-danger, #e05050);word-break:break-word}.rm__seg{display:inline-flex;gap:.25rem;background:var(--c-surface, #221c14);border:1px solid var(--c-border, #3c3020);border-radius:var(--radius-md, 8px);padding:.2rem;align-self:flex-start}.rm__seg-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.4rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--c-text-2, #a09880);font-size:var(--font-sm, .8rem);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.rm__seg-btn:hover{color:var(--c-text, #f0ece4)}.rm__seg-btn--active{background:var(--c-surface-2, #2c2418);color:var(--c-accent, #c8a060);border-color:var(--c-accent, #c8a060);font-weight:700}.rm__seg-btn__marker{font-size:.7em;line-height:1}.rm__view-panel{display:flex;flex-direction:column;gap:var(--space-4, 1rem);flex:1;min-height:0}.rm__del-controls{align-items:flex-end}.rm__del-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3, .75rem)}.rm__del-export{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1, .25rem)}.rm__del-export-btn{min-height:44px;padding:.5rem 1rem;border-radius:var(--radius-md, 8px);background:var(--c-surface-2, #2c2418);color:var(--c-text, #f0ece4);border:1px solid var(--c-border, #3c3020);cursor:pointer;font-size:var(--font-sm, .8rem);font-weight:600;white-space:nowrap;transition:opacity .15s}.rm__del-export-btn:hover:not(:disabled){opacity:.85}.rm__del-export-btn:disabled{opacity:.5;cursor:not-allowed}.rm__del-export-note{font-size:var(--font-xs, .7rem);color:var(--c-text-2, #a09880);max-width:22rem;line-height:1.4}.rm__del-health{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2, .5rem)}.rm__del-card--delivered .rm__health-card__count{color:var(--c-success, #5cad70)}.rm__del-card--ready .rm__health-card__count{color:var(--c-link, #7899d0)}.rm__del-card--problem .rm__health-card__count{color:var(--c-danger, #e05050)}.rm__del-card--blocked .rm__health-card__count{color:var(--c-warn, #e0a040)}.rm__del-card--unavailable .rm__health-card__count{color:var(--c-text-2, #a09880)}.rm__del-read-error{background:var(--c-surface-2, #2c2418);border:1px solid var(--c-border, #3c3020);border-left:3px solid var(--c-text-2, #a09880);border-radius:var(--radius-sm, 6px);padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--font-sm, .8rem);color:var(--c-text, #f0ece4)}.rm__del-chip{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:4px;font-size:var(--font-xs, .7rem);font-weight:600;white-space:normal}.rm__del-chip--delivered{background:#5cad7033;color:var(--c-success, #5cad70)}.rm__del-chip--ready{background:#7899d02e;color:var(--c-link, #7899d0)}.rm__del-chip--problem{background:#e0505033;color:var(--c-danger, #e05050)}.rm__del-chip--blocked{background:#e0a04033;color:var(--c-warn, #e0a040)}.rm__del-chip--unavailable{background:#a0988026;color:var(--c-text-2, #a09880)}.rm__del-problem-text{color:var(--c-danger, #e05050);font-weight:600}.rm__del-could-not-check{font-size:var(--font-xs, .7rem);font-weight:600;color:var(--c-text-2, #a09880);font-style:italic}.rm__del-muted{color:var(--c-text-2, #a09880)}.rm__del-note{font-size:var(--font-sm, .8rem);color:var(--c-text-2, #a09880);line-height:1.5;margin:0}.rm__del-table{table-layout:fixed}.rm__del-col-content{width:32%;min-width:140px}.rm__del-col-reward{width:18%;min-width:100px}.rm__del-col-status{width:22%;min-width:120px}.rm__del-col-outcome{width:28%;min-width:140px}.rm__del-table td{word-break:break-word}@media(max-width:900px){.rm__health{grid-template-columns:repeat(3,1fr)}.rm__del-health{grid-template-columns:repeat(2,1fr)}.rm__content-area,.rm__content-area--split{flex-direction:column;overflow:visible}.rm__content-area--split .rm__table-wrap,.rm__table-wrap{flex:none;overflow-y:visible;overflow-x:auto;min-width:0;width:100%}.rm__inspector-wrap{flex:none;min-width:0;max-width:100%;width:100%}.rm__table,.rm__del-table{table-layout:auto}}@media(max-width:600px){.rm__health,.rm__del-health{grid-template-columns:repeat(2,1fr)}.rm__filter-bar{flex-direction:column;align-items:stretch}.rm__filter-search{min-width:0}.rm__cards-mobile{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.rm__table-desktop,.rm__inspector-wrap{display:none}.rm__inspector-overlay{display:flex;position:fixed;inset:0;z-index:200;background:var(--c-bg, #1a1410);overflow-y:auto;padding:var(--space-4, 1rem)}.rm__inspector-overlay .rm__inspector{width:100%;flex:1}.rm__field{grid-template-columns:1fr;gap:.1rem}.rm__field__label{font-size:var(--font-xs, .7rem)}.rm__seg{width:100%}.rm__seg-btn{flex:1;justify-content:center}}.pcc-shell{padding:var(--space-4) var(--space-6) var(--space-8);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-4)}.pcc-shell__header{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.pcc-shell__title-icon{font-size:clamp(20px,2vw,28px)}.pcc-shell__title{font-size:clamp(var(--font-xl, 1.25rem),2.5vw,var(--font-2xl, 1.5rem));font-weight:var(--font-weight-bold);color:var(--c-text);margin:0}.pcc-body{display:grid;grid-template-columns:clamp(140px,14vw,220px) 1fr;gap:var(--space-4);align-items:start;flex:1;min-height:0}.pcc-nav{position:sticky;top:var(--space-4);min-width:0}.pcc-tab-bar{display:flex;flex-direction:column;gap:2px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-2);overflow-y:auto;max-height:calc(100vh - 120px);scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}.pcc-tab-bar::-webkit-scrollbar{width:4px}.pcc-tab-bar::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.pcc-tab{background:none;border:none;border-radius:var(--radius-md);color:var(--c-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:clamp(.72rem,1.1vw,var(--font-sm, .875rem));font-weight:var(--font-weight-medium);min-height:var(--touch-min, 44px);padding:var(--space-2) var(--space-3);text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast),background var(--transition-fast)}.pcc-tab:hover{color:var(--c-text);background:var(--c-surface-2)}.pcc-tab--active{color:var(--c-primary);background:var(--c-primary-dim);font-weight:var(--font-weight-semibold)}.pcc-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);min-height:320px;width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.pcc-tab-content{display:block;width:100%;min-width:0;box-sizing:border-box}.pcc-placeholder__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;max-width:480px;margin:0 auto;padding:var(--space-8)}.pcc-placeholder__icon{font-size:56px;opacity:.6}.pcc-placeholder__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.pcc-placeholder__desc{font-size:var(--font-base);color:var(--c-text-muted);margin:0;line-height:var(--leading-normal)}@media(max-width:768px){.pcc-shell{padding:var(--space-3) var(--space-4) var(--space-6);gap:var(--space-3)}.pcc-body{grid-template-columns:1fr;gap:var(--space-3)}.pcc-nav{position:static}.pcc-tab-bar{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;scrollbar-width:none;padding:var(--space-1) var(--space-2);gap:0}.pcc-tab-bar::-webkit-scrollbar{display:none}.pcc-tab{flex-shrink:0;width:auto;text-align:center;white-space:nowrap;padding:var(--space-2) var(--space-4)}}@media(max-width:390px){.pcc-shell{padding:var(--space-2) var(--space-3) var(--space-5)}.pcc-tab{font-size:.7rem;padding:var(--space-2) var(--space-3)}}@media(min-width:1440px){.pcc-body{grid-template-columns:clamp(180px,12vw,240px) 1fr;gap:var(--space-6)}.pcc-shell{padding:var(--space-5) var(--space-8) var(--space-10)}}.osmd-snippet{width:100%;min-width:200px;min-height:160px;background:transparent;border-radius:0;padding:0;border:none;box-sizing:border-box;display:block;overflow:visible}.osmd-snippet svg{width:100%!important;height:auto!important;display:block}.osmd-snippet svg path,.osmd-snippet svg line,.osmd-snippet svg rect,.osmd-snippet svg polyline,.osmd-snippet svg polygon,.osmd-snippet svg text,.osmd-snippet svg tspan{fill:var(--c-notation-ink);stroke:var(--c-notation-ink)}.composer-shell{display:flex;flex-direction:column;gap:.75rem;min-width:0;max-width:100%;box-sizing:border-box}.composer-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.composer-header-title{display:flex;align-items:baseline;gap:.5rem;min-width:0}.composer-header-title h2{margin:0;font-size:1.1rem}.composer-header-meta{font-size:.85rem;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-header-actions{display:flex;flex-wrap:wrap;gap:.35rem}.composer-status{margin:0;padding:.35rem .5rem;background:var(--c-surface-2);border-radius:8px;font-size:.85rem}.composer-status--error{background:var(--c-surface-2);color:var(--c-error)}.composer-status--success{background:var(--c-surface-2);color:var(--c-success)}.composer-export-success{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.composer-btn{appearance:none;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);padding:8px 12px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;min-height:44px;min-width:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.composer-btn:disabled{opacity:.5;cursor:not-allowed}.composer-btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-surface)}.composer-btn--danger{background:var(--c-error);border-color:var(--c-error);color:var(--c-surface)}.composer-btn--small{min-height:44px;padding:6px 10px;font-size:.82rem}.composer-btn--active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-surface)}.composer-edit{display:flex;flex-direction:column;gap:.5rem;min-width:0}.composer-toolbar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:10px;align-items:center}.composer-toolbar-group{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.composer-toolbar-group+.composer-toolbar-group{padding-left:.5rem;border-left:1px solid var(--c-border)}.composer-duration-btn{flex-direction:column;min-width:48px;padding:4px 6px}.composer-duration-symbol{font-size:1.2rem;line-height:1}.composer-duration-label{font-size:.72rem;font-weight:600}.composer-hand-toggle{display:flex;gap:.3rem;font-size:.85rem}.composer-hand-toggle label{display:inline-flex;align-items:center;gap:.2rem}.composer-measure-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .5rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px}.composer-measure-label-inline{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600}.composer-measure-label-inline select{appearance:none;border:1px solid var(--c-border);border-radius:6px;padding:4px 8px;font-size:.85rem;min-height:32px;background:var(--c-surface);cursor:pointer}.composer-beat-counter{font-size:.82rem;color:var(--c-text-muted);font-variant-numeric:tabular-nums}.composer-beat-counter--full{color:var(--c-error);font-weight:700}.composer-midi-hint{margin-left:auto;font-size:.8rem;color:var(--c-text-muted)}.composer-edit-score{min-width:0;max-width:100%;overflow-x:auto}.composer-preview{display:flex;flex-direction:column;gap:.4rem;min-width:0}.composer-preview--empty{padding:1rem;text-align:center;background:var(--c-surface-2);border-radius:8px;color:var(--c-text-muted)}.composer-preview-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:.5rem;min-width:0}.composer-preview-row--active{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary-dim)}.composer-preview-row-labels{display:flex;gap:.75rem;font-size:.75rem;color:var(--c-text-muted);margin-bottom:.3rem}.composer-preview-measure-label--active{color:var(--c-primary);font-weight:700}.composer-preview-staff-hit{display:block;width:100%;user-select:none}.composer-note-list{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;padding:.4rem .5rem;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:8px}.composer-note-list-label{font-size:.78rem;color:var(--c-text-muted);font-weight:600;margin-right:.2rem}.composer-note-chip{appearance:none;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);padding:3px 8px;border-radius:12px;font-size:.78rem;font-weight:500;cursor:pointer;min-height:28px;white-space:nowrap}.composer-note-chip:hover{border-color:var(--c-primary)}.composer-note-chip--selected{background:var(--c-primary-dim);border-color:var(--c-primary);color:var(--c-text);font-weight:700}.composer-form{display:flex;flex-direction:column;gap:.5rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:.75rem;max-width:480px}.composer-form-heading{margin:0 0 .25rem;font-size:1rem}.composer-form-label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.composer-form-label input,.composer-form-label select{appearance:none;border:1px solid var(--c-border);border-radius:6px;padding:6px 8px;font-size:.9rem;box-sizing:border-box;min-width:0;max-width:100%}.composer-form-fieldset{border:1px solid var(--c-border);border-radius:6px;padding:.4rem .6rem;margin:0;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem}.composer-form-fieldset legend{padding:0 .25rem;font-size:.8rem;color:var(--c-text-muted)}.composer-form-actions{display:flex;gap:.4rem;margin-top:.3rem}.composer-library{display:flex;flex-direction:column;gap:.5rem}.composer-library-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.composer-library-header h3{margin:0;font-size:1rem}.composer-library-status{margin:.2rem 0;font-size:.85rem;color:var(--c-text-muted)}.composer-library-status--error{color:var(--c-error)}.composer-library-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.composer-library-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;min-width:0}.composer-library-card-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.composer-library-card-title{font-size:.95rem}.composer-library-card-meta{font-size:.75rem;color:var(--c-text-muted)}.composer-library-card-actions{display:flex;flex-wrap:wrap;gap:.25rem}.composer-comments{display:flex;flex-direction:column;gap:.4rem;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:10px;padding:.5rem}.composer-comments h4{margin:0;font-size:.95rem}.composer-comments-error{margin:0;font-size:.8rem;color:var(--c-error)}.composer-comments-form{display:flex;flex-direction:column;gap:.3rem}.composer-comments-form textarea{border:1px solid var(--c-border);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:.9rem;box-sizing:border-box;min-width:0;max-width:100%;resize:vertical}.composer-comments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.composer-comments-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:.4rem .5rem;display:flex;flex-direction:column;gap:.2rem}.composer-comments-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--c-text-muted)}.composer-comments-empty{margin:0;font-size:.85rem;color:var(--c-text-muted)}.gse-wrapper{display:flex;flex-direction:column;gap:.4rem;min-width:0}.gse-empty{padding:1rem;text-align:center;background:var(--c-surface-2);border-radius:8px;color:var(--c-text-muted)}.gse-system{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:.5rem .5rem .25rem;min-width:0;overflow:hidden}.gse-system--active{border-color:var(--c-primary);box-shadow:0 0 0 1px var(--c-primary-dim)}.gse-system-label{font-size:.72rem;color:var(--c-text-muted);margin-bottom:.15rem}.gse-system-canvas{display:block;width:100%;min-height:60px;overflow:hidden;box-sizing:border-box}.gse-system-canvas svg{display:block;width:100%;max-width:100%;height:auto}.composer-home{display:flex;flex-direction:column;gap:.5rem}.composer-preview{margin-top:.75rem;padding:.75rem;border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);background:var(--c-surface)}.composer-preview-label{margin:0 0 .5rem;font-size:var(--font-sm);color:var(--c-text-muted)}.composer-preview-staff{display:block;width:100%;overflow-x:auto}.composer-preview-empty-note{margin:0;font-size:var(--font-sm);color:var(--c-text-muted)}.shm-root{min-height:100%;box-sizing:border-box;display:flex;flex-direction:column}.shm-migration-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:rgba(var(--c-primary-rgb, 99,102,241),.08);border-bottom:1px solid var(--c-primary);font-size:var(--font-sm);color:var(--c-text);flex-shrink:0}.shm-migration-msg{color:var(--c-text-muted);font-size:var(--font-xs)}.shm-loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10);color:var(--c-text-muted);font-size:var(--font-sm)}.shm-loading-state__icon{font-size:36px;opacity:.3;animation:shm-pulse 1.2s ease-in-out infinite}@keyframes shm-pulse{0%,to{opacity:.2}50%{opacity:.5}}.shm-loading-inline{padding:var(--space-3) var(--space-5);font-size:var(--font-sm);color:var(--c-text-muted);text-align:center}.arr-picker{display:flex;flex-direction:column;gap:var(--space-4)}.arr-picker__hint{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.arr-picker__btns{display:flex;gap:var(--space-3);flex-wrap:wrap}.arr-picker__btn{background:var(--c-primary);color:var(--c-text-inverse, #fff);border:none;border-radius:var(--radius-lg);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-8);cursor:pointer;min-height:56px;transition:opacity .12s}.arr-picker__btn:hover{opacity:.88}.upload-form__duplicate-banner{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--c-warning, #f5a623) 10%,transparent);border:1px solid var(--c-warning, #f5a623);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.upload-form__duplicate-banner p{font-size:var(--font-sm);margin:0;color:var(--c-text)}.upload-form__duplicate-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.upload-form__info{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.arr-chip--add{background:transparent;border:1px dashed var(--c-border);color:var(--c-text-muted);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:var(--font-xs);cursor:pointer;line-height:1;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s}.arr-chip--add:hover{border-color:var(--c-primary);color:var(--c-primary)}.shm-library{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);min-height:100%}.shm-filter-bar{display:flex;flex-wrap:wrap;align-items:center;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)}.shm-filter-select{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-sm);padding:var(--space-2) var(--space-3);min-height:44px;cursor:pointer}.shm-filter-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--c-text);cursor:pointer;min-height:44px}.shm-piece-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.piece-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow .15s}.piece-card:hover{box-shadow:0 4px 16px #00000014}.piece-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.piece-card__title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;line-height:1.3}.piece-card__composer{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.piece-card__arrangements{display:flex;gap:var(--space-2);flex-wrap:wrap}.arr-chip{background:var(--c-primary);color:var(--c-text-inverse, #fff);border-radius:var(--radius-full);padding:2px var(--space-2);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.piece-card__last{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.piece-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.shm-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center}.shm-empty-state__icon{font-size:56px;opacity:.3}.shm-empty-state__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--c-text)}.shm-empty-state__sub{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;max-width:380px}.shm-queue-banner{background:linear-gradient(135deg,rgba(var(--c-primary-rgb, 99,102,241),.08),rgba(var(--c-primary-rgb, 99,102,241),.04));border:1px solid var(--c-primary);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.shm-queue-list{display:flex;flex-direction:column;gap:var(--space-2)}.shm-queue-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.shm-queue-item__title{font-size:var(--font-sm);color:var(--c-text)}.shm-queue-item__actions{display:flex;gap:var(--space-2)}.upload-form{display:flex;flex-direction:column;gap:var(--space-4)}.upload-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.upload-form__label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--c-text)}.upload-form__input,.upload-form__select{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-sm);padding:var(--space-2) var(--space-3);min-height:44px;width:100%;box-sizing:border-box}.upload-form__error{color:var(--c-error, #e53e3e);font-size:var(--font-sm);margin:0}.upload-form__footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.drop-zone{border:2px dashed var(--c-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;transition:border-color .15s,background .15s;text-align:center;min-height:120px;justify-content:center}.drop-zone--over,.drop-zone:hover{border-color:var(--c-primary);background:rgba(var(--c-primary-rgb, 99,102,241),.04)}.drop-zone__icon{font-size:36px}.drop-zone__label{font-size:var(--font-sm);color:var(--c-text-muted)}.drop-zone__btn{background:var(--c-primary);color:var(--c-text-inverse, #fff);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);cursor:pointer;min-height:44px}.version-modal{display:flex;flex-direction:column;gap:var(--space-5)}.version-list{display:flex;flex-direction:column;gap:var(--space-2)}.version-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--c-surface);border-radius:var(--radius-md)}.version-row__label{font-size:var(--font-sm);color:var(--c-text)}.version-add{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--c-border)}.version-add__title{font-weight:var(--font-weight-semibold);font-size:var(--font-sm);margin:0}.play-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5);min-height:100%}.play-view__topbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.play-view__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-view__controls{display:flex;flex-wrap:wrap;align-items:center;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)}.play-view__tempo-group,.play-view__speed-group,.play-view__loop-group{display:flex;align-items:center;gap:var(--space-2)}.play-view__tempo-label{font-size:var(--font-sm);color:var(--c-text);white-space:nowrap;min-width:72px;text-align:center}.play-view__bar-status{font-size:var(--font-xs);color:var(--c-text-muted);margin-left:auto}.speed-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-xs);padding:var(--space-1) var(--space-3);cursor:pointer;min-height:36px}.speed-btn--active{background:var(--c-primary);color:var(--c-text-inverse, #fff);border-color:var(--c-primary)}.loop-stepper{display:flex;align-items:center;gap:var(--space-1)}.loop-step-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-size:var(--font-base);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;line-height:1;transition:background .1s,border-color .1s}.loop-step-btn:hover{background:var(--c-surface-2);border-color:var(--c-primary)}.loop-step-btn:active{background:var(--c-primary-muted, var(--c-surface-2))}.loop-step-value{min-width:36px;text-align:center;font-size:var(--font-sm);font-variant-numeric:tabular-nums;color:var(--c-text);user-select:none}.play-view__loop-label{font-size:var(--font-xs);color:var(--c-text-muted)}.play-view__loop-sep{color:var(--c-text-muted);font-size:var(--font-sm);padding:0 var(--space-1)}.play-view__transport{display:flex;align-items:center;gap:var(--space-2)}.play-view__score-wrapper{position:relative;flex:1;min-height:320px}.score-container{width:100%;min-height:280px;overflow-x:auto}.score-container svg path,.score-container svg line,.score-container svg rect,.score-container svg polyline,.score-container svg polygon,.score-container svg text,.score-container svg tspan{fill:var(--c-notation-ink);stroke:var(--c-notation-ink)}.fingering-marker{position:absolute;background:var(--c-primary);color:var(--c-text-inverse, #fff);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--c-surface);z-index:3}.play-feedback{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-weight-medium);text-align:center;align-self:center}.play-feedback--correct{background:var(--c-success);color:var(--c-text-inverse, #fff)}.play-feedback--wrong{background:var(--c-error, #e53e3e);color:var(--c-text-inverse, #fff)}.bar-strip{display:flex;gap:2px;height:8px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.bar-block{flex:1;border-radius:2px;transition:background .3s;min-width:4px}.course-view{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.course-view__topbar{display:flex;align-items:center;gap:var(--space-4)}.course-view__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.course-view__empty,.course-view__generating{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center}.course-sections{display:flex;flex-direction:column;gap:var(--space-4)}.course-view__source{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.course-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.course-section--locked{opacity:.55}.course-section__header{display:flex;align-items:center;gap:var(--space-3)}.course-section__header h3{font-size:var(--font-base);font-weight:var(--font-weight-semibold);margin:0}.course-exercises{display:flex;flex-direction:column;gap:var(--space-2)}.course-exercise{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) 0}.course-exercise__desc{font-size:var(--font-sm);color:var(--c-text-muted);flex:1}.compose-view{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);min-height:100%}.compose-view__topbar{display:flex;align-items:center;gap:var(--space-4)}.compose-title-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--c-border);color:var(--c-text);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);min-height:44px}.compose-title-input:focus{outline:none;border-bottom-color:var(--c-primary)}.compose-staff-wrapper{position:relative;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-4);min-height:280px;display:flex;align-items:center;justify-content:center}.compose-staff{width:100%;overflow:hidden}.compose-staff__hint{position:absolute;color:var(--c-text-muted);font-size:var(--font-sm);text-align:center;pointer-events:none}.compose-duration-row{display:flex;gap:var(--space-3);justify-content:center}.dur-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:22px;width:56px;height:56px;cursor:pointer;transition:background .12s,border-color .12s;display:flex;align-items:center;justify-content:center}.dur-btn--active{background:var(--c-primary);color:var(--c-text-inverse, #fff);border-color:var(--c-primary)}.compose-pitch-row{display:flex;align-items:center;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.compose-octave-ctrl{display:flex;align-items:center;gap:var(--space-1);margin-right:var(--space-3)}.octave-btn{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-sm);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center}.octave-label{font-size:var(--font-sm);color:var(--c-text-muted);min-width:44px;text-align:center}.pitch-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);width:56px;height:72px;cursor:pointer;transition:background .1s,transform .05s;min-height:44px}.pitch-btn:active{background:var(--c-primary);color:var(--c-text-inverse, #fff);transform:scale(.96)}.compose-note-strip{display:flex;flex-wrap:wrap;gap:var(--space-1);max-height:80px;overflow:hidden}.note-chip{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);padding:2px var(--space-2);font-size:var(--font-xs);color:var(--c-text)}.note-chip--more{background:var(--c-primary);color:var(--c-text-inverse, #fff)}.note-chip--empty{border-style:dashed;color:var(--c-text-muted)}.compose-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.transcribe-view{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);min-height:100%}.transcribe-view__topbar{display:flex;align-items:center;gap:var(--space-4)}.transcribe-view__topbar h2{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0}.transcribe-setup{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-10) var(--space-6);text-align:center}.transcribe-diff{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.diff-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-size:var(--font-sm);padding:var(--space-2) var(--space-4);cursor:pointer;min-height:44px}.diff-btn--active{background:var(--c-primary);color:var(--c-text-inverse, #fff);border-color:var(--c-primary)}.transcribe-main{display:flex;flex-direction:column;gap:var(--space-4)}.transcribe-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.hint-box{padding:var(--space-3) var(--space-4);background:rgba(var(--c-primary-rgb, 99,102,241),.08);border:1px solid var(--c-primary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--c-text)}.transcribe-staff-area{display:flex;flex-direction:column;gap:var(--space-3)}.transcribe-prompt{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.transcribe-note-strip{display:flex;flex-wrap:wrap;gap:var(--space-2)}.transcribe-result{padding:var(--space-6);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.transcribe-result--pass{background:color-mix(in srgb,var(--c-success) 12%,transparent);border:1px solid var(--c-success)}.transcribe-result--fail{background:var(--c-surface);border:1px solid var(--c-border)}.annotate-view{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);min-height:100%}.annotate-view__topbar{display:flex;align-items:center;gap:var(--space-4)}.annotate-view__topbar h2{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);margin:0;flex:1}.annotate-profile-row,.annotate-tools{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.profile-chip,.tool-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-text);font-size:var(--font-sm);padding:var(--space-1) var(--space-4);cursor:pointer;min-height:44px}.profile-chip--active,.tool-btn--active{background:var(--c-primary);color:var(--c-text-inverse, #fff);border-color:var(--c-primary)}.annotate-options{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);background:var(--c-surface);border-radius:var(--radius-md)}.finger-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:50%;width:44px;height:44px;font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center}.finger-btn--active{background:var(--c-primary);color:var(--c-text-inverse, #fff);border-color:var(--c-primary)}.colour-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;flex-shrink:0}.colour-swatch--active{border-color:var(--c-text)}.annotate-note-input{flex:1;min-width:200px;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);color:var(--c-text);font-size:var(--font-sm);min-height:44px}.annotate-note-count{font-size:var(--font-xs);color:var(--c-text-muted)}.annotate-score-wrapper{position:relative;min-height:260px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-4);overflow:hidden}.annotate-hint{font-size:var(--font-sm);color:var(--c-text-muted, var(--c-text))}.shm-modal-title{font-size:var(--font-lg);font-weight:var(--font-weight-bold);color:var(--c-text);margin:0 0 var(--space-3)}.edit-form{display:flex;flex-direction:column;gap:var(--space-3)}.edit-form__footer{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.edit-versions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--c-border)}.edit-versions__title{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.edit-actions{display:flex;justify-content:flex-start;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--c-border)}.annotate-list{display:flex;flex-direction:column;gap:var(--space-2)}.annotate-list h3{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.annot-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--c-surface);border-radius:var(--radius-md)}.annot-row__text{flex:1;font-size:var(--font-sm);color:var(--c-text)}.dojo-card{cursor:pointer;display:flex;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-4) var(--space-5)}.dojo-card__info{display:flex;flex-direction:column;gap:var(--space-1)}.dojo-card__name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.dojo-card__tagline{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.pcc-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5)}.pcc-card__header{display:flex;align-items:center;gap:var(--space-3)}.pcc-card__name{font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.pcc-card__pct{font-size:var(--font-sm);color:var(--c-text-muted);margin:0}.pcc-card__tagline{font-size:var(--font-xs);color:var(--c-text-muted);margin:0}.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}@media(max-width:1024px){.shm-piece-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:768px){.shm-library{padding:var(--space-4)}.play-view,.compose-view,.course-view,.transcribe-view,.annotate-view{padding:var(--space-3) var(--space-4)}.shm-piece-grid,.upload-form__row{grid-template-columns:1fr}.play-view__controls{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.compose-pitch-row{gap:var(--space-1)}.pitch-btn{width:44px;height:60px;font-size:var(--font-base)}}@media(max-width:390px){.shm-filter-bar{flex-direction:column;align-items:stretch}.compose-duration-row{gap:var(--space-2)}.dur-btn{width:48px;height:48px}.pitch-btn{width:38px;height:52px;font-size:var(--font-sm)}}.rmep-root{display:flex;flex-direction:column;gap:var(--space-3);width:100%;min-width:0;box-sizing:border-box}.rmep-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);flex-wrap:nowrap}.rmep-header-main{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.rmep-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.rmep-close:hover{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,var(--c-surface))}.rmep-close:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.rmep-title{margin:0;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text)}.rmep-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.rmep-offline-label{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted, var(--c-text));font-size:var(--font-sm);font-weight:var(--font-weight-semibold)}.rmep-instruction{margin:0;font-size:var(--font-base);color:var(--c-text)}.rmep-goal{margin:0;font-size:var(--font-sm);color:var(--c-text-muted, var(--c-text))}.rmep-score{width:100%}.rmep-progress{display:flex;gap:var(--space-1);flex-wrap:wrap}.rmep-dot{width:12px;height:12px;border-radius:50%;background:var(--c-border);transition:background .15s,transform .15s}.rmep-dot--done{background:var(--c-success, var(--c-primary))}.rmep-dot--current{background:var(--c-primary);transform:scale(1.25)}.rmep-keyboard-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-2) 0}.rmep-feedback{margin:0;min-height:24px;font-size:var(--font-sm);color:var(--c-text-muted, var(--c-text))}.rmep-feedback--wrong{color:var(--c-error, var(--c-text));font-weight:var(--font-weight-semibold)}.rmep-complete{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);text-align:center}.rmep-complete-icon{font-size:2.5rem}.rmep-complete-text{margin:0;font-size:var(--font-base);color:var(--c-text)}.rmep-complete-return{margin:0;font-size:var(--font-sm);color:var(--c-text-muted, var(--c-text));font-style:italic}.rmep-hint-secondary{display:block;font-size:var(--font-sm);color:var(--c-text-muted, var(--c-text));font-style:italic}.rmep-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.rmep-actions :is(button,a){min-height:44px}.rmep-root--unavailable{align-items:flex-start;gap:var(--space-2);padding:var(--space-3)}.rmep-unavailable-text{margin:0;font-size:var(--font-base);color:var(--c-text)}.mse-root{display:flex;flex-direction:column;gap:var(--space-3)}.mse-chord-hint{display:inline-block;margin-left:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--c-surface);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text)}.mse-exercise-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mse-tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm);cursor:pointer;min-height:44px;transition:background .15s,border-color .15s}.mse-tab:hover{border-color:var(--c-primary);background:var(--c-surface-raised)}.mse-tab--active{background:var(--c-primary);color:var(--c-on-primary);border-color:var(--c-primary)}.mse-keyboard-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--space-2) 0}.mse-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.mse-metro-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;min-height:44px;font-size:var(--font-sm);transition:background .15s}.mse-metro-btn--on{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 12%,var(--c-surface))}.mse-metro-light{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c-border);transition:background .05s}.mse-metro-light--flash{background:var(--c-primary)}.mse-bridge-tip{font-size:var(--font-xs);color:var(--c-text-muted);flex:1}.mse-exercise-prompt{display:flex;flex-direction:column;gap:var(--space-2)}.mse-sequence-progress{display:flex;gap:var(--space-1);flex-wrap:wrap;align-items:center}.mse-seq-dot{width:12px;height:12px;border-radius:50%;background:var(--c-border)}.mse-seq-dot--done{background:color-mix(in srgb,var(--c-success, #2ecc71) 80%,var(--c-surface))}.mse-seq-dot--current{background:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 25%,transparent)}.mse-result{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border)}.mse-accuracy{font-size:var(--font-base);color:var(--c-text)}.mse-ai-loading{color:var(--c-text-muted);font-size:var(--font-sm);margin:0}.mse-remediation-preparing{display:flex;align-items:center;gap:var(--space-2);align-self:flex-start;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--c-border);background:color-mix(in srgb,var(--c-primary) 6%,var(--c-surface));color:var(--c-text);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);animation:mse-remediation-pulse 1.8s ease-in-out infinite}.mse-remediation-preparing__icon{color:var(--c-primary);flex-shrink:0}.mse-remediation-preparing__text{white-space:nowrap}.mse-remediation-preparing__dots{display:inline-flex;gap:4px;align-items:center}.mse-remediation-preparing__dots i{width:5px;height:5px;border-radius:50%;background:var(--c-primary);animation:mse-remediation-dot 1.4s ease-in-out infinite}.mse-remediation-preparing__dots i:nth-child(2){animation-delay:.2s}.mse-remediation-preparing__dots i:nth-child(3){animation-delay:.4s}@keyframes mse-remediation-pulse{0%,to{opacity:.78}50%{opacity:1}}@keyframes mse-remediation-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.mse-remediation-preparing{animation:none;opacity:1}.mse-remediation-preparing__dots i{animation:none;opacity:.7;transform:none}}.mse-ai-response{font-size:var(--font-sm);color:var(--c-text);padding:var(--space-2) var(--space-3);background:var(--c-surface-raised, var(--c-surface));border-radius:var(--radius-md);border-left:3px solid var(--c-primary)}.mse-ai-response__fallback-label{display:block;font-size:var(--font-xs, var(--font-sm));color:var(--c-text-muted);margin-bottom:var(--space-1)}.mse-transfer-result{display:flex;flex-direction:column;gap:var(--space-1);align-self:flex-start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--c-primary);background:color-mix(in srgb,var(--c-primary) 6%,var(--c-surface))}.mse-transfer-result__headline{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text)}.mse-transfer-result__detail{font-size:var(--font-sm);color:var(--c-text-muted, var(--c-text))}.mse-retry-focus{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);align-self:stretch;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border-left:3px solid color-mix(in srgb,var(--c-primary) 45%,var(--c-border));background:color-mix(in srgb,var(--c-primary) 4%,var(--c-surface));pointer-events:none}.mse-retry-focus__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted, var(--c-text))}.mse-retry-focus__cue{font-size:var(--font-sm);color:var(--c-text)}.mse-course-header{display:flex;flex-direction:column;gap:var(--space-2)}.mse-course-steps{display:flex;gap:var(--space-2)}.mse-stage-chip{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--c-border);color:var(--c-text-muted);font-size:var(--font-xs);font-weight:600}.mse-stage-chip--active{background:var(--c-primary);color:var(--c-on-primary)}.mse-stage-chip--done{background:color-mix(in srgb,var(--c-success, #2ecc71) 70%,var(--c-surface));color:var(--c-text)}.mse-course-ex-label{font-size:var(--font-sm);color:var(--c-text-muted)}.mse-stage-instructions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface);border-radius:var(--radius-lg)}.mse-stage-instructions p{margin:0;font-size:var(--font-base);color:var(--c-text)}.mse-wfm-progress{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-sm);color:var(--c-text-muted)}.mse-test-result{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm)}.mse-test-result--pass{background:color-mix(in srgb,var(--c-success, #2ecc71) 15%,var(--c-surface));color:color-mix(in srgb,var(--c-success, #2ecc71) 80%,var(--c-text))}.mse-test-result--fail{background:color-mix(in srgb,var(--c-danger, #e74c3c) 10%,var(--c-surface));color:var(--c-text)}.mse-course-done{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.mse-done-icon{font-size:var(--font-4xl)}.mse-course-done h3{margin:0;font-size:var(--font-lg)}.mse-course-done p{margin:0;color:var(--c-text-muted);font-size:var(--font-base)}@media(max-width:390px){.mse-exercise-tabs{gap:var(--space-1)}.mse-tab{font-size:var(--font-xs);padding:var(--space-1) var(--space-2)}}.mse-remediation-overlay{position:fixed;inset:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:var(--c-scrim, rgba(0, 0, 0, .72))}.mse-remediation-overlay__panel{width:100%;max-width:min(90vw,880px);max-height:calc(100dvh - var(--space-8));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--c-surface-raised, var(--c-surface));border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-5);box-sizing:border-box}@media(max-width:768px){.mse-remediation-overlay__panel{max-width:100%;padding:var(--space-4);border-radius:var(--radius-md)}}@media(max-width:390px){.mse-remediation-overlay__panel{padding:var(--space-3)}}.pack-layout{display:flex;flex-direction:column;min-height:100%;background:var(--c-bg);color:var(--c-text);box-sizing:border-box;font-family:var(--font-sans)}.pack-layout__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-wrap:nowrap;position:sticky;top:0;z-index:var(--z-elevated)}.pack-layout__title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-layout__tabs{display:flex;gap:var(--space-2)}.pack-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--c-border);background:transparent;color:var(--c-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-base)}.pack-tab--active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-bg)}.pack-tab:not(.pack-tab--active):hover{border-color:var(--c-primary);color:var(--c-text)}.pack-skip{background:transparent;border:1px solid var(--c-border);color:var(--c-text-muted);font-size:var(--font-xs);font-family:var(--font-sans);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;min-height:var(--touch-min);white-space:nowrap;flex-shrink:0;margin-left:auto;transition:all var(--transition-fast)}.pack-skip:hover{color:var(--c-text-muted);border-color:var(--c-text-muted)}.pack-layout__content{flex:1;overflow-x:hidden;padding:var(--space-6);display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0}@media(max-width:768px){.pack-layout__content{padding:var(--space-4)}.pack-layout__header{padding:var(--space-3) var(--space-4)}.pack-tab{padding:var(--space-2) var(--space-3)}}@media(max-width:540px){.pack-layout__header{padding:var(--space-2) var(--space-4);gap:var(--space-2)}.pack-layout__title{font-size:var(--font-base)}.pack-tab{font-size:var(--font-xs);padding:var(--space-2) var(--space-2);min-height:36px}}@media(max-width:390px){.pack-layout__header{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.pack-layout__title{font-size:var(--font-lg);width:100%}.pack-layout__tabs{width:100%;flex-wrap:wrap}.pack-skip{margin-left:0;align-self:flex-end}.pack-tab{font-size:var(--font-xs);padding:var(--space-1) var(--space-3)}}.transcription-pack{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:720px;margin:0 auto;padding:var(--space-4);box-sizing:border-box}.transcription-exercise{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.transcription__title{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;font-style:italic}.transcription__hint{font-size:var(--font-sm);color:var(--c-text-muted);text-align:center;margin:0}.transcription__levels{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.transcription__level-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:2px 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;min-height:var(--touch-min);transition:var(--transition-fast)}.transcription__level-btn--active{border-color:var(--c-primary);background:var(--c-primary-dim);color:var(--c-primary)}.transcription__status{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-base);color:var(--c-text-muted)}.transcription__input-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.transcription__note-row{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.transcription__note-slot{width:44px;height:44px;border-radius:var(--radius-md);border:2px solid var(--c-border);background:var(--c-surface-2);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--c-text-muted)}.transcription__note-slot--filled{border-color:var(--c-primary);background:var(--c-primary-dim);color:var(--c-primary)}.transcription__pitch-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.transcription__pitch-btn{width:52px;height:52px;border-radius:var(--radius-md);border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:var(--font-lg);font-weight:var(--font-weight-bold);cursor:pointer;min-height:var(--touch-min);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.transcription__pitch-btn:hover{background:var(--c-surface-2);border-color:var(--c-primary)}.transcription__pitch-btn:active{background:var(--c-primary-dim);transform:scale(.95)}.transcription__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.transcription__result{width:100%;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--c-border);background:var(--c-surface);display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.transcription__result--correct{border-color:var(--c-success)}.transcription__result--wrong{border-color:var(--c-error)}.transcription__result-text{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.transcription__staff-compare{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.transcription__staff-label{font-size:var(--font-xs);color:var(--c-text-muted);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.08em}.transcription__staff{width:100%;min-height:160px;display:flex;justify-content:center;align-items:center;background:transparent;border:none}.transcription__progress{display:flex;align-items:center;gap:var(--space-4);width:100%}.transcription__counter{font-size:var(--font-sm);color:var(--c-text-muted);white-space:nowrap;flex-shrink:0}.shm-shell-wrapper{min-height:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.shm-academy-tabs{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);flex-wrap:wrap}.shm-academy-tab{min-height:46px;box-sizing:border-box;padding:var(--space-2) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-md, 8px);background:var(--c-surface);color:var(--c-text);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer}.shm-academy-tab.is-active{background:var(--c-primary);color:var(--c-text-inverse, #fff);border-color:var(--c-primary)}.academy-pillar{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);box-sizing:border-box}.academy-pillar-title{margin:0;font-size:var(--font-xl);color:var(--c-text)}.academy-pillar-sub{margin:0;font-size:var(--font-sm);color:var(--c-text-muted)}.academy-pillar-difficulty{display:flex;gap:var(--space-2);flex-wrap:wrap}.academy-pillar-loading{font-size:var(--font-base);color:var(--c-text-muted)}.maqam-library-page{padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-6);background-color:var(--or-bg, var(--c-bg))}.maqam-library-page__back-row{display:flex;align-items:center}.maqam-library-page__back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:44px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text-muted);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.maqam-library-page__back:hover{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-primary-dim)}.maqam-library-page__header{display:flex;flex-direction:column}.maqam-lib__header-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.maqam-library-page__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:.04em}.maqam-lib__subtitle{font-size:var(--font-sm);color:var(--c-text-muted);letter-spacing:.06em}.maqam-lib__controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.maqam-lib__filter-group{display:flex;gap:var(--space-2);flex-shrink:0;padding-bottom:0}.maqam-lib__search{flex:1;min-width:200px;max-width:360px}.maqam-library-page__section{display:flex;flex-direction:column;gap:var(--space-4)}.maqam-library-page__section-header{display:flex;align-items:center;gap:var(--space-3)}.maqam-library-page__section-heading{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0}.maqam-library-page__section-desc{font-size:var(--font-sm);color:var(--c-text-muted);margin:0;max-width:600px;line-height:var(--leading-relaxed)}.app-shell__main:has(.maqam-library-page){scrollbar-width:thin;scrollbar-color:#2A3A5A transparent}.app-shell__main:has(.maqam-library-page)::-webkit-scrollbar{width:6px}.app-shell__main:has(.maqam-library-page)::-webkit-scrollbar-track{background:transparent}.app-shell__main:has(.maqam-library-page)::-webkit-scrollbar-thumb{background:#2a3a5a;border-radius:3px}.app-shell__main:has(.maqam-library-page)::-webkit-scrollbar-thumb:hover{background:#c9962a66}@media(max-width:768px){.maqam-library-page{padding:var(--space-4);gap:var(--space-4)}}@media(max-width:390px){.maqam-library-page{padding:var(--space-3)}.maqam-lib__header-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.maqam-lib__controls{flex-direction:column;align-items:stretch}.maqam-lib__filter-group{width:100%;flex-wrap:wrap}.maqam-lib__search{max-width:none}}[data-realm=coptic]{--coptic-bg: #0A0608;--coptic-surface: #160E0A;--coptic-surface-2: #221610;--coptic-border: #3A2818;--coptic-gold: #C9A84C;--coptic-gold-light: #E8C870;--coptic-crimson: #8B1A1A;--coptic-blue: #1A3A5C;--coptic-text: #F0E8D8;--coptic-text-muted: #8A7A60;--coptic-red: rgb(170, 14, 14);--coptic-red-light: rgb(210, 60, 60);--coptic-red-dim: rgba(170, 14, 14, .15)}.coptic-shell{padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-8);background:#0a0608;background-image:radial-gradient(circle at 20% 20%,rgba(201,168,76,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(201,168,76,.04) 0%,transparent 50%)}.coptic-shell__hero{display:flex;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,#c9a84c24,#c9a84c0a);border:1px solid rgba(201,168,76,.35);border-radius:var(--radius-xl);padding:var(--space-8)}.coptic-shell__crest{font-size:64px;line-height:1;filter:drop-shadow(0 0 14px rgba(201,168,76,.55));flex-shrink:0;color:#c9a84c}.coptic-shell__title{font-family:var(--font-serif);font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:#c9a84c;margin:0;letter-spacing:.04em}.coptic-shell__subtitle{font-size:var(--font-sm);color:#c9a84ca6;margin:var(--space-1) 0 0;letter-spacing:.1em;direction:rtl}.coptic-section{display:flex;flex-direction:column;gap:var(--space-4)}.coptic-section__header{display:flex;align-items:center;gap:var(--space-3)}.coptic-section__heading{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:#c9a84c;margin:0}.coptic-section__count{font-size:var(--font-xs);color:#c9a84c8c;margin-left:auto}.coptic-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}@media(max-width:768px){.coptic-pack-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.coptic-pack-grid{grid-template-columns:1fr}}.coptic-pack-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:#c9a84c0f;border:1px solid rgba(201,168,76,.18);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-align:center;min-height:120px;font-family:var(--font-sans)}.coptic-pack-card:hover{background:#c9a84c24;border-color:#c9a84c73;transform:translateY(-2px)}.coptic-pack-card:active{transform:translateY(0)}.coptic-pack-card--primary{background:#c9a84c1f;border-color:#c9a84c66;box-shadow:0 0 20px #c9a84c14}.coptic-pack-card--primary:hover{border-color:#c9a84c}.coptic-pack-card__icon{font-size:32px;line-height:1;filter:drop-shadow(0 0 6px rgba(201,168,76,.3))}.coptic-pack-card--primary .coptic-pack-card__icon{font-size:40px}.coptic-pack-card__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:#c9a84c;line-height:1.3}.coptic-pack-card__sub{font-size:var(--font-xs);color:#c9a84c8c;direction:rtl}@media(max-width:768px){.coptic-shell{padding:var(--space-4);gap:var(--space-6)}.coptic-shell__hero{padding:var(--space-5);gap:var(--space-4)}.coptic-shell__crest{font-size:48px}.coptic-shell__title{font-size:var(--font-2xl)}}@media(max-width:390px){.coptic-shell__hero{flex-direction:column;text-align:center;padding:var(--space-4)}}.gospel-shell{position:relative;padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-8);background-color:var(--gospel-bg);background-image:radial-gradient(circle at 22% 18%,rgba(212,160,48,.07) 0%,transparent 55%),radial-gradient(circle at 82% 85%,rgba(106,26,40,.35) 0%,transparent 55%)}.gospel-shell:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.05;background-repeat:repeat;background-size:72px 72px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23D4A030' stroke-width='2'%3E%3Cpath d='M36 22v28M22 36h28'/%3E%3Cpath d='M30 22h12M30 50h12M22 30v12M50 30v12'/%3E%3C/g%3E%3C/svg%3E")}.gospel-shell>*{position:relative;z-index:1}.gospel-shell__hero{display:flex;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,#d4a03029,#6a1a284d);border:1px solid rgba(212,160,48,.4);border-radius:var(--radius-xl);padding:var(--space-8)}.gospel-shell__crest{font-size:64px;line-height:1;filter:drop-shadow(0 0 14px rgba(212,160,48,.55));flex-shrink:0}.gospel-shell__title{font-family:var(--font-serif);font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--gospel-gold-light);margin:0;letter-spacing:.03em}.gospel-shell__subtitle{font-size:var(--font-base);color:var(--gospel-cream);margin:var(--space-1) 0 0;letter-spacing:.02em}.gospel-section{display:flex;flex-direction:column;gap:var(--space-4)}.gospel-section__header{display:flex;align-items:center;gap:var(--space-3)}.gospel-section__heading{font-family:var(--font-serif);font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--gospel-gold-light);margin:0}.gospel-section__count{font-size:var(--font-sm);color:var(--gospel-text-muted);margin-left:auto}.gospel-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}@media(max-width:768px){.gospel-pack-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.gospel-pack-grid{grid-template-columns:1fr}}.gospel-pack-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:#d4a0300f;border:1px solid rgba(212,160,48,.2);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-align:center;min-height:120px;font-family:var(--font-sans)}.gospel-pack-card:hover{background:#d4a03024;border-color:#d4a03080;transform:translateY(-2px)}.gospel-pack-card:active{transform:translateY(0)}.gospel-pack-card--primary{background:#d4a0301f;border-color:#d4a0306b;box-shadow:0 0 20px #d4a0301a}.gospel-pack-card--primary:hover{border-color:var(--gospel-gold)}.gospel-pack-card__icon{font-size:32px;line-height:1;filter:drop-shadow(0 0 6px rgba(212,160,48,.3))}.gospel-pack-card--primary .gospel-pack-card__icon{font-size:40px}.gospel-pack-card__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--gospel-gold-light);line-height:1.3}.gospel-pack-card__sub{font-size:var(--font-xs);color:var(--gospel-text-muted)}.gospel-heritage{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--gospel-surface);border:1px solid var(--gospel-border);border-left:4px solid var(--gospel-gold);border-radius:var(--radius-lg);padding:var(--space-5)}.gospel-heritage__icon{font-size:28px;color:var(--gospel-gold);flex-shrink:0;line-height:1.2}.gospel-heritage__text{font-size:var(--font-sm);color:var(--gospel-cream);line-height:1.6;margin:0}.gospel-crosslink{margin:0;font-size:var(--font-sm);color:var(--gospel-text-muted);text-align:center}.gospel-crosslink__link{background:none;border:none;padding:0;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--gospel-gold);cursor:pointer;text-decoration:underline;min-height:44px}@media(max-width:768px){.gospel-shell{padding:var(--space-4);gap:var(--space-6)}.gospel-shell__hero{padding:var(--space-5);gap:var(--space-4)}.gospel-shell__crest{font-size:48px}.gospel-shell__title{font-size:var(--font-2xl)}}@media(max-width:390px){.gospel-shell__hero{flex-direction:column;text-align:center;padding:var(--space-4)}}.classical-shell{--realm-classical: #4A8FA8;--cl-bg: #070D1A;--cl-surface: #0B1626;--cl-surface2: #102035;--cl-border: #1A2F4A;--cl-accent: var(--realm-classical);--cl-accent-dim: rgba(74, 143, 168, .13);--cl-accent-glow: rgba(74, 143, 168, .28);--cl-text: #D0DFEE;--cl-text-muted: #6A8BAA;padding:var(--space-6);box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;gap:var(--space-8);background-color:var(--cl-bg)}.classical-shell__hero{display:flex;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,#4a8fa81a,#0a1e3c99);border:1px solid var(--cl-border);border-top:2px solid var(--cl-accent);border-radius:var(--radius-xl);padding:var(--space-8)}.classical-shell__crest{font-size:64px;line-height:1;filter:drop-shadow(0 0 14px var(--cl-accent-glow));flex-shrink:0}.classical-shell__hero-text{display:flex;flex-direction:column;gap:var(--space-2)}.classical-shell__title{font-family:var(--font-serif, Georgia, serif);font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--cl-accent);margin:0;letter-spacing:.04em;line-height:1.2}.classical-shell__subtitle{font-size:var(--font-sm);color:var(--cl-text-muted);margin:0;letter-spacing:.09em;text-transform:uppercase}.classical-section{display:flex;flex-direction:column;gap:var(--space-4)}.classical-section__header{display:flex;align-items:center;gap:var(--space-3)}.classical-section__heading{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--cl-text);margin:0}.classical-section__badge{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--cl-text-muted);background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--radius-full);padding:2px var(--space-2);letter-spacing:.05em}.cl-pathway{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2) 0}.cl-pathway__step-wrap{display:flex;align-items:center;gap:var(--space-2)}.cl-pathway__step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-4);min-height:56px;min-width:80px;background:var(--cl-surface);border:1.5px solid var(--cl-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;text-align:center}.cl-pathway__step:hover{border-color:var(--cl-accent);background:var(--cl-accent-dim);box-shadow:0 0 0 2px var(--cl-accent-dim)}.cl-pathway__step:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}.cl-pathway__step-num{font-size:var(--font-base);font-weight:var(--font-weight-bold);color:var(--cl-accent);line-height:1}.cl-pathway__step-name{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--cl-text-muted);line-height:1.3;white-space:nowrap}.cl-pathway__arrow{font-size:var(--font-lg);color:var(--cl-border);flex-shrink:0;user-select:none}.cl-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.cl-pack-card{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;min-height:120px;-webkit-tap-highlight-color:transparent}.cl-pack-card:hover{border-color:var(--cl-accent);box-shadow:0 0 0 2px var(--cl-accent-dim);transform:translateY(-3px)}.cl-pack-card:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}.cl-pack-card:active{transform:translateY(-1px)}.cl-pack-card__step{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--cl-accent);line-height:1;flex-shrink:0;min-width:32px;text-align:center;opacity:.75}.cl-pack-card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.cl-pack-card__name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--cl-text);margin:0;line-height:1.3}.cl-pack-card__desc{font-size:var(--font-sm);color:var(--cl-text-muted);margin:0;line-height:var(--leading-relaxed)}.cl-mastery__empty{font-size:var(--font-sm);color:var(--cl-text-muted);margin:0;font-style:italic;padding:var(--space-2) 0}.cl-mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.cl-mastery-item{display:flex;flex-direction:column;gap:var(--space-2)}.cl-mastery-item__header{display:flex;justify-content:space-between;align-items:baseline}.cl-mastery-item__label{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--cl-text)}.cl-mastery-item__pct{font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--cl-accent)}.cl-mastery-item__track{height:8px;background:var(--cl-surface2);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--cl-border)}.cl-mastery-item__fill{height:100%;background:var(--cl-accent);border-radius:var(--radius-full);transition:width .4s ease;min-width:0}.app-shell__main:has(.classical-shell){scrollbar-width:thin;scrollbar-color:var(--cl-border, #1A2F4A) transparent}.app-shell__main:has(.classical-shell)::-webkit-scrollbar{width:6px}.app-shell__main:has(.classical-shell)::-webkit-scrollbar-track{background:transparent}.app-shell__main:has(.classical-shell)::-webkit-scrollbar-thumb{background:#1a2f4a;border-radius:3px}.app-shell__main:has(.classical-shell)::-webkit-scrollbar-thumb:hover{background:#4a8fa866}@media(max-width:1023px)and (min-width:769px){.cl-packs-grid,.cl-mastery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.classical-shell{padding:var(--space-4)}.classical-shell__hero{flex-direction:column;text-align:center;padding:var(--space-6)}.cl-packs-grid,.cl-mastery-grid{grid-template-columns:1fr}.cl-pathway{gap:var(--space-1)}.cl-pathway__step{min-width:64px;padding:var(--space-2) var(--space-3)}}@media(max-width:390px){.classical-shell{padding:var(--space-3)}.classical-shell__title{font-size:var(--font-2xl)}}.inner-hearing-gymnasium{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);min-height:100%;padding:var(--space-5);background:var(--c-surface);border:var(--border-width-thin) solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);font-family:var(--font-sans)}.inner-hearing-gymnasium--no-midi{align-items:center;justify-content:center;text-align:center}.inner-hearing-gymnasium__midi-message{font-size:var(--font-lg);font-weight:var(--font-weight-medium);color:var(--c-text-muted);margin:0}.inner-hearing-gymnasium__header{display:flex;align-items:center}.inner-hearing-gymnasium__stage-name{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-primary)}.inner-hearing-gymnasium__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);text-align:center}.inner-hearing-gymnasium__intro,.inner-hearing-gymnasium__prompt{font-size:var(--font-lg);line-height:var(--leading-relaxed);margin:0}.inner-hearing-gymnasium__caption{font-size:var(--font-sm);color:var(--c-text-dim);margin:0}.inner-hearing-gymnasium__fallback,.inner-hearing-gymnasium__status{font-size:var(--font-base);color:var(--c-text-muted);margin:0}.inner-hearing-gymnasium__observation{font-size:var(--font-lg);font-weight:var(--font-weight-medium);color:var(--c-error);margin:0}.inner-hearing-gymnasium__observation--correct{color:var(--c-success)}.inner-hearing-gymnasium__complete{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-primary);margin:0}.inner-hearing-gymnasium__footer{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.inner-hearing-gymnasium__primary-action{min-height:var(--touch-min);min-width:200px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:none;background:var(--c-primary);color:var(--c-bg);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:filter var(--transition-fast)}.inner-hearing-gymnasium__primary-action:disabled{cursor:default;filter:opacity(.7)}.inner-hearing-gymnasium__primary-action:not(:disabled):hover{filter:brightness(1.1)}.inner-hearing-gymnasium__secondary-action{min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--c-border);background:transparent;color:var(--c-text-muted);font-size:var(--font-sm);cursor:pointer}@media(max-width:480px){.inner-hearing-gymnasium__footer{flex-direction:column}.inner-hearing-gymnasium__primary-action,.inner-hearing-gymnasium__secondary-action{width:100%}}.oa-shell{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;background:var(--c-surface);color:var(--c-text)}.oa-shell__header{padding:var(--space-8) var(--space-6) var(--space-6);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.oa-shell__header-inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.oa-shell__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:.02em;line-height:1.2}.oa-shell__separation-notice{font-size:var(--font-sm);color:var(--c-text-secondary);margin:0;line-height:1.5}.oa-shell__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);box-sizing:border-box}.oa-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);max-width:480px;text-align:center}.oa-empty__icon{width:120px;height:120px;flex-shrink:0}.oa-empty__arc{width:100%;height:100%}.oa-empty__heading{font-family:var(--font-serif);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;line-height:1.35}.oa-empty__message{font-size:var(--font-base);color:var(--c-text-secondary);line-height:1.6;margin:0}.oa-session{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.oa-session__header{display:flex;flex-direction:column;gap:var(--space-2)}.oa-session__title{font-family:var(--font-serif);font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--c-text);margin:0;line-height:1.3}.oa-session__subtitle{font-size:var(--font-base);color:var(--c-primary);margin:0;font-weight:var(--font-weight-medium)}.oa-session__instruction{font-size:var(--font-sm);color:var(--c-text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.oa-shell__header{padding:var(--space-6) var(--space-4) var(--space-4)}.oa-shell__title{font-size:var(--font-2xl)}.oa-shell__main{padding:var(--space-8) var(--space-4)}.oa-empty{max-width:100%}}@media(max-width:390px){.oa-shell__title{font-size:var(--font-xl)}.oa-empty__heading{font-size:var(--font-lg)}}.chords-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--space-6) var(--space-4);background:var(--c-bg);color:var(--c-text);position:relative}.chords-intro__screen{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.chords-intro__title{font-size:var(--font-xl, 1.5rem);font-weight:700;text-align:center;color:var(--c-text);margin:0}.chords-intro__lines{display:flex;flex-direction:column;gap:var(--space-2)}.chords-intro__body{font-size:var(--font-base, 1rem);text-align:center;color:var(--c-text-muted, var(--c-text));margin:0;line-height:1.6}.chords-intro__question{font-size:var(--font-lg, 1.125rem);font-weight:600;text-align:center;color:var(--c-text);margin:var(--space-3) 0 0}.chords-intro__feedback{font-size:var(--font-base, 1rem);text-align:center;color:var(--c-accent, var(--c-text));margin:var(--space-2) 0 0;min-height:1.5em}.chords-intro__feedback--heard{color:var(--c-success, #2e7d32)}.chords-intro__cta,.chords-intro__hear-btn,.chords-intro__continue-btn{min-height:44px;min-width:160px;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md, 8px);font-size:var(--font-base, 1rem);font-weight:600;cursor:pointer;transition:opacity .15s;background:var(--c-primary, #1565c0);color:var(--c-on-primary, #fff);margin-top:var(--space-3)}.chords-intro__cta:hover,.chords-intro__hear-btn:hover,.chords-intro__continue-btn:hover{opacity:.85}.chords-intro__continue-btn{background:var(--c-success, #2e7d32)}.chords-intro__choices{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:400px;margin-top:var(--space-3)}.chords-intro__choice-btn{min-height:44px;padding:var(--space-3) var(--space-4);border:2px solid var(--c-border, #ccc);border-radius:var(--radius-md, 8px);font-size:var(--font-base, 1rem);background:var(--c-surface, #fff);color:var(--c-text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.chords-intro__choice-btn:hover:not(:disabled){border-color:var(--c-primary, #1565c0);background:var(--c-surface-hover, #e3f2fd)}.chords-intro__choice-btn--selected{border-color:var(--c-primary, #1565c0);background:var(--c-surface-selected, #e3f2fd);font-weight:700}.chords-intro__choice-btn:disabled{opacity:.7;cursor:default}.chords-intro__cards{display:flex;flex-direction:row;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-3)}.chords-intro__card{min-height:80px;min-width:100px;padding:var(--space-3);border:2px solid var(--c-border, #ccc);border-radius:var(--radius-md, 8px);background:var(--c-surface, #fff);color:var(--c-text);font-size:var(--font-base, 1rem);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;transition:border-color .15s,background .15s}.chords-intro__card:hover{border-color:var(--c-primary, #1565c0)}.chords-intro__card--heard{border-color:var(--c-success, #2e7d32);background:var(--c-success-subtle, #e8f5e9)}.chords-intro__dots{display:flex;gap:var(--space-2);margin-top:var(--space-5);justify-content:center}.chords-intro__dot{width:8px;height:8px;border-radius:50%;background:var(--c-border, #ccc);transition:background .2s}.chords-intro__dot--done{background:var(--c-primary, #1565c0)}.chords-intro__intro--finale .chords-intro__title{color:var(--c-accent, var(--c-primary, #1565c0))}@media(min-width:1024px){.chords-intro{padding:var(--space-8) var(--space-6)}.chords-intro__title{font-size:var(--font-2xl, 2rem)}}@media(max-width:390px){.chords-intro__cards{flex-direction:column;align-items:center}.chords-intro__card{width:100%;min-width:unset}}:root{--academy-course-bg: #0a0a12;--academy-course-bg-image: linear-gradient(160deg, #0a0a12 0%, #0e0e18 50%, #060608 100%);--academy-course-bg-overlay: rgba(0,0,0,0);--academy-course-bg-position: center center;--academy-course-bg-size: cover;--academy-course-surface: rgba(20,20,32,.85);--academy-course-surface-strong: rgba(28,28,44,.96);--academy-course-border: rgba(255,255,255,.1);--academy-course-text: #e8e8f4;--academy-course-muted-text: #8888a8;--academy-course-heading: #f0f0f8;--academy-course-accent: #f5c842;--academy-course-accent-soft: rgba(245,200,66,.18);--academy-course-accent-strong: #ffe060;--academy-course-glow: rgba(245,200,60,.5);--academy-course-glow-soft: rgba(245,200,60,.22);--academy-course-glow-strong: rgba(245,200,60,.85);--academy-course-progress-track: rgba(255,255,255,.1);--academy-course-progress-active: #f5c842;--academy-course-progress-complete:#e0a800;--academy-course-button-bg: #c89e20;--academy-course-button-text: #fff;--academy-course-success: #4caf50;--academy-course-warning: #ff9800;--academy-course-error: #f44336}.acs{display:flex;flex-direction:column;min-height:100%;background:var(--academy-course-bg, var(--c-bg, #0a0a12));background-image:var(--academy-course-bg-image, none);background-size:var(--academy-course-bg-size, cover);background-position:var(--academy-course-bg-position, center center);color:var(--academy-course-text, var(--c-text, #f0f0f8))}.acs--immersive{position:fixed;inset:0;z-index:50;height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.acs--immersive .acs__body{flex:1;min-height:0;overflow:hidden}.acs__header{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:var(--academy-course-surface, var(--c-surface, #1c1c2e));border-bottom:1px solid var(--academy-course-border, var(--c-border, rgba(255,255,255,.08)));min-height:48px;flex-shrink:0;position:sticky;top:0;z-index:10}.acs__back{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;background:none;border:none;color:var(--academy-course-accent, var(--c-accent, #7c5cbf));font-size:.85rem;font-weight:600;font-family:var(--font-family, sans-serif);cursor:pointer;padding:.4rem .65rem;border-radius:8px;min-height:44px;transition:background .14s;white-space:nowrap}.acs__back:hover{background:var(--academy-course-accent-soft, rgba(124,92,191,.12))}.acs__back-arrow{font-size:1.05em;line-height:1}.acs__course-info{flex:1;text-align:center;font-size:.8rem;color:var(--academy-course-muted-text, var(--c-text-muted, #888));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem}.acs__course-title{color:var(--academy-course-muted-text, var(--c-text-muted, #888));font-weight:500}.acs__course-sep{opacity:.5}.acs__lesson-title{color:var(--academy-course-heading, var(--c-text, #f0f0f8));font-weight:600}.acs__body{flex:1;display:flex;flex-direction:column;min-height:0}.acs__back-overlay{position:absolute;top:clamp(.5rem,1.5vh,.9rem);left:clamp(.5rem,1.5vw,.9rem);z-index:60;background:#0000004d;border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;color:#ffffffb8;font-family:var(--font-family, sans-serif);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .7rem;cursor:pointer;transition:background .15s,color .15s,opacity .15s;opacity:.82}.acs__back-overlay .acs__back-arrow{font-size:1.05rem;line-height:1}.acs__back-overlay .acs__back-label{font-size:.78rem;font-weight:600;white-space:nowrap}.acs__back-overlay:hover{background:#00000085;color:#fff;opacity:1}.acs__back-overlay:active{transform:scale(.95)}@media(min-width:2560px){.acs__back-overlay{min-width:72px;min-height:72px;padding:0 1.2rem;gap:.5rem;border-radius:16px}.acs__back-overlay .acs__back-arrow{font-size:1.8rem}.acs__back-overlay .acs__back-label{font-size:1.3rem}}.acs-teaching-card{width:100%;max-width:960px;margin:0 auto;padding:1.25rem 1rem 1.75rem;display:flex;flex-direction:column;align-items:center}@media(min-width:640px){.acs-teaching-card{padding:1.5rem 1.5rem 2rem}}@media(min-width:1024px){.acs-teaching-card{padding:1.75rem 2.5rem 2.5rem}}.cah{display:flex;flex-direction:column;min-height:100%;background:var(--c-bg, #0a0a12);color:var(--c-text, #f0f0f8);font-family:var(--font-family, sans-serif)}.cah__header{display:flex;align-items:center;gap:1rem;padding:.5rem 1.25rem;background:var(--c-surface, #1c1c2e);border-bottom:1px solid var(--c-border, rgba(255,255,255,.08));min-height:56px}.cah__back{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--c-accent, #7c5cbf);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;padding:.4rem .6rem;border-radius:8px;min-height:44px;transition:background .14s;white-space:nowrap}.cah__back:hover{background:#7c5cbf1f}.cah__title{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;margin:0;color:var(--c-text, #f0f0f8)}.cah__body{flex:1;padding:1.5rem 1.25rem 2rem;max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.cah__intro{font-size:1rem;color:var(--c-text-muted, #aaa);margin:0}.cah__lessons{display:flex;flex-direction:column;gap:.75rem}.cah__section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted, #888);margin:0 0 .25rem}.cah__lesson-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:12px;background:var(--c-surface, #1c1c2e);border:1.5px solid var(--c-border, rgba(255,255,255,.08));cursor:pointer;text-align:left;font-family:inherit;min-height:64px;transition:background .14s,border-color .14s}.cah__lesson-card--active{color:var(--c-text, #f0f0f8)}.cah__lesson-card--active:hover{background:#7c5cbf24;border-color:var(--c-accent, #7c5cbf)}.cah__lesson-card--locked{border:none;cursor:default;opacity:.45;background:transparent}.cah__lesson-pip{font-size:1.4rem;line-height:1;flex-shrink:0;color:var(--c-accent, #7c5cbf)}.cah__lesson-pip--locked{color:var(--c-text-muted, #888)}.cah__lesson-meta{flex:1}.cah__lesson-name{font-size:.95rem;font-weight:600;margin:0}.cah__lesson-desc{font-size:.82rem;color:var(--c-text-muted, #aaa);margin:.15rem 0 0}.cah__lesson-arrow{color:var(--c-accent, #7c5cbf);font-size:1.1rem;flex-shrink:0}.cah__start-course{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;border-radius:12px;background:var(--c-accent, #7c5cbf);border:none;color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;min-height:52px;transition:opacity .14s}.cah__start-course:hover{opacity:.88}.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)}.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%}.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__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);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}}