:root{--bg: #14100d;--bg-deep: #0d0a08;--surface: #1e1815;--surface-2: #2a221d;--line: #3a2f27;--ink: #f4ece2;--ink-dim: #c2b1a0;--muted: #9d8a77;--accent: #d9a441;--on-accent: #241a08;--on-dark: #f4ece2;--on-dark-dim: #c2b1a0;--on-dark-accent: #d9a441;--accent-dim: #8a6828;--accent-soft: rgba(217, 164, 65, .14);--teal: #7fb0a3;--qt: #7fb0a3;--qt-ink: #2c6b60;--qt-soft: rgba(127, 176, 163, .16);--grade-excellent: #6fbf8e;--grade-good: #e0b458;--grade-review: #e07a5f;--nav-width: 232px;--dock-gutter: 0px;--radius: 14px;--radius-sm: 9px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font-ar: "SF Arabic", "Geeza Pro", "Noto Sans Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{display:flex;flex-direction:column}body{background:radial-gradient(1200px 700px at 80% -10%,#22190f 0%,var(--bg) 55%);color:var(--ink);font-family:var(--font-ar);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4{line-height:1.35;margin:0;font-weight:650}.app{display:grid;grid-template-columns:var(--nav-width) 1fr;flex:1;min-height:0}.sidebar{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-deep) 100%);border-inline-start:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px}.brand__mark{font-size:26px;line-height:1}.brand__name{font-size:18px;font-weight:700}.brand__tag{font-size:12px;color:var(--muted);line-height:1.4}.navlink{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-dim);text-align:start;width:100%;transition:background .15s,color .15s}.navlink:hover{background:var(--surface-2);color:var(--ink)}.navlink[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:650}.navlink__icon{font-size:17px;width:22px;text-align:center}.main{overflow-y:auto;padding:30px 34px;padding-block-end:max(64px,var(--dock-gutter))}.page-head{margin-bottom:24px}.page-head h1{font-size:27px}.page-head p{color:var(--muted);margin:6px 0 0}.stack{display:flex;flex-direction:column;gap:18px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px}.card--flat{background:transparent}.card__title{font-size:17px;margin-bottom:10px}.card__note{color:var(--muted);font-size:13px}.btn{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);padding:9px 18px;transition:border-color .15s,background .15s,opacity .15s}.btn:hover:not(:disabled){border-color:var(--accent-dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.verdict:disabled{cursor:not-allowed}.verdict:disabled .badge,.verdict:disabled .muted{color:var(--ink-dim)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{background:transparent}.btn--danger{border-color:#6b3227;color:var(--grade-review)}.btn--sm{padding:5px 10px;font-size:13px}.btn--lg{padding:13px 30px;font-size:17px}.chip{display:inline-flex;align-items:baseline;gap:7px;padding:3px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;white-space:nowrap}.chip__en{color:var(--muted);font-size:11.5px;font-family:var(--font-mono)}.chip--on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.chip--on .chip__en{color:var(--on-accent)}.input{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;font-family:inherit;font-size:15px;min-width:200px}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chip--term{cursor:help;border-style:dashed}.chip--accent{background:var(--accent-soft);border-color:var(--accent-dim);color:var(--accent)}.badge{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge--done{color:var(--grade-excellent);border-color:#2f5a44}.badge--active{color:var(--accent);border-color:var(--accent-dim)}.grade{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.grade--ممتاز{color:var(--grade-excellent)}.grade--جيد{color:var(--grade-good)}.grade--راجع{color:var(--grade-review)}.score-reader{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:color-mix(in srgb,var(--gold, #c4a574) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold, #c4a574) 35%,transparent);border-radius:var(--radius)}.score-reader__spin{flex:0 0 auto;width:22px;height:22px;margin-top:2px;border:2px solid color-mix(in srgb,var(--gold, #c4a574) 45%,transparent);border-top-color:var(--gold, #c4a574);border-radius:50%;animation:score-spin .85s linear infinite}.score-reader__title{margin:0;font-weight:650}@keyframes score-spin{to{transform:rotate(360deg)}}.reduced-motion .score-reader__spin{animation:none;border-top-color:var(--gold, #c4a574);opacity:.7}.score-systems{display:flex;flex-direction:column;gap:10px}.staff{position:relative;direction:ltr;background:#f7f1e6;border-radius:var(--radius);overflow:hidden;display:flex;justify-content:center}.staff__zoom{transform:scale(var(--staff-scale, 1));transform-origin:top center;padding:8px 4px 4px;box-sizing:border-box}.staff__vex svg{display:block}.staff__overlay{position:absolute;inset:0;pointer-events:none}.staff__label{position:absolute;transform:translate(-50%);font-size:12.5px;color:#4a3a28;white-space:nowrap;text-align:center}.staff__label--cheat{font-size:14px;font-weight:650;max-width:64px;white-space:normal;line-height:1.15;overflow-wrap:break-word}.staff__label--qt{color:var(--qt-ink);font-weight:650}.staff__degree{position:absolute;transform:translate(-50%);font-size:12px;font-weight:700;color:#8a6828}.staff__callouts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.staff__error{padding:18px;color:var(--grade-review);background:var(--surface);border-radius:var(--radius)}.fretboard{direction:ltr;overflow-x:auto;padding-bottom:6px}.fretboard svg{display:block;max-width:100%;min-width:380px;height:auto}@media (max-width: 460px){.fretboard svg{min-width:0}}.fretboard--large svg{min-width:560px;max-width:none}.fret-cell{cursor:pointer}.fret-cell:focus-visible rect{outline:2px solid var(--accent)}.tuner{display:grid;gap:20px;justify-items:center;text-align:center}.tuner__note{font-size:44px;font-weight:700;line-height:1.2}.tuner__eastern{color:var(--accent);font-size:19px}.tuner__cents{color:var(--ink-dim)}.tuner__cents .mono{font-family:var(--font-mono);color:var(--muted)}.tuner__strings{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.string-btn{min-width:74px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);padding:9px 12px;display:grid;gap:2px}.string-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.string-btn--qt small{color:var(--qt)}.string-btn--armed,.string-btn--qt[aria-pressed=true]{border-color:var(--qt);background:var(--qt-soft)}.drill{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2)}.rec{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--grade-review);animation:rec-pulse 1.3s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.drill p{margin:0}.drill__hit{color:var(--qt);font-size:18px;font-weight:650}.drill__near{color:var(--ink-dim)}.string-btn small{color:var(--muted);font-family:var(--font-mono);font-size:11px}.beats{display:flex;gap:8px}.beat{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--line);transition:background .08s,transform .08s}.beat--on{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}.beat--accent{border-color:var(--accent-dim)}.journey{display:grid;gap:14px;position:relative;padding-inline-start:22px}.journey:before{content:"";position:absolute;inset-block:12px;inset-inline-start:6px;width:2px;background:var(--line);border-radius:2px}.lesson-card:before{content:"";position:absolute;inset-inline-start:-20px;inset-block-start:22px;width:10px;height:10px;border-radius:50%;border:2px solid var(--line);background:var(--bg)}.lesson-card--done:before{border-color:var(--grade-excellent);background:var(--grade-excellent)}.lesson-card--now:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.lesson-card{display:grid;gap:10px;text-align:start;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 20px;transition:border-color .15s,transform .15s;position:relative}.lesson-card--now{border-color:var(--accent-dim);background:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface) 60%)}.resume{display:grid;gap:4px;text-align:start;width:100%;padding:16px 18px;border:1px solid var(--accent-dim);border-radius:var(--radius);background:var(--accent-soft);transition:border-color .15s,transform .15s}.resume:hover{border-color:var(--accent);transform:translateY(-1px)}.resume__kicker{font-size:12px;letter-spacing:.04em;color:var(--accent)}.resume__title{font-size:19px;font-weight:650}.resume__sub{font-size:13px;color:var(--ink-dim)}.journey-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.journey-page{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:start;font:inherit}.journey-page.is-on{border-color:var(--accent);background:var(--accent-soft)}.journey-page__no{font-size:12px;font-weight:700;color:var(--ink-dim);font-variant-numeric:tabular-nums}.journey-page.is-on .journey-page__no{color:var(--accent)}.journey-page__title{font-size:15px;font-weight:650}.lesson-card:hover:not(:disabled){border-color:var(--accent-dim);transform:translateY(-1px)}.lesson-card:disabled{cursor:not-allowed;background:var(--bg-deep);border-style:dashed}.lesson-card:disabled .lesson-card__no{color:var(--muted)}.lesson-card__no{font-family:var(--font-mono);color:var(--accent);font-size:13px}.verdict-list{display:grid;gap:7px}.verdict{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 13px;border-radius:var(--radius-sm);background:var(--surface-2);border-inline-start:3px solid var(--line);font-size:14px}.verdict--ممتاز{border-inline-start-color:var(--grade-excellent)}.verdict--جيد{border-inline-start-color:var(--grade-good)}.verdict--راجع{border-inline-start-color:var(--grade-review)}.verdict__no{font-family:var(--font-mono);color:var(--muted);font-size:12px}.verdict__seen{display:block;margin-block-start:6px;color:var(--ink-dim);font-size:14.5px;line-height:1.6}.verdict__seenTag{font-size:12px;padding:1px 7px;border-radius:999px;background:var(--surface-1);border:1px solid var(--line);color:var(--muted)}.hud__line{font-size:15px;line-height:1.5;text-align:center;color:var(--ink-dim);min-height:1.5em}.hud__line--onTarget{color:var(--grade-excellent)}.hud__line--wrongNote{color:var(--grade-review)}.hud__line--done{color:var(--accent)}.hud{display:grid;gap:6px;justify-items:center;padding:24px;background:var(--surface-2);border-radius:var(--radius);min-height:140px;align-content:center}.hud__note{font-size:38px;font-weight:700}.hud__meta{color:var(--muted);font-size:14px}.hud__meta--out{color:var(--grade-review)}.needle{inline-size:100%;justify-self:stretch;min-block-size:148px;background:transparent;padding:2px 0 0;border-radius:0;box-shadow:none;margin-inline:0}.needle--silent .needle__plate{opacity:.72}.needle__plate{position:relative;background:transparent;border-radius:0;padding:2px 0 0;box-shadow:none}.needle__track{position:relative;height:22px;margin:0 0 12px;background:var(--bg-deep);border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.needle__zone{position:absolute;inset-block:0;background:color-mix(in srgb,var(--grade-excellent) 22%,transparent)}.needle__zone-label{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--ink-dim);font-family:var(--font-mono);pointer-events:none}.needle__zone-label--flat{left:6px}.needle__zone-label--sharp{right:6px}.needle__tick{position:absolute;top:13px;width:1px;height:6px;background:var(--muted);transform:translate(-50%);pointer-events:none}.needle__tick--major{top:10px;height:9px;background:var(--ink-dim)}.needle__tick--zero{top:6px;height:14px;width:1.5px;background:var(--ink)}.needle__diamond{position:absolute;top:50%;width:10px;height:10px;background:var(--ink);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 1px color-mix(in srgb,var(--bg-deep) 70%,transparent);z-index:3;transition:left .1s ease-out,background .15s,opacity .15s;pointer-events:none}.needle__diamond--off{opacity:.35;background:var(--muted);box-shadow:none}.needle--snap .needle__diamond,.needle--snap .needle__step{transition:none}.needle__reel{position:relative;height:68px;margin:0 0 12px;background:var(--bg-deep);border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 4px #00000047}.needle__reel:before,.needle__reel:after{content:"";position:absolute;top:0;bottom:0;width:12%;z-index:2;pointer-events:none}.needle__reel:before{left:0;background:linear-gradient(90deg,var(--bg-deep),transparent)}.needle__reel:after{right:0;background:linear-gradient(270deg,var(--bg-deep),transparent)}.needle__hairline{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--accent);transform:translate(-50%);z-index:4;pointer-events:none;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}.needle__step{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding-bottom:8px;color:var(--ink-dim);transition:left .1s ease-out;pointer-events:none}.needle__step-name{font-size:13px;line-height:1.1;font-weight:600;text-align:center;max-width:100%;overflow:hidden;white-space:nowrap;color:var(--ink-dim)}.needle__step--natural .needle__step-name{font-size:18px;font-weight:700;color:var(--ink)}.needle__step--qt .needle__step-name{color:var(--teal)}.needle__step-tick{width:1px;height:7px;background:var(--muted)}.needle__step-tick--natural{width:1.5px;height:10px;background:var(--ink)}.needle__hz{display:flex;align-items:center;justify-content:center;gap:4px;margin:0}.needle__cell{min-width:16px;height:22px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-deep);color:var(--ink);border:1px solid var(--line);border-radius:3px;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 2px #00000047;line-height:1}.needle__cell--dot{min-width:8px;padding:0 1px;background:transparent;box-shadow:none;border:0;color:var(--ink-dim);font-weight:700}.needle__cell--blank{color:transparent}.needle__hz--empty .needle__cell{color:var(--muted)}.needle__unit{margin-left:6px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted)}.needle__hz--empty .needle__unit{opacity:.55}.palette{display:flex;gap:6px;flex-wrap:wrap}.palette button{min-width:44px;min-height:44px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);font-size:17px}.palette__glyph{display:block;font-size:19px;line-height:1.2}.sign{direction:ltr;unicode-bidi:isolate;display:inline-block}.palette__name{display:block;font-size:11px;line-height:1.3;color:var(--ink-dim)}.palette button[aria-pressed=true] .palette__name{color:var(--accent)}.palette button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.flashcard{min-height:200px;display:grid;place-content:center;gap:14px;text-align:center;background:var(--surface-2);border-radius:var(--radius);padding:32px}.flashcard__front{font-size:30px;font-weight:700}.flashcard__back{color:var(--ink-dim);font-size:18px}.tree{display:grid;gap:12px;justify-items:center;text-align:center}.tree__root{padding:9px 20px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-dim);color:var(--accent);font-weight:650}.tree__branches{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;position:relative;padding-top:18px}.tree__branches:before{content:"";position:absolute;top:0;inset-inline:25%;height:18px;border-top:1px solid var(--line);border-inline:1px solid var(--line);border-radius:6px 6px 0 0}.tree__leaf{padding:8px 16px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:start;padding:8px 12px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;font-size:13px}.table tbody tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--font-mono)}.center{text-align:center}.grow{flex:1}.field{display:grid;gap:6px;max-width:420px}.field label{font-size:14px;color:var(--ink-dim)}.field select,.field input[type=text],.field input[type=number]{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:9px 12px;font-family:inherit;font-size:15px}input[type=range]{accent-color:var(--accent);width:min(340px,100%)}.switch{display:flex;align-items:center;gap:10px;cursor:pointer}.notice{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--accent-dim);background:var(--accent-soft);color:var(--accent);font-size:14px}.notice--warn{border-color:#6b3227;background:#e07a5f1a;color:var(--grade-review)}.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}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.main h1[tabindex="-1"]:focus,.main h1[tabindex="-1"]:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.reduced-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media (max-width: 860px){:root{--nav-width: 0px;--dock-gutter: 84px}.app--phone{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.app--phone .topbar{grid-row:1}.app--phone .main{grid-row:2}.app--phone .tabbar{grid-row:3}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;padding-block-start:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--surface)}.topbar__brand{display:flex;align-items:center;gap:8px}.topbar .bell{margin-bottom:0}.topbar .bell__btn{width:auto;padding:6px 10px}.topbar .bell__label{display:none}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:6px 6px 0;padding-block-end:max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.tab{display:grid;justify-items:center;gap:3px;min-height:52px;padding:6px 2px;position:relative;border:0;border-radius:var(--radius-sm);background:none;color:var(--muted);font-size:11px}.tab__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tab[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.tab--unavailable{color:var(--muted)}.tab .navlink__dot{position:absolute;inset-block-start:6px;inset-inline-end:10px}.sheet__body{display:grid;gap:4px;padding:10px 12px;padding-block-end:max(12px,env(safe-area-inset-bottom));overflow-y:auto}.main{padding:20px 16px;padding-block-end:max(20px,var(--dock-gutter))}.app--phone .dock-handle{inset-block-end:calc(76px + env(safe-area-inset-bottom))}.sheet>.dock-panel{position:static;width:min(560px,100%);border-radius:var(--radius) var(--radius) 0 0;padding-block-end:max(14px,env(safe-area-inset-bottom))}.btn--sm,.selfcam__bar button{min-height:44px;min-width:44px}}.next-note{margin:0 0 12px;font-size:21px;line-height:1.5;color:var(--accent);font-weight:650}.disclosure>summary{cursor:pointer;list-style:none;font-size:15px;font-weight:650;color:var(--muted)}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:"▸";display:inline-block;margin-inline-end:8px;transition:transform .15s ease}.disclosure[open]>summary:before{transform:rotate(-90deg)}.disclosure[open]>summary{color:var(--ink)}@media (max-height: 900px){.main{padding:16px 24px;padding-block-end:max(28px,var(--dock-gutter))}.card{padding:13px 15px}.stack{gap:12px}.page-head{margin-bottom:14px}.page-head h1{font-size:22px}.hud{min-height:104px;padding:14px}.fretboard svg{max-width:400px}}.dock-handle{position:fixed;inset-block-end:20px;inset-inline-start:20px;z-index:70;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-dim);box-shadow:var(--shadow)}.dock-handle:hover{color:var(--ink)}body:has(.room) .dock-handle{inset-block-end:84px}body:has(.room) .dock{inset-block-end:84px}.dock-handle--live{color:var(--accent);border-color:var(--accent-dim)}.dock-handle__pulse{position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--accent);opacity:.6;animation:dock-pulse 1.6s ease-out infinite}@keyframes dock-pulse{0%{transform:scale(.94);opacity:.65}to{transform:scale(1.12);opacity:0}}@media (prefers-reduced-motion: reduce){.dock-handle__pulse{animation:none;opacity:.7}}.reduced-motion .dock-handle__pulse{animation:none;opacity:.7}.dock-panel{position:fixed;inset-block-end:20px;inset-inline-start:calc(var(--nav-width) + 20px);z-index:70;display:grid;gap:12px;width:min(330px,calc(100vw - 40px));padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.dock-panel__title{font-weight:650;font-size:15px}.dock-tool{display:grid;gap:8px}.dock-tool__name{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-dim)}.dock-tool__value{font-size:18px;min-width:54px;text-align:center}.dock-panel{max-height:min(72vh,640px);overflow-y:auto}.dock-search{display:flex;align-items:center;gap:6px}.dock-search__input{min-width:0;flex:1;padding:7px 10px;font-size:14px}.dock-search__clear{flex-shrink:0;padding-inline:8px}.dock-quick{display:grid;gap:6px}.dock-quick__label{font-size:12px;color:var(--muted)}.dock-chip-row{display:flex;flex-wrap:wrap;gap:6px}.dock-switch{font-size:14px}.dock-all{justify-self:start;text-decoration:underline;text-underline-offset:3px}.fretboard-toolbar{direction:rtl;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}.board-scale{display:flex;gap:4px;margin-inline-start:auto}.board-scale .btn--sm{min-width:36px;padding-inline:10px}.stage{display:grid;gap:18px;align-items:start;grid-template-columns:minmax(0,1fr)}@media (min-width: 1080px){.stage{grid-template-columns:minmax(220px,1fr) minmax(280px,var(--mirror-size, 31%))}.stage__side{position:sticky;top:0}}.stage--docked{grid-template-columns:minmax(0,1fr)}.dock{position:fixed;inset-block-end:18px;inset-inline-end:18px;width:min(var(--mirror-size, 300px),80vw);z-index:60;box-shadow:0 18px 44px #0000008c}.dock.card{padding:10px}.dock .card__title{font-size:14px}.setup{display:grid;gap:6px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);font-size:14px}.setup__title{font-weight:650;margin-bottom:2px}.setup__item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;color:var(--muted);line-height:1.5}.setup__item--ok{color:var(--ink-dim)}.setup__tick{color:var(--muted);font-family:var(--font-mono)}.setup__item--ok .setup__tick{color:var(--grade-excellent)}.setup__fix{color:var(--accent)}.setup__limits{margin:6px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:8px}.assist{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}.assist__fix{color:var(--accent);line-height:1.6}.assist__saw{margin:6px 0 0;font-size:13px;line-height:1.7}.assist__scope,.assist__failed{margin:6px 0 0}.assist__foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.mirror-status{font-size:14px;line-height:1.5}.mirror-status .muted{color:var(--ink-dim)}.handzoom{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#0d0a08}.handzoom__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px 5px 10px;border-block-end:1px solid var(--line);background:var(--surface)}.handzoom__what{font-size:12.5px;color:var(--ink-dim)}.handzoom__canvas{display:block;width:100%;height:200px}.replay{border:1px solid var(--accent);border-radius:var(--radius);overflow:hidden;background:#0d0a08}.replay__head,.replay__controls{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface)}.replay__head{justify-content:space-between;border-block-end:1px solid var(--line)}.replay__controls{flex-wrap:wrap;border-block-start:1px solid var(--line)}.replay__what{font-size:13px;font-weight:600;color:var(--accent)}.replay__frame{display:block;width:100%;transform:scaleX(-1);background:#0d0a08}.curve{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#0d0a08}.curve__canvas{display:block;width:100%;height:240px;cursor:crosshair}.curve__foot{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:baseline;padding:6px 10px;border-block-start:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--muted)}.curve__read{font-variant-numeric:tabular-nums;color:var(--ink-dim)}.curve__swatch{display:inline-block;width:14px;height:3px;vertical-align:middle;border-radius:2px}.curve__swatch--raw{background:#e8dcc857}.curve__swatch--smooth{background:#d9a441;height:4px}.curve__swatch--note{background:#d9a44159;height:10px;width:10px}.ladder{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#0d0a08}.ladder__canvas{display:block;width:100%;height:300px}.ladder__foot{margin:0;padding:6px 10px;border-block-start:1px solid var(--line);background:var(--surface);font-size:12px}.ladder__foot .ladder__target{font-size:20px;font-weight:650;color:var(--accent)}.notechips{display:flex;flex-wrap:wrap;gap:4px}.notechip{display:grid;gap:1px;justify-items:center;min-width:46px;padding:5px 7px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);font-family:inherit;cursor:pointer}.notechip:hover{border-color:var(--accent)}.notechip--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface-2))}.notechip--rest{opacity:.6}.notechip__name{font-size:14px;font-weight:600}.notechip__beats{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.knobs{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.knob{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center;font-size:12.5px}.knob__name{color:var(--ink-dim)}.knob__slider{width:100%;accent-color:var(--accent)}.knob__value{min-width:44px;text-align:end;color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width: 620px){.knob{grid-template-columns:1fr auto}.knob__slider{grid-column:1 / -1}}.mirror{position:relative;border-radius:var(--radius);overflow:hidden;background:#0d0a08;border:1px solid var(--line);aspect-ratio:16 / 9}.mirror__canvas{display:block;width:100%;height:100%;object-fit:cover}.flashcard__hear{margin-top:12px}.instrument{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;text-align:start;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color .15s,background .15s}.instrument:hover:not(:disabled){border-color:var(--accent-dim)}.instrument--on{border-color:var(--accent);background:var(--accent-soft)}.instrument__name{font-weight:650}.instrument:disabled{opacity:.42;cursor:not-allowed}.dock .spread{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.dock .spread:active,.dock--moving .spread{cursor:grabbing}.dock--moving{box-shadow:0 26px 60px #000000a6;opacity:.96}.gate{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(120% 90% at 50% -10%,var(--surface) 0%,var(--bg-deep) 70%);overflow-y:auto}.gate__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 26px 26px;display:flex;flex-direction:column;align-items:stretch;gap:4px}.gate__form{display:flex;flex-direction:column}.gate__title{font-size:22px;margin:18px 0 4px;color:var(--ink)}.gate__sub{margin:0 0 6px;color:var(--ink-dim);font-size:14px;line-height:1.65}.gate__notice{margin:16px 0 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-dim);color:var(--ink);font-size:14px}.gate__label{margin:16px 0 6px;font-size:13px;font-weight:600;color:var(--ink-dim)}.gate__hint{font-weight:400;color:var(--muted)}.gate__input{width:100%;padding:11px 12px;font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.gate__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gate__input--latin{direction:ltr;text-align:left}.gate__textarea{min-height:82px;resize:vertical;line-height:1.6}.gate__error{margin:14px 0 0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--grade-review);color:var(--grade-review);font-size:14px}.gate__submit{margin-top:22px;padding:12px;font:inherit;font-weight:700;font-size:15px;color:var(--bg-deep);background:var(--accent);border:0;border-radius:var(--radius-sm);cursor:pointer}.gate__submit:disabled{opacity:.6;cursor:default}.gate__link{margin-top:12px;padding:8px;font:inherit;font-size:14px;color:var(--accent);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.gate__note{margin:18px 0 0;color:var(--muted);font-size:12.5px;line-height:1.7}.gate-banner{padding:7px 16px;text-align:center;font-size:13px;color:var(--bg-deep);background:var(--accent)}.gate-banner--dev{background:var(--surface-2);color:var(--muted);border-bottom:1px solid var(--line)}.gate-banner--demo{background:#e07a5f29;color:var(--grade-review);border-bottom:1px solid #6b3227;font-weight:650}.tier{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer}.tier:has(input:checked){border-color:var(--accent-dim);background:var(--accent-soft)}.tier input{margin-top:4px;accent-color:var(--accent)}.tier__explain{display:block;margin-top:3px;line-height:1.65}.never-sent{margin:0 0 8px;padding-inline-start:18px;line-height:1.8}.navlink--unavailable{opacity:.62}.navlink__dot{width:6px;height:6px;margin-inline-start:auto;border-radius:50%;background:var(--muted);flex:none}.courses{width:100%;max-width:420px;height:auto}.courses__head{fill:var(--muted);font-size:11px}.courses__band--0{fill:var(--surface-2);opacity:.5}.courses__band--1{fill:transparent}.courses__name{fill:var(--ink-dim);font-size:12px}.courses__string{stroke:var(--line);stroke-width:1}.courses__dot,.courses__row--target .courses__dot{fill:var(--accent)}.courses__row--active .courses__dot{fill:var(--teal)}.courses__row--correct .courses__dot{fill:var(--grade-excellent)}.courses__row--wrong .courses__dot{fill:var(--grade-review)}.courses__row--ghost .courses__dot{fill:var(--muted);opacity:.5}.courses__row--target .courses__name,.courses__row--active .courses__name{fill:var(--ink);font-weight:700}.courses__row--tap{cursor:pointer}.courses__row--tap:hover .courses__band--0,.courses__row--tap:hover .courses__band--1{fill:var(--accent-soft)}.courses__mandal-ring{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 2}.courses__mandal-text{fill:var(--accent);font-size:10px;font-weight:700}.roomrow{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.roomrow--away{opacity:.45}.roomrow__who{flex:1;font-size:14px}.roomrow__rank{display:inline-block;min-width:18px;color:var(--accent)}.roomrow__note{font-variant-numeric:tabular-nums;color:var(--teal);font-size:14px}.roomrow__score{min-width:34px;text-align:end;font-weight:700;font-variant-numeric:tabular-nums}.tilegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--tile-min, 210px),100%),1fr));gap:10px;--tile-cap: calc(var(--tile-min, 210px) * 1.5)}@media (max-width: 420px){.tilegrid{grid-template-columns:1fr}}.selfcam{position:relative;width:var(--selfcam-w, 220px);max-width:100%;margin-inline-end:auto;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 6px 24px #0006;border:1px solid var(--line)}.selfcam--float{position:fixed;z-index:80;margin:0}.selfcam--float.selfcam--bottom-end{inset-block-end:16px;inset-inline-end:16px}.selfcam--float.selfcam--bottom-start{inset-block-end:16px;inset-inline-start:16px}.selfcam--float.selfcam--top-end{inset-block-start:16px;inset-inline-end:16px}.selfcam--float.selfcam--top-start{inset-block-start:16px;inset-inline-start:16px}.selfcam__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.selfcam .tile__bar{bottom:26px;padding-bottom:2px}.selfcam__bar{position:absolute;inset-inline:0;bottom:0;display:flex;gap:4px;justify-content:center;padding:14px 6px 5px;background:linear-gradient(transparent,#000000b3);opacity:1;transition:opacity .12s}.selfcam--float .selfcam__bar{opacity:0}.selfcam--float:hover .selfcam__bar,.selfcam--float:focus-within .selfcam__bar{opacity:1}.selfcam__bar button{font-size:12px;padding:2px 7px;border-radius:6px;border:0;background:#ffffffd9;cursor:pointer}.selfcam--hidden{width:84px;aspect-ratio:3 / 1}.selfcam--hidden .selfcam__video{display:none}@media (max-width: 420px){.selfcam,.selfcam--float{position:relative;inset:auto;width:100%;margin:0}}.tilegrid--focus .tile--turn{grid-column:1 / -1;aspect-ratio:16 / 9;max-width:calc(var(--tile-min, 210px) * 3)}.tile{position:relative;width:100%;max-width:var(--tile-cap);justify-self:center;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--line);display:grid;place-items:center}.tile__video{width:100%;height:100%;object-fit:cover}.tile__ghost,.selfcam__ghost{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.tile__face{font-size:44px;opacity:.55}.tile__bar{position:absolute;inset-inline:0;bottom:0;padding:18px 10px 6px;display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:linear-gradient(transparent,#000000b8);color:#fff}.tile__name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__note{font-size:clamp(14px,calc(var(--tile-min, 210px) / 12),26px);font-variant-numeric:tabular-nums;white-space:nowrap}.check{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.check__label{font-size:14px;color:var(--ink-dim)}.check__hint{margin:0}.check__meter{height:10px;border-radius:999px;background:var(--bg-deep);border:1px solid var(--line);overflow:hidden}.check__meter-fill{height:100%;background:var(--muted);transition:none}.check__meter-fill--live{background:var(--accent)}.check__video{width:100%;max-width:320px;aspect-ratio:16 / 9;border-radius:var(--radius-sm);background:var(--bg-deep);border:1px solid var(--line);object-fit:cover;transform:scaleX(-1)}.bell{position:relative;margin-bottom:6px}.bell__btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--radius-sm);background:none;border:1px solid transparent;color:var(--ink-dim);font-size:15px;cursor:pointer}.bell__btn:hover{border-color:var(--accent-dim);color:var(--ink)}.bell__btn--live{color:var(--accent)}.bell__label{flex:1;text-align:start}.bell__count{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.bell__panel{position:absolute;z-index:85;inset-inline-start:100%;inset-block-start:0;width:min(320px,74vw);margin-inline-start:10px;max-height:min(60vh,460px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}@media (max-width: 860px){.bell__panel{position:fixed;inset-inline:12px;width:auto;margin-inline-start:0;inset-block-start:var(--bell-top, 64px)}}.bell__close{align-self:flex-end;display:grid;place-items:center;width:32px;height:32px;margin:-4px -4px 2px 0;border-radius:var(--radius-sm);border:1px solid transparent;background:none;color:var(--muted)}.bell__close:hover{border-color:var(--line);color:var(--ink)}.bell__row{padding-bottom:10px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}.bell__row:last-child{border-bottom:0;padding-bottom:0}.bell__row--new{border-inline-start:3px solid var(--accent);padding-inline-start:9px}.bell__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.main--room{padding:0;overflow:hidden;min-height:0}.room-lobby{height:100%;overflow-y:auto;padding:30px 34px 64px}@media (max-width: 860px){.room-lobby{padding:20px 16px 64px}}.room{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0}.room__strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.room__title{font-weight:650;font-size:16px}.room__code{font-family:var(--font-mono);font-size:15px;letter-spacing:.22em;padding:3px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);cursor:pointer}.room__code:hover{border-color:var(--accent-dim)}.room__count{color:var(--muted);font-size:13px}.room__copied{font-size:13px;color:var(--grade-excellent)}.room__reconnecting{font-size:13px;color:var(--grade-good);animation:rec-pulse 1.6s ease-in-out infinite}.room__health{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);background:none;border:0;cursor:pointer}.room__dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.room__dot--live{background:var(--grade-excellent)}.room__dot--warn{background:var(--grade-good)}.room__dot--dead{background:var(--grade-review)}.room__problems{padding:10px 16px 0;display:flex;flex-direction:column;gap:8px}.room__stage{display:grid;gap:14px;padding:14px 16px;overflow-y:auto;min-height:0;align-content:start}@media (min-width: 1024px){.room__stage--split{grid-template-columns:minmax(340px,1fr) minmax(380px,1.15fr);align-content:stretch}.room__stand{position:sticky;top:0;align-self:start;max-height:100%;overflow-y:auto}}@media (max-width: 1023px){.room__stage{grid-template-rows:auto minmax(140px,1fr);align-content:stretch}}.room__stand--sheet{max-height:45vh;overflow-y:auto}.room__class{overflow-y:auto}.room__stand-strip{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-size:15px;cursor:pointer}.room__stand-strip:hover{border-color:var(--accent-dim)}.room__stand-strip__mark{color:var(--accent)}.room__bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border-top:1px solid var(--line)}.room__bar-host{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-inline:auto}.room__bar-end{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.room__mine{display:inline-flex;align-items:baseline;gap:8px;padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;color:var(--ink)}.room__mine-who{color:var(--muted);font-size:12px}.room__mine-note{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;min-width:5.5ch;text-align:center}.room__countin{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:30}.room__countin span{font-size:clamp(64px,14vw,128px);font-weight:700;color:var(--accent);text-shadow:0 6px 30px rgb(0 0 0 / .7);font-variant-numeric:tabular-nums}.room__class{position:relative;min-height:0}@media (max-width: 700px){.room__strip{padding:8px 12px;gap:8px}.room__stage{padding:10px 12px;gap:10px}.room__bar{padding:7px 10px;gap:6px;flex-wrap:nowrap;overflow:hidden}.room__bar .btn{min-height:44px;padding-inline:12px;white-space:nowrap}.room__bar-host{margin-inline:0;gap:6px}.room__bar-end{gap:6px}.room__mine{padding:4px 9px}.room__mine-who{display:none}.room__mine-note{font-size:15px;min-width:4.5ch}}.sheet{position:fixed;inset:0;z-index:90;display:grid;place-items:end center;background:#00000073}.sheet__panel{width:min(560px,100%);max-height:82vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow)}@media (min-width: 700px){.sheet{place-items:center}.sheet__panel{border-radius:var(--radius);max-height:78vh}}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.sheet__body{padding:16px 18px 22px;overflow-y:auto}.selfnote{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--surface-2);border-radius:var(--radius-sm)}.selfnote__who{color:var(--muted);font-size:13px}.selfnote__note{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.tile__turn,.tile__fail{position:absolute;top:8px;font-size:12px;padding:2px 8px;border-radius:999px;color:#fff}.tile__turn{inset-inline-start:8px;background:var(--accent)}.tile__fail--quiet{background:var(--muted)}.tile__fail{top:auto;bottom:34px;inset-inline-end:8px;background:var(--grade-review)}.tile__hand{position:absolute;bottom:34px;inset-inline-start:8px;font-size:12px;padding:2px 8px;border-radius:999px;color:#241a08;background:var(--accent)}.tile--guided{outline:2px solid var(--accent);animation:tile-guided 2.4s ease-in-out infinite}@keyframes tile-guided{0%,to{box-shadow:0 0 #d9a44173}50%{box-shadow:0 0 18px 3px #d9a44173}}@media (prefers-reduced-motion: reduce){.tile--guided{animation:none}}.tile__acts{position:absolute;top:8px;inset-inline-end:8px;display:flex;gap:10px;transition:opacity .12s}@media (hover: hover) and (pointer: fine){.tile__acts{opacity:0}.tile:hover .tile__acts,.tile:focus-within .tile__acts{opacity:1}}.tile__acts-danger{border-color:var(--grade-review);color:var(--grade-review)}.studio__bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.studio__bar-note{color:var(--muted);font-size:13px}.studio__body{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 1100px){.studio__body{grid-template-columns:1fr}}.studio__nav{position:sticky;top:12px;max-height:calc(100vh - 32px);overflow-y:auto}@media (max-width: 1100px){.studio__nav{position:static;max-height:none}}.studio-unit{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.studio-unit__title{margin:0 0 8px;font-size:15px}.studio-unit__sub{margin:14px 0 6px;font-size:13px;color:var(--muted);font-weight:600}.studio-list{list-style:none;margin:0;padding:0}.studio-list__row{display:flex;align-items:center;gap:6px;border-radius:var(--radius-sm);padding:2px 4px}.studio-list__row--on{background:var(--accent-soft)}.studio-list__open{flex:1;display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--ink);font:inherit;text-align:start;padding:7px 4px;cursor:pointer;min-width:0}.studio-list__open:hover{color:var(--accent)}.studio-list__no{flex:none;min-width:22px;text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:12px}.studio-list__tag{flex:none;font-size:11px;color:var(--teal);border:1px solid var(--line);border-radius:999px;padding:1px 7px}.studio-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;background:var(--bg-deep)}.studio-card__head{background:none;border:0;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;text-align:start;padding:4px 0;display:flex;gap:10px;align-items:baseline;min-width:0}.studio-card__peek{color:var(--muted);font-weight:400;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}@media (max-width: 860px){.editor-split{grid-template-columns:1fr}}.editor-split__preview{background:var(--surface-2);border-radius:var(--radius-sm);padding:12px;min-width:0;overflow-x:auto}.editor-split__label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.field{display:block;margin:0}.field__label{display:block;font-size:13px;color:var(--ink-dim);margin-bottom:4px}.field__hint{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.7}.field__input{width:100%;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font:inherit;padding:8px 10px}.field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field__input--area{resize:vertical;line-height:1.8}.field__input--num{max-width:130px}.field__input--ltr{direction:ltr;text-align:left;font-family:var(--font-mono)}.field--toggle{display:flex;align-items:flex-start;gap:8px}.field--toggle input{margin-top:3px;flex:none}.field--toggle .field__label{margin-bottom:0}.toggles{display:flex;flex-wrap:wrap;gap:10px 18px}.grid-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:6px}.grid-row>.field__input{flex:1 1 130px}.row-tools{display:flex;gap:4px;flex:none}.row-tools .ghost{padding:4px 9px}.ghost--danger{color:var(--grade-review);border-color:var(--grade-review)}.health{border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:12px;font-size:14px;line-height:1.8}.health--ok{background:#6fbf8e1f;border:1px solid rgba(111,191,142,.4);color:var(--grade-excellent)}.health--bad{background:#e07a5f1f;border:1px solid rgba(224,122,95,.45);color:var(--grade-review);max-height:40vh;overflow-y:auto}.health ul{margin:6px 0 0;padding-inline-start:20px}.health li{margin:2px 0}.tile__pack{flex:none;background:#7fb0a3d9;color:#0d0a08;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;cursor:help}.health__jump{border:0;background:none;padding:0;color:inherit;text-align:start;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.health__jump:hover{color:var(--ink)}.story__row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;line-height:1.8}.spark{flex:0 0 auto}.story__big{font-size:30px;font-weight:700;color:var(--qt);min-width:52px;text-align:center}.degrees{display:grid;gap:6px;margin-top:12px}.degree-chip{min-width:38px;min-height:38px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-dim);font-variant-numeric:tabular-nums}.degree-chip--wrong{border-color:var(--grade-review);color:var(--grade-review)}.degree-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.stage--take~.row{position:sticky;inset-block-end:0;z-index:40;margin-inline:-16px;padding:10px 16px;padding-block-end:max(10px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,transparent)}@media (max-width: 860px){.stage--take .disclosure,.stage--take .mirror-card{display:none}.stage--take~.row{position:sticky;inset-block-end:0;z-index:40;margin-inline:-16px;padding:10px 16px;padding-block-end:max(10px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,transparent)}}.ghost{margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--line);opacity:.72;min-block-size:132px}.ghost__note{margin:0 0 8px}.ghost .staff__svg,.ghost svg{transition:opacity .12s linear}@media (prefers-reduced-motion: reduce){.ghost .staff__svg,.ghost svg{transition:none}}.reveal{margin:14px 0 0;padding:0}.reveal__svg{inline-size:100%;block-size:auto;max-block-size:168px}.reveal__axis{stroke:var(--line);stroke-width:2}.reveal__western line{stroke:var(--ink-soft, var(--muted));stroke-width:2}.reveal__western text{fill:var(--muted);font-size:15px}.reveal__western{transition:transform .42s cubic-bezier(.22,.9,.3,1)}.reveal__qt{opacity:0;transform:translateY(-10px);transition:opacity .32s ease .22s,transform .32s cubic-bezier(.22,.9,.3,1) .22s}.reveal--open .reveal__qt{opacity:1;transform:none}.reveal__qt line{stroke:var(--qt);stroke-width:3}.reveal__qt text{fill:var(--qt);font-size:19px;font-weight:700}.reveal__qt .reveal__cents{font-size:13px;font-weight:400;fill:var(--muted)}.reveal__band{fill:var(--qt-soft);opacity:0;transition:opacity .26s ease .32s}.reveal--open .reveal__band{opacity:1}.reveal--landed .reveal__band{fill:var(--qt);opacity:.42}.reveal__you line{stroke:var(--accent);stroke-width:2;stroke-dasharray:3 3;opacity:.65}.reveal__you polygon,.reveal__you line{fill:var(--accent);transition:transform 90ms linear}.reveal figcaption{margin:2px 0 0;text-align:center}@media (prefers-reduced-motion: reduce){.reveal__western,.reveal__qt,.reveal__band,.reveal__you polygon,.reveal__you line{transition:none}}@media (max-width: 600px){.reveal__western text{font-size:26px}.reveal__qt text{font-size:30px}}.projector{--muted: #c2b1a0;--ink-dim: #ddd0c2;--line: #55463b}.projector body{font-size:19px}.projector .small{font-size:15px}.projector .badge{font-size:14px}.projector .card__note,.projector .page-head p{font-size:16px}.projector .card,.projector .btn{border-width:2px}.projector .reveal__qt line{stroke-width:4}.projector .reveal__western text{font-size:18px}.projector .reveal__qt text{font-size:23px}.songs{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.songs__facts{display:flex;flex-wrap:wrap;gap:6px 22px;margin:12px 0}.songs__facts dt{font-size:12px;color:var(--muted)}.songs__facts dd{margin:0;font-weight:600}.songs__rights{margin:0 0 12px}.track{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:#0d0a08;margin-bottom:12px}.track__canvas{display:block;width:100%;height:300px}.track__panel{display:flex;align-items:center;gap:16px;padding:8px 12px;border-block-start:1px solid var(--line);background:var(--surface)}.track__target{display:grid;gap:1px}.track__target strong{font-size:20px;font-weight:650;color:var(--accent)}.track__lyric{font-size:16px;font-weight:600;color:var(--text)}.track__needle{flex:1;min-width:180px}.track__count{font-family:var(--font-mono);flex:none}.track__say{margin:0;padding:6px 12px 8px;background:var(--surface);font-size:13px;color:var(--muted);min-height:1.4em}.degrees{list-style:none;margin:8px 0 16px;padding:0;display:grid;gap:4px}.degrees__row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:12px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.degrees__name{font-weight:600}.degrees__cents{font-family:var(--font-mono);font-size:13px}.degrees__cents--ممتاز{color:var(--grade-excellent)}.degrees__cents--جيد{color:var(--grade-good)}.degrees__cents--راجع{color:var(--grade-review)}.strip{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0d0a08;margin-bottom:12px;overscroll-behavior-x:contain;direction:ltr}.strip__svg{display:block}.strip__col{fill:transparent}.strip__col--quarter{fill:#7fb0a312}.strip__col--lit{fill:#d9a4411a}.strip__octave{stroke:#ffffff38;stroke-width:1.5}.strip__cell rect{fill:transparent;stroke:#ffffff0f;stroke-width:1}.strip__cell text{fill:var(--on-dark-dim);font-size:12px;text-anchor:middle;font-family:var(--font-ar)}.strip__cell{cursor:pointer}.strip__cell:hover rect,.strip__cell:focus-visible rect{fill:#ffffff0d;outline:none}.strip__cell:focus-visible rect{stroke:var(--accent);stroke-width:2}.strip__cell--lit rect{fill:#d9a44133;stroke:var(--on-dark-accent)}.strip__cell--lit text{fill:var(--on-dark-accent);font-weight:700}.strip__degree{fill:var(--on-dark-accent);font-size:11px;text-anchor:middle;font-family:var(--font-mono)}.strip__comb{cursor:grab;touch-action:none}.strip__comb:active{cursor:grabbing}.strip__comb:focus-visible .strip__spine{stroke:var(--on-dark);stroke-width:2;outline:none}.strip__spine,.strip__tooth{fill:var(--on-dark-accent)}.strip__comb:not(.strip__comb--still) .strip__spine,.strip__comb:not(.strip__comb--still) .strip__tooth{transition:x .12s ease-out}.strip__toothNo{fill:#241a08;font-size:9px;font-weight:700;text-anchor:middle;pointer-events:none}.strip__foot{direction:rtl;margin:0;padding:6px 10px;border-block-start:1px solid var(--line);background:var(--surface);font-size:12px;position:sticky;left:0;max-width:100vw}.ruler__combs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ruler__degrees{list-style:none;margin:10px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.ruler__degree{display:grid;justify-items:center;gap:1px;min-width:74px;padding:7px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);cursor:pointer;font-family:inherit}.ruler__degree:hover{border-color:var(--accent)}.ruler__degreeNo{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.ruler__degreeName{font-size:17px;font-weight:650;color:var(--accent)}.ruler__degreeEastern{font-size:12px;color:var(--qt)}.ruler__degreeLatin{font-family:var(--font-mono)}.ruler__steps{margin:6px 0 12px}.ruler__step{display:inline-block;padding:2px 7px;margin-inline-end:4px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:11px}.projector .strip__cell text{font-size:14px}.projector .strip__degree{font-size:13px}.projector .ruler__degreeName{font-size:20px}.strip--colour .strip__col--quarter{fill:#fae18021}.strip--colour .strip__col--tone{fill:#e28ffb26}.strip--colour .strip__col--half{fill:#99d0d821}.strip--colour .strip__col--lit{fill:#d9a44142}.strip--colour .strip__cell text{fill:var(--on-dark)}.ruler__steps-pick{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip--sm{padding:3px 10px;font-family:var(--font-mono);font-size:12px}:root.light{--bg: #f4eee2;--bg-deep: #e8dfcd;--surface: #fffaf0;--surface-2: #f2e9d9;--line: #dccfb8;--ink: #241c14;--ink-dim: #4e4032;--muted: #6f5d49;--accent: #75581f;--on-accent: #fffaf0;--accent-dim: #b08a3c;--accent-soft: rgba(138, 104, 40, .12);--teal: #2c6b60;--qt: #2c6b60;--qt-soft: rgba(44, 107, 96, .14);--grade-excellent: #2f7d52;--grade-good: #a37418;--grade-review: #b03a1f;--shadow: 0 10px 30px rgba(80, 58, 30, .13);color-scheme:light}:root.light body{background:radial-gradient(1200px 700px at 80% -10%,#fffdf7 0%,var(--bg) 55%)}:root.light .sheet{background:#241c1459}:root.light .tile__pack{background:#2c6b60e6;color:#fffaf0}:root.light .mirror__hint,:root.light .zoom__label{color:#fff}:root.light .staff{border:1px solid var(--line)}.deck-row{display:flex;align-items:center;justify-content:space-between;gap:12px;inline-size:100%;min-block-size:44px;text-align:start;padding:12px 14px;margin-block-start:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color .15s}.deck-row:hover{border-color:var(--accent-dim)}.deck-row__main{display:grid;gap:3px;min-inline-size:0}.deck-row__title{font-weight:650}.deck-row__due{flex:none;padding:3px 10px;border-radius:999px;border:1px solid var(--accent-dim);color:var(--accent);font-size:13px;white-space:nowrap}.own-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-block-start:1px solid var(--line)}.own-card:first-of-type{border-block-start:0}.own-card__text{min-inline-size:0;display:grid;gap:2px}.own-card__front{font-weight:600}.card-field{display:grid;gap:5px}.deck-student{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-block-size:44px}.deck-draft-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.neckruler{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:5px 10px 6px}.neckruler__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.neckruler__what{font-size:12.5px;color:var(--ink-dim)}.neckruler__says{margin:4px 0 0;line-height:1.5}.neckruler__acts,.neckruler__combs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.freeplay__maqamat{display:flex;flex-wrap:wrap;gap:6px}.freeplay__maqamat .chip{justify-content:center;align-items:center;white-space:nowrap;text-align:center;line-height:1.2;min-height:0;padding:5px 10px;font-size:13.5px}.hud--freeplay{min-height:168px}.hud--freeplay .hud__note{min-height:1.15em}.hud--freeplay .hud__meta{min-height:1.4em}.cheatsheet{margin:0;padding:12px 16px;background:var(--surface-2);color:var(--ink);direction:rtl;font-size:18px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all;border-radius:var(--radius-sm);font-family:inherit}.score-cheatsheet--off{display:none}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body.printing-score{background:#fff!important;color:#241c14}body.printing-score .app{display:block;height:auto;background:#fff}body.printing-score .main{overflow:visible;padding:12mm;padding-block-end:12mm}body.printing-score .sidebar,body.printing-score .topbar,body.printing-score .tabbar,body.printing-score .more-sheet,body.printing-score .dock-handle,body.printing-score .dock-panel,body.printing-score .gate-banner,body.printing-score .score-view__chrome{display:none!important}body.printing-score .card{background:transparent;border:none;padding:0;box-shadow:none}body.printing-score .page-head{margin-bottom:10px}body.printing-score .page-head h1{color:#241c14;font-size:22px}body.printing-score .page-head p{display:none}body.printing-score .staff{background:#f7f1e6;border:1px solid #dccfb8;overflow:visible;break-inside:avoid;page-break-inside:avoid;margin-bottom:8px}body.printing-score .score-systems{display:flex;flex-direction:column;gap:8px}body.printing-score:not(.printing-cheat) .staff__label{display:none!important}body.printing-score .cheatsheet{background:#f2e9d9;color:#241c14;border:1px solid #dccfb8}body.printing-score .score-cheatsheet{display:none!important}body.printing-score.printing-cheat .score-cheatsheet,body.printing-score.printing-cheat .score-cheatsheet--off{display:block!important}body.printing-score.printing-cheat .score-cheatsheet .btn{display:none!important}body.printing-score .stack{gap:10px}}.piano-banner{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(217,164,65,.12),transparent 70%),var(--surface)}.piano-banner strong{font-size:1.25rem;color:var(--accent)}.piano-banner span{color:var(--ink-dim);font-size:.92rem}.piano-toolbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px 14px;margin-bottom:14px}.piano-actions{margin-top:4px;flex-wrap:wrap}.piano-compare{margin-top:10px}.piano-save{display:flex;gap:8px;margin-top:10px}.piano-save .field__input{flex:1}.piano-now{margin:0;color:var(--muted);font-size:.9rem}.piano-rows{display:grid;gap:8px}.piano-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px}.piano-deg{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 6px 10px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#f3e6d2,#d9c4a4);color:#2a1c10;cursor:pointer;min-height:76px}.piano-deg:hover{filter:brightness(1.05)}.piano-deg.is-on,.piano-deg:active{outline:2px solid var(--accent);transform:translateY(1px)}.piano-deg--q{background:linear-gradient(180deg,#b7d4cc,#7fb0a3);color:#10241f}.piano-deg__step{position:absolute;top:4px;inset-inline-end:6px;font-size:.7rem;color:var(--accent-dim);font-variant-numeric:tabular-nums}.piano-deg__no{font-weight:700;font-size:1.05rem}.piano-deg__name{font-size:.78rem}.piano-full{position:relative;height:168px;margin:8px 0 12px;user-select:none}.piano-whites{display:flex;height:100%;gap:2px}.piano-key{border:1px solid #2a1c10;cursor:pointer;padding:0 0 8px;display:flex;align-items:flex-end;justify-content:center;font-size:.7rem;font-weight:700}.piano-key--white{flex:1;background:linear-gradient(180deg,#f7eedf,#e2d0b4);color:#3a2a18;border-radius:0 0 6px 6px}.piano-key--white.is-maqam{box-shadow:inset 0 -6px 0 var(--accent)}.piano-key--white.is-octave{box-shadow:inset 3px 0 0 var(--accent)}.piano-key--white.is-maqam.is-octave{box-shadow:inset 3px 0 0 var(--accent),inset 0 -6px 0 var(--accent)}.piano-raised{position:absolute;inset:0 0 38%;pointer-events:none}.piano-key--black,.piano-key--q{position:absolute;top:0;width:3.2%;height:100%;pointer-events:auto;transform:translate(-50%);border-radius:0 0 4px 4px;color:#f4ece2}.piano-key--black{background:linear-gradient(180deg,#3a2f27,#1a1410);width:3.6%}.piano-key--q{background:linear-gradient(180deg,#9ec9bf,var(--qt));width:2.2%;color:#10241f}.piano-key.is-on,.piano-key:active{filter:brightness(1.25);outline:2px solid var(--accent)}.piano-key--black.is-maqam{box-shadow:inset 0 -5px 0 var(--accent)}.piano-key--q.is-maqam{box-shadow:inset 0 -5px #24554c}.piano-swatch{display:inline-block;width:.75em;height:.75em;border-radius:2px;margin-inline:10px 5px;vertical-align:-1px}.piano-swatch--in{background:var(--accent)}.piano-swatch--q{background:var(--qt)}.piano-swatch--oct{background:var(--accent);box-shadow:inset 2px 0 #fff}.piano-along{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,auto);gap:10px 14px;align-items:end;margin:8px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.piano-along__bpm{display:grid;gap:6px;grid-column:1 / -1}.piano-along__bpm input[type=range]{width:100%;accent-color:var(--accent)}.piano-along__beats{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--ink);font-size:.9rem}.piano-circle.is-along .piano-circle__dot.is-on{fill:var(--accent);stroke:var(--accent);stroke-width:2;transform-box:fill-box;transform-origin:center;transform:scale(1.06)}.piano-circle{display:flex;justify-content:center}.piano-circle svg{width:min(100%,440px);height:auto;display:block;margin-inline:auto}.piano-circle__ring{fill:var(--surface-2);stroke:var(--line);stroke-width:2}.piano-circle__tick{stroke:var(--muted);stroke-width:1.5}.piano-circle__tick.is-in{stroke:var(--accent);stroke-width:2.4}.piano-circle__poly{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}.piano-circle__step{fill:var(--ink);font-size:20px;font-weight:800;text-anchor:middle;dominant-baseline:middle;font-family:var(--font-mono);paint-order:stroke fill;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round}.piano-circle__deg{cursor:pointer}.piano-circle__loader{pointer-events:none}.piano-circle__loader-arc{fill:none;stroke:var(--grade-excellent);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:131.95;stroke-dashoffset:131.95}.piano-circle__loader.is-down .piano-circle__loader-arc{stroke:var(--grade-review);stroke-width:4}.piano-circle__dot{fill:var(--surface);stroke:var(--accent);stroke-width:2}.piano-circle__dot.is-q{fill:var(--qt);stroke:#24554c}.piano-circle__dot.is-on{fill:var(--accent);stroke:var(--accent);stroke-width:2}.piano-circle__no{fill:var(--ink);font-size:14px;font-weight:800;text-anchor:middle;pointer-events:none}.piano-circle__name,.piano-circle__conv,.piano-circle__latin{dominant-baseline:middle;pointer-events:none;paint-order:stroke fill;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round}.piano-circle__name{fill:var(--accent);font-size:17px;font-weight:800;font-family:var(--font-ar)}.piano-circle__conv{fill:var(--qt);font-size:16px;font-weight:800;font-family:var(--font-ar)}.piano-circle__latin{fill:#ff4d4d;font-size:15px;font-weight:800;font-family:var(--font-mono);letter-spacing:.02em}.piano-circle__tonic{fill:var(--accent);font-size:22px;font-weight:700;text-anchor:middle;font-family:var(--font-ar)}.piano-takes{list-style:none;margin:0;padding:0;display:grid;gap:10px}.piano-takes li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.piano-takes li:last-child{border-bottom:0}@media (max-width: 640px){.piano-full{height:132px}.piano-deg{min-height:64px;padding-top:16px}}.freeplay__detect{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--accent-soft)}.freeplay__detect .card__note{margin:0;color:var(--ink)}.freeplay__detect .btn{justify-self:start}.violin-cal{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-soft)}.violin-cal__title{margin:0;font-weight:700;color:var(--accent)}.violin-cal__bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.violin-cal__bar span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .12s linear}.violin-cal-row details{margin-top:4px}.violin-cal-row summary{cursor:pointer}.nay-pipe{display:flex;flex-direction:column;align-items:center;gap:8px}.nay-pipe svg{width:min(100%,180px);height:auto}.nay-pipe__body{fill:#c4a574;stroke:#5a3d1e;stroke-width:1.6}.nay-pipe__mouth{fill:#e8d5b5;stroke:#5a3d1e;stroke-width:1.4}.nay-pipe__hole{fill:#2a1c10;stroke:#5a3d1e;stroke-width:1.6}.nay-pipe__hole.is-open{fill:var(--surface)}.nay-pipe__hole.is-live.is-closed{fill:var(--accent);stroke:#f4ece2}.nay-pipe__hole.is-live.is-open{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2.4}.nay-pipe__no{fill:#f4ece2;font-size:10px;font-weight:700;text-anchor:middle;pointer-events:none}.nay-pipe svg g text.nay-pipe__no{fill:#f4ece2}.nay-pipe svg g .nay-pipe__hole.is-open~.nay-pipe__no{fill:var(--ink)}.nay-pipe__lbl{fill:var(--ink-dim);font-size:9px;text-anchor:middle;font-family:var(--font-ar)}.nay-pipe__hint{margin:0;text-align:center}:root.simple{--bg: #0c0a12;--bg-deep: #07060c;--surface: #161222;--surface-2: #1f1a2e;--line: #3a3350;--ink: #f3eefc;--ink-dim: #c4b8de;--muted: #9587b0;--accent: #a855f7;--on-accent: #1a0b28;--accent-dim: #7e22ce;--accent-soft: rgba(168, 85, 247, .18);--on-dark-accent: #c084fc;--teal: #9b7dff;--qt: #c084fc;--qt-ink: #6b21a8;--qt-soft: rgba(192, 132, 252, .16);--gold: #c084fc;--shadow: 0 12px 36px rgba(0, 0, 0, .55);--nav-width: 88px;color-scheme:dark}:root.simple body{background:radial-gradient(1200px 600px at 80% -10%,rgba(168,85,247,.14),transparent 55%),var(--bg)}:root.simple .card__note,:root.simple .page-head p,:root.simple .brand__tag,:root.simple .check__hint{display:none}:root.simple .page-head{margin-block-end:12px}:root.simple .card{padding:14px 16px;gap:10px}:root.simple .stack{gap:10px}:root.simple .sidebar{width:var(--nav-width);padding-inline:8px;align-items:stretch}:root.simple .brand{flex-direction:column;align-items:center;text-align:center;gap:6px;padding-block:10px 6px}:root.simple .brand__name{font-size:13px}:root.simple .navlink{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:11px;line-height:1.2;text-align:center}:root.simple .navlink__icon{width:28px;height:28px;font-size:0}:root.simple .navlink__icon svg{width:22px;height:22px}:root.simple .navlink__label{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root.simple .tab__label{font-size:10px}:root.simple .btn--primary{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}:root.simple .journey-page,:root.simple .resume{border-radius:16px}.piano-circle-with-neck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px 16px;align-items:center;width:100%;max-width:860px;margin-inline:auto}.piano-circle-with-neck .piano-circle{width:100%;max-width:380px;margin-inline:auto;justify-self:center}.piano-circle-with-neck .piano-circle svg{width:100%;max-width:380px}.piano-circle-neck{width:100%;min-width:0;overflow-x:auto}.piano-circle-neck .fretboard{width:100%}.piano-circle-neck .fretboard svg,.piano-circle-neck .fretboard--large svg{min-width:0!important;max-width:100%!important;width:100%;height:auto}.piano-circle-nay{display:flex;justify-content:center;align-items:center}.piano-circle-nay .nay-pipe{width:100%;max-width:200px;margin-inline:auto}.piano-circle-nay .nay-pipe svg{width:min(100%,160px)}@media (max-width: 720px){.piano-circle-with-neck{grid-template-columns:1fr;max-width:420px}.piano-circle-with-neck .piano-circle,.piano-circle-with-neck .piano-circle svg{max-width:340px}}