.viewas-switch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:12.5px;color:var(--text-faint)}.viewas-switch select{flex:1 1 auto;min-width:0;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit}.viewas-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 14px;margin:0 0 12px;border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--text);font-size:13.5px}.viewas-bar>svg{color:var(--accent)}.viewas-bar b{color:var(--accent)}.viewas-bar>.btn:last-child{margin-left:auto}.viewas-day{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.viewas-day select{padding:3px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit}.viewas-on-account .viewas-switch{max-width:320px;margin-bottom:14px}.viewas-card{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);cursor:pointer}.protect{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.protect-text{position:absolute;inset:-10% -30%;display:flex;flex-direction:column;justify-content:space-around;transform:rotate(-24deg)}.protect-text span{white-space:pre;font:500 12px/1 Manrope,Segoe UI,Arial,sans-serif;letter-spacing:.06em;color:#80808014}.protect-text span:nth-child(2n){padding-left:18%}.protect.is-dark{background:#000;z-index:9999}.protect.is-dark>*{display:none}.lib-reader,.book-drawer,.reader-page,.lib-frame-wrap{position:relative}body.is-protected,body.is-protected *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}body.is-protected input,body.is-protected textarea{-webkit-user-select:text!important;user-select:text!important}@media print{body.is-protected>*{display:none!important}body.is-protected:before{content:"Chris Guitar Tuto — ce contenu se lit dans l’application.";display:block;margin-top:40vh;text-align:center;font:600 16px Arial,sans-serif;color:#000}}.lib{max-width:1100px;margin:0 auto}.lib-head h1{margin:0 0 4px}.lib-group{margin-top:28px}.lib-group h2{font-size:20px;margin:0 0 12px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.lib-book{display:flex;flex-direction:column;gap:8px;text-align:left;padding:10px;background:var(--surface, #121214);border:1px solid var(--line, rgba(255,255,255,.08));border-radius:12px;cursor:pointer;color:inherit}.lib-book:hover{border-color:var(--amber, #ffb43d)}.lib-book:focus-visible{outline:2px solid var(--amber, #ffb43d);outline-offset:2px}.lib-book img,.lib-nocover{width:100%;aspect-ratio:148 / 210;object-fit:cover;border-radius:6px;background:#000;display:block}.lib-nocover{display:flex;align-items:center;justify-content:center;padding:10px;font-weight:700}.lib-book b{font-size:14px;line-height:1.25}.lib-open{font-size:13px;color:var(--amber, #ffb43d);margin-top:auto}.lib-reader{display:flex;flex-direction:column;gap:10px}.lib-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lib-bar h1{font-size:20px;margin:0;flex:1;min-width:160px}.lib-langs{display:flex;gap:6px}.lib-frame{width:100%;height:calc(100vh - 210px);min-height:480px;border:0;border-radius:12px;background:#1a1a1d}@media (max-width: 700px){.lib-frame{height:calc(100vh - 240px)}}.reader-tools{display:flex;align-items:center;gap:4px}.reader-tools .btn{min-width:40px;min-height:36px}.reader-zoom{min-width:42px;text-align:center;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}@media (max-width: 700px){.reader-tools-word,.reader-zoom{display:none}.reader-bar{gap:8px;row-gap:4px}}.lib-reader.is-full,.book-drawer.is-full{position:fixed;inset:0;z-index:95;width:auto;gap:0;background:#0b0b0c;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.lib-reader.is-full .lib-bar{padding:8px 12px}.lib-reader.is-full .lib-frame-wrap{flex:1;min-height:0}.lib-reader.is-full .lib-frame{height:100%;min-height:0;border-radius:0;display:block}.book-drawer{position:fixed;top:0;right:0;bottom:0;width:min(46vw,640px);z-index:80;display:flex;flex-direction:column;background:#1a1a1d;border-left:1px solid var(--border-strong, rgba(255,255,255,.14));box-shadow:-20px 0 50px #00000073}.book-drawer-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border, rgba(255,255,255,.08));background:var(--bg, #0b0b0c)}.book-drawer-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-drawer iframe{flex:1;width:100%;border:0}@media (max-width: 800px){.book-drawer{width:100%;border-left:0}}.stab{width:100%;overflow-x:hidden}.stab-svg{display:block;max-width:100%;height:auto;font-family:var(--font-body, inherit)}.stab-string{stroke:var(--text-faint, #6c6c74);stroke-width:1;opacity:.75}.stab-barline{stroke:var(--text-muted, #8a8a92);stroke-width:1.2}.stab-barline.is-double{stroke-width:3}.stab-barline.is-heavy{stroke-width:3;stroke:var(--text, #e9e9ee)}.stab-repeat circle{fill:var(--text, #e9e9ee)}.stab-barno{font-size:10.5px;fill:var(--text-faint, #6c6c74);font-variant-numeric:tabular-nums}.stab-section{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;fill:var(--accent, #E8971B)}.stab-ts{font-size:15px;font-weight:700;fill:var(--text, #e9e9ee);text-anchor:middle;font-variant-numeric:tabular-nums}.stab-dot{fill:var(--surface, #151517);stroke:var(--text, #e9e9ee);stroke-width:1.6}.stab-dot.is-ghost{stroke-dasharray:3 2;opacity:.8}.stab-dot.is-dead{fill:transparent;stroke:var(--text-muted, #8a8a92)}.stab-label{fill:var(--text, #e9e9ee);font-weight:700;text-anchor:middle;dominant-baseline:central;font-variant-numeric:tabular-nums}.stab-beat.is-active .stab-dot{stroke:var(--accent, #E8971B);stroke-width:2.4}.stab-active{fill:color-mix(in srgb,var(--accent, #E8971B) 16%,transparent)}.stab-rest{fill:transparent;stroke:var(--text-faint, #6c6c74);stroke-width:1.4}.stab-chord{font-size:13px;font-weight:700;fill:var(--accent, #E8971B);text-anchor:middle}.stab-text{font-size:11px;fill:var(--text-muted, #8a8a92);text-anchor:middle;font-style:italic}.stab-fx{font-size:10.5px;fill:var(--text-muted, #8a8a92);text-anchor:middle}.stab-slur{fill:none;stroke:var(--text, #e9e9ee);stroke-width:1.4}.stab-slide{stroke:var(--text, #e9e9ee);stroke-width:1.4}.stab-stem,.stab-flag{stroke:var(--text-muted, #8a8a92);stroke-width:1.4;stroke-linecap:round}.stab-dotted{fill:var(--text-muted, #8a8a92)}.stab-tuplet{font-size:10px;fill:var(--text-muted, #8a8a92);text-anchor:middle;font-style:italic}.stab-lh{font-size:12px;font-weight:700;fill:var(--text, #e9e9ee);text-anchor:middle;font-variant-numeric:tabular-nums}.stab-rh{font-size:12px;font-weight:700;fill:var(--accent, #E8971B);text-anchor:middle;font-style:italic}.stab-rowlabel{font-size:9px;letter-spacing:.08em;fill:var(--text-faint, #6c6c74)}.stab-diagram{color:var(--text, #e9e9ee)}.stab-diagram .ca-mark,.stab-diagram .ca-base{fill:currentColor;font-size:9px;text-anchor:middle}.stab.on-paper .stab-string,.stab.on-paper .stab-barline{stroke:#4a4a4a}.stab.on-paper .stab-dot{fill:#fff;stroke:#1a1a1a}.stab.on-paper .stab-label,.stab.on-paper .stab-lh,.stab.on-paper .stab-slur,.stab.on-paper .stab-ts{fill:#1a1a1a;stroke:#1a1a1a}.stab.on-paper .stab-label{stroke:none}.mc{max-width:820px;margin:0 auto}.mc-years{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.mc-years button{padding:8px 14px;border-radius:999px;border:0;background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:13.5px;white-space:nowrap;cursor:pointer}.mc-years button.is-on{background:var(--amber, #ffb43d);color:#000;font-weight:700}.mc-yname{color:var(--text-muted);font-size:13px;margin:10px 0 4px}.mc-terms{list-style:none;margin:0;padding:0}.mc-term{border-top:1px solid var(--border)}.mc-term-head{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.mc-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-strong);display:grid;place-items:center;font-size:12px;flex:none;color:var(--text-muted)}.mc-term.done .mc-dot{background:#5fd68a;border-color:#5fd68a;color:#000}.mc-term.now .mc-dot{border-color:var(--amber, #ffb43d);color:var(--amber, #ffb43d)}.mc-term-t{flex:1;min-width:0;display:flex;flex-direction:column}.mc-term-t b{font-size:15px}.mc-term-t small{color:var(--text-muted);font-size:12.5px}.mc-grade{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:#ffb43d24;color:var(--amber, #ffb43d);white-space:nowrap}.mc-grade.is-done{background:#5fd68a24;color:#5fd68a}.mc-lessons{padding:0 0 12px 40px}.mc-lesson{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px dashed var(--border)}.mc-n{width:18px;font-weight:600;color:var(--text-faint, #75717b)}.mc-lesson.done .mc-n{color:#5fd68a}.mc-lesson.next .mc-n{color:var(--amber, #ffb43d)}.mc-lt{flex:1;min-width:0;font-size:14px;position:relative;padding-bottom:3px}.mc-lt i{position:absolute;left:0;bottom:0;height:2px;background:var(--amber, #ffb43d);border-radius:2px}.mc-play,.mc-book{min-width:40px;height:36px;border-radius:10px;border:0;background:var(--surface-2);color:inherit;font:inherit;font-size:14px;cursor:pointer}.mc-lesson.next .mc-play{background:var(--amber, #ffb43d);color:#000;font-weight:700}.mc-play:focus-visible,.mc-book:focus-visible,.mc-term-head:focus-visible,.mc-card:focus-visible{outline:2px solid var(--amber, #ffb43d);outline-offset:2px}.mc-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:20px 0 8px}.mc-card{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px;border-radius:14px;background:var(--surface, #121214);border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer}.mc-card:hover{border-color:var(--amber, #ffb43d)}.mc-card span{color:var(--text-muted);font-size:13px}@media (max-width: 600px){.mc-lessons{padding-left:0}}.dayplan{background:var(--surface, #121214);border:1px solid var(--border);border-radius:16px;padding:16px;margin:0 0 16px;display:flex;flex-direction:column}.dayplan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.dayplan-head h2{font-size:20px;margin:0}.dayplan-head p{margin:2px 0 0;color:var(--text-muted);font-size:13px}.dayplan-pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#ffb43d24;color:var(--amber, #ffb43d)}.dayplan-task{display:flex;align-items:center;gap:12px;padding:11px 0;border:0;border-top:1px solid var(--border);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.dayplan-task:first-of-type{border-top:0}.dayplan-task i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:16px;flex:none}.dayplan-task i.is-amber{background:#ffb43d24;color:var(--amber, #ffb43d)}.dayplan-task i.is-green{background:#5fd68a21}.dayplan-task i.is-sky{background:#8fb8ff24;color:#8fb8ff}.dayplan-task span{display:flex;flex-direction:column;min-width:0}.dayplan-task b{font-size:14.5px}.dayplan-task small{color:var(--text-muted);font-size:12.5px}.dayplan-task:focus-visible,.dayplan-go:focus-visible{outline:2px solid var(--amber, #ffb43d);outline-offset:2px}.dayplan-go{margin-top:10px;width:100%;justify-content:center}.ta-lead{color:var(--text-muted);font-size:14px;margin:12px 0;max-width:70ch}.ta-progress{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.ta-progress .bar{flex:1;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.ta-progress .bar b{display:block;height:100%;background:#5fd68a;border-radius:999px}.ta-weeks{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:10px}.ta-week{cursor:default;gap:8px}.ta-week-head{display:flex;align-items:center;gap:10px}.ta-week-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px}.ta-tick{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;cursor:pointer}.ta-tick input{width:18px;height:18px;accent-color:var(--amber, #ffb43d)}.ta-final,.ta-plan,.ta-block{cursor:default}.ta-plan ol{margin:6px 0 4px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--text-muted)}.ta-plan ol em{font-style:normal;display:inline-block;min-width:52px;color:var(--amber, #ffb43d);font-weight:600}.ta-plan ol b{color:var(--text)}.ta-exam{cursor:default;margin-top:12px}.ta-exam dl{margin:0;display:grid;gap:8px}.ta-exam dl div{display:grid;grid-template-columns:130px 1fr;gap:10px;border-top:1px solid var(--border);padding-top:8px}.ta-exam dl div:first-child{border-top:0;padding-top:0}.ta-exam dt{color:var(--amber, #ffb43d);font-weight:600;font-size:13px}.ta-exam dd{margin:0;font-size:14px}.ta-h{font-size:16px;margin:22px 0 8px}.ta-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.ta-doc{text-decoration:none;font:inherit;color:inherit}.ta-linkbtn{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}@media (max-width: 520px){.ta-exam dl div{grid-template-columns:1fr;gap:2px}}.reader{position:fixed;inset:0;z-index:90;background:#0b0b0c;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.reader-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border)}.reader-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-bar>span{color:var(--text-muted);font-size:13px;white-space:nowrap}.reader-bar{flex-wrap:wrap}.reader-page{flex:1;min-height:0;position:relative}.reader-scroll{position:absolute;inset:0;overflow:auto;padding:12px;-webkit-overflow-scrolling:touch}.reader-page img{display:block;margin:0 auto;max-width:none;height:auto;border-radius:4px;background:#fff;pointer-events:none;-webkit-user-drag:none}.reader-nav{display:flex;align-items:center;gap:12px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border)}.reader-nav input{flex:1;accent-color:var(--amber, #ffb43d)}@media print{.reader,.lib-frame,.book-drawer{display:none!important}}.pv{display:flex;flex-direction:column;gap:12px}.pv-card{cursor:default;gap:8px}.pv-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:4px 0}.pv-week span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.pv-week i{display:block;width:100%;height:30px;border-radius:8px;background:var(--surface-2)}.pv-week i.on{background:var(--amber, #ffb43d)}.pv-week i.today{outline:2px solid var(--amber, #ffb43d);outline-offset:-2px}.pv-good{color:#5fd68a!important}.pv-list{margin:0;padding-left:18px;color:var(--text-muted);font-size:13.5px}.pv-grades{display:flex;gap:22px}.pv-grades span{display:flex;flex-direction:column;font-size:12.5px;color:var(--text-muted)}.pv-grades em{font-style:normal;font-size:24px;font-weight:700;color:var(--amber, #ffb43d)}.pv-btn{align-self:flex-start;margin-top:4px}.pv-link{color:var(--amber, #ffb43d)!important;margin-top:4px}a.mc-card{text-decoration:none}.trial{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(70% 45% at 0% 0%,var(--accent-soft),transparent 70%),var(--surface);overflow:hidden}.trial-head{display:flex;flex-direction:column;gap:12px}.trial-head-row{display:flex;align-items:center;gap:14px}.trial-day{display:flex;align-items:baseline;gap:3px;font-family:var(--font-display);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:var(--track-tight)}.trial-day b{font-size:44px;font-weight:700}.trial-day small{font-size:14px;font-weight:600;color:var(--text-faint);letter-spacing:0}.trial-head-text{display:flex;flex-direction:column;gap:3px;min-width:0}.trial-head-goal{font-family:var(--font-display);font-size:22px;line-height:1.05;font-weight:700;letter-spacing:var(--track-tight)}.trial-eyebrow{font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent);font-variant-numeric:tabular-nums}.trial-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.trial-bar i{position:relative;display:block;height:4px;background:var(--surface-3);border-radius:var(--radius-pill);overflow:hidden}.trial-bar i:after{content:"";position:absolute;inset:0;background:var(--accent);border-radius:var(--radius-pill);transform-origin:left center;transform:scaleX(var(--fill, 0));animation:trial-fill .9s var(--ease) both}.trial-bar i.is-live:after{animation-delay:.25s}@keyframes trial-fill{0%{transform:scaleX(0)}to{transform:scaleX(var(--fill, 0))}}.trial-body{display:flex;flex-direction:column;gap:12px}.trial-body h2{margin:0;font-family:var(--font-display);font-size:22px;line-height:1.1;font-weight:700;letter-spacing:var(--track-tight);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.trial-body h2 small{font-family:var(--font);font-size:12px;font-weight:600;color:var(--text-faint);letter-spacing:0}.trial-lede{margin:0;color:var(--text-muted);line-height:1.5}.trial-minutes{display:inline-flex;align-items:center;gap:6px;margin:-4px 0 0;font-size:12.5px;font-weight:600;color:var(--text-faint)}.trial-minutes svg{color:var(--accent)}.trial-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border-radius:var(--radius);background:var(--accent-soft);color:var(--text);font-size:13.5px;line-height:1.45}.trial-note svg{flex:0 0 auto;margin-top:2px;color:var(--accent)}.trial-session,.trial-nudge{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.trial-session{position:relative;padding-left:62px}.trial-session p,.trial-nudge p{margin:0;font-size:15.5px;line-height:1.4}.trial-session-badge{position:absolute;left:16px;top:16px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--surface-3);color:var(--text-muted)}.trial-session.is-win{border-color:var(--accent)}.trial-session.is-win .trial-session-badge,.trial-session.is-checkup .trial-session-badge{background:var(--accent-soft);color:var(--accent)}.trial-count{font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint);font-variant-numeric:tabular-nums}.trial-session.is-win .trial-count{color:var(--accent)}.trial-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.trial-compare h3{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--text-muted)}.trial-compare table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}.trial-compare th,.trial-compare td{text-align:left;padding:8px 8px 8px 0;border-top:1px solid var(--border)}.trial-compare thead th{border-top:0;font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint);font-weight:700}.trial-compare tbody th{font-weight:600;color:var(--text-muted)}.trial-compare td{white-space:nowrap}.trial-compare td svg{display:inline-block;margin-left:6px;vertical-align:-1px;color:var(--ok)}.trial-compare tr.is-better td:last-child{color:var(--text);font-weight:700;font-family:var(--font-display);font-size:16px}.trial-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.trial-plan{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:0;border-radius:var(--radius);background:var(--accent);color:#111;font:inherit;text-align:left;cursor:pointer;transition:transform .18s var(--ease),filter .18s var(--ease)}.trial-plan:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.trial-plan b{font-size:15px}.trial-plan span{font-size:12.5px;opacity:.8;font-variant-numeric:tabular-nums}.trial-plan .trial-plan-note{font-size:11.5px;opacity:.65}.trial-plan:disabled{opacity:.55;cursor:progress}.trial-period{align-self:flex-start;margin-bottom:8px}.trial-error{margin:0;color:var(--danger);font-size:13px}.trial-finisher{display:flex;gap:8px;align-items:center;margin:0;font-weight:600;color:var(--accent)}.trial-lock{flex:0 0 auto;margin-left:auto;opacity:.55}.card-chip .trial-lock,.segmented .trial-lock{display:inline-block;margin-left:0;margin-right:4px;vertical-align:-1px}.trial-lock.is-inline{display:inline-block;margin-left:4px;vertical-align:-1px}.card.is-trial-locked .card-cover{filter:saturate(.4)}.trial-locked{max-width:640px;margin:24px auto}.trial-locked-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent)}.trial-locked .trial-body h2{font-size:26px}.tm-trial{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-faint)}.trial-firstclean{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--ok);border-radius:var(--radius-lg);background:var(--surface-2);animation:trial-rise .5s var(--ease) both}.trial-firstclean>svg{color:var(--ok);flex:0 0 auto;animation:trial-pop .5s var(--ease) .2s both}.trial-firstclean div{display:flex;flex-direction:column;gap:2px;flex:1 1 auto}.trial-firstclean b{font-family:var(--font-display);font-size:18px}.trial-firstclean span{font-size:13.5px;color:var(--text-muted)}.checkup-onefix{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft)}.checkup-onefix b{font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent)}.checkup-onefix p{margin:0;font-size:15.5px;line-height:1.45}.trial-welcome{display:flex;flex-direction:column;gap:8px}.trial-welcome-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.trial-welcome-frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-3)}.trial-welcome-frame iframe,.trial-welcome-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.trial-admin-hint{margin:0;font-size:12.5px;color:var(--text-faint);display:flex;gap:6px;align-items:center}.trial-promise{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent)}.trial-share{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent-soft)}.trial-share .hint{margin:0}.trial-challenge{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-decoration:none;font-size:14px;transition:border-color .18s var(--ease)}.trial-challenge:hover{border-color:var(--border-strong)}.trial-challenge>svg:first-child{color:var(--accent)}.trial-challenge span{flex:1 1 auto}.trial-month{display:flex;flex-direction:column;gap:12px}.trial-month-toggle{align-self:flex-start}.trial-week h3{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 8px;font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-muted)}.trial-week h3 small{font-variant-numeric:tabular-nums;color:var(--text-faint)}.trial-week ol{position:relative;list-style:none;margin:0;padding:0 0 0 34px;display:flex;flex-direction:column;gap:6px}.trial-week ol:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--surface-3)}.trial-week li{position:relative}.trial-week a,.trial-week-row{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-decoration:none;font-size:14px;line-height:1.35;transition:border-color .18s var(--ease),background .18s var(--ease)}.trial-week a:hover{border-color:var(--border-strong);background:var(--surface-3)}.trial-week-n{position:absolute;left:-34px;top:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border);font-family:var(--font-display);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-faint)}.trial-week-text{display:flex;flex-direction:column;gap:3px}.trial-week-text em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint)}.trial-week li.is-done a{opacity:.55}.trial-week li.is-done .trial-week-n{color:var(--bone-ink);background:var(--ok);border-color:var(--ok)}.trial-week li.is-done .trial-week-n svg{animation:trial-pop .4s var(--ease) both}.trial-week li.is-next a{border-color:var(--accent);background:var(--surface-3)}.trial-week li.is-next .trial-week-n{color:var(--bone-ink);background:var(--accent);border-color:var(--accent)}.trial-week li.is-next em{color:var(--accent)}.trial-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.trial-level{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.trial-level:hover{border-color:var(--border-strong);transform:translateY(-1px)}.trial-level b{font-family:var(--font-display);font-size:18px;letter-spacing:var(--track-tight)}.trial-level span{font-size:13px;color:var(--text-muted);line-height:1.4}.trial-level em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent)}.trial-level .trial-level-min{color:var(--text-faint);margin-top:2px}.trial-level.is-on{background:var(--bone);color:var(--bone-ink);border-color:transparent}.trial-level.is-on span,.trial-level.is-on .trial-level-min{color:var(--bone-ink);opacity:.75}.trial-preview{padding-bottom:96px}.trial-preview-inner{max-width:760px;width:100%;gap:16px}.trial-preview-card{text-align:left;margin-bottom:0}.trial-preview-hero{padding:26px 26px 24px}.trial-preview-title{margin:0;font-family:var(--font-display);font-size:clamp(30px,6vw,44px);line-height:1.02;font-weight:700;letter-spacing:var(--track-tight);max-width:14ch}.trial-preview-hero .trial-lede{font-size:16px;max-width:56ch}.trial-preview-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.trial-preview-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:15px;line-height:1.4}.trial-preview-list li>i{flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent)}.trial-preview-list .trial-promise{display:flex;margin-top:4px}.trial-preview-cta{flex-direction:column;align-items:stretch;gap:8px}.trial-preview-cta .hint{margin:0;text-align:center}.trial-preview-start{justify-content:center;padding:14px 18px;font-size:16px}@media (max-width: 640px){.trial-preview-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:5;padding:10px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}}.auth-trial{display:inline-flex;align-items:center;gap:6px;margin-top:4px}.trial-reveal{animation:trial-rise .45s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes trial-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes trial-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.trial-bar i:after,.trial-reveal,.trial-firstclean,.trial-firstclean>svg,.trial-week li.is-done .trial-week-n svg{animation:none}.trial-plan,.trial-level,.trial-week a,.trial-challenge{transition:none}}@media (max-width: 640px){.trial{padding:16px 16px 18px}.trial-day b{font-size:38px}.trial-head-goal,.trial-body h2{font-size:19px}.trial-preview-hero{padding:20px 18px}}.trial-card-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.trial-card-list li{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.4}.trial-card-list svg{flex:0 0 auto;margin-top:3px;color:var(--accent)}.trial-card-free{display:flex;gap:8px;align-items:flex-start;margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.trial-card-free svg{flex:0 0 auto;margin-top:2px;color:var(--accent)}.guarantee{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13px;line-height:1.45;color:var(--text-muted);text-align:left}.guarantee svg{flex:0 0 auto;margin-top:2px;color:var(--ok, var(--accent))}.guarantee b{color:var(--text);font-weight:600}.guarantee a{color:inherit}.trial-guest{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:10px 18px 14px;font-size:12.5px;color:var(--text-muted)}.trial-guest svg{flex:0 0 auto}.trial-guest button{border:0;background:none;padding:0;cursor:pointer;font:inherit;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.guest-ask p{margin:6px 0 14px;max-width:46em}.guest-ask-actions{display:flex;flex-wrap:wrap;gap:8px}.auth-ask{margin:0 0 4px;padding:10px 12px;border-radius:var(--radius);background:var(--accent-soft);color:var(--text);font-size:13.5px;line-height:1.45}.trial-plan-switches{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.trial-plan-switches .trial-period{margin:0}.trial-plans-title{margin:4px 0 8px;font-size:13.5px;color:var(--text-dim)}.trial-plans-title b{color:var(--text)}.trial-coach-line{margin-top:10px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);color:var(--text);text-decoration:none;font-size:14px}.trial-coach-line span:nth-child(2){flex:1}.trial-coach-line svg{color:var(--accent);flex:none}.trial-coach-line:hover{border-color:var(--accent)}.road{display:grid;gap:10px;margin:0 0 18px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 14px)}.road.is-compact{margin:18px 0 0}.road-title{margin:0 0 2px;font-size:15px;color:var(--text-muted);font-weight:600}.path-result+.road,.road.has-title{margin:22px 0 0;max-width:640px}.road-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.road-week{font-family:var(--font-display);font-weight:700;font-size:18px}.road-year{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.road-bar{position:relative;height:8px;border-radius:99px;background:var(--surface-3);overflow:visible}.road-bar i{display:block;height:100%;border-radius:99px;background:var(--accent)}.road-bar b{position:absolute;top:-3px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}.road-term{margin:0;display:grid;gap:2px;font-size:13.5px;color:var(--text-muted)}.road-term b{color:var(--text)}.road-next{display:grid;gap:6px}.road-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:9px 11px;color:inherit;text-decoration:none;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.road-item:hover{border-color:var(--border-strong)}.road-item svg{flex:0 0 auto;color:var(--accent)}.road-item span{display:flex;flex-direction:column;font-size:12.5px;color:var(--text-muted)}.road-item span b{font-size:13.5px;color:var(--text)}.road-parcours h3{margin:4px 0 2px;font-size:14px}.road-parcours .hint{margin:0 0 8px}.road-parcours-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.road-parcours-grid button{display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;padding:10px 11px;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.road-parcours-grid button b{font-size:13.5px}.road-parcours-grid button span{font-size:12px;color:var(--text-muted)}.road-parcours-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.road-progress{display:grid;gap:12px}.road-cert{display:grid;gap:6px;justify-items:start}@media (max-width: 480px){.road-parcours-grid{grid-template-columns:1fr}}.market-switch{margin-left:auto}.market-switch button{min-width:2.6em}.offer-market{display:flex;justify-content:flex-end;margin:0 0 10px}.clip-shelf{display:flex;flex-direction:column;gap:10px;margin:18px 0}.clip-shelf-head{display:grid;gap:3px}.clip-shelf-eyebrow{font-size:11px;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent)}.clip-shelf-head h3{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600}.clip-shelf-head p{margin:0;font-size:13.5px;color:var(--text-muted);max-width:60ch}.clip-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,230px);gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.clip-row::-webkit-scrollbar{height:6px}.clip-row::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}.clip-tile{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start}.clip-tile.is-big .clip-tile-poster{border-color:#ffb43d8c}.clip-tile.is-big .clip-tile-tag{color:var(--accent)}.clip-tile.is-locked{cursor:default}.clip-tile-poster{position:relative;display:block;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(120% 90% at 85% 10%,rgba(255,180,61,.22),transparent 55%),linear-gradient(160deg,#1d1b19,#0d0d0f);transition:transform .18s var(--ease),border-color .18s var(--ease)}.clip-tile.is-vertical .clip-tile-poster{aspect-ratio:4 / 5}.clip-tile:not(.is-locked):hover .clip-tile-poster{transform:translateY(-2px);border-color:#ffb43d73}.clip-tile:focus-visible{outline:none}.clip-tile:focus-visible .clip-tile-poster{outline:2px solid var(--accent);outline-offset:2px}.clip-tile-strings{position:absolute;inset:22% 0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.09) 0 1px,transparent 1px calc(100% / 5.02))}.clip-tile-play{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--bone);color:#141418;box-shadow:0 8px 24px #00000080}.clip-tile.is-locked .clip-tile-play{background:#ffffff1f;color:#f6f4f2}.clip-tile.is-locked .clip-tile-poster{filter:saturate(.3)}.clip-tile-len{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:var(--radius-sm);background:#0009;color:#f6f4f2;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}.clip-tile-text{display:grid;gap:2px}.clip-tile-text b{font-size:14px;font-weight:600;line-height:1.3}.clip-tile-tag{font-size:11px;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint)}.clip-tile-lock{font-size:12.5px;color:var(--text-muted)}.clip-player{display:flex;flex-direction:column;gap:6px}.clip-player-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.clip-player-bar b{font-size:14px;font-weight:600}.clip-player-frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000}.clip-player.is-vertical .clip-player-frame{aspect-ratio:9 / 16;max-height:70vh;margin-inline:auto;width:auto;height:min(70vh,640px)}.clip-player-frame iframe,.clip-player-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.clip-watch{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.clip-watch b{color:var(--text);font-weight:600}.clip-watch:hover{border-color:var(--border-strong);color:var(--text)}.clip-watch-play{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--bone);color:var(--bone-ink)}.clip-watch-len{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-faint)}.clip-admin-hint{margin:10px 0}.welcome-poster{position:relative;display:grid;align-content:end;gap:4px;width:100%;aspect-ratio:16 / 9;padding:16px 18px;border:1px solid rgba(255,180,61,.35);border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(90% 120% at 100% 0%,rgba(255,180,61,.28),transparent 60%),linear-gradient(160deg,#211d18,#0c0c0e 70%);color:#f6f4f2;font:inherit;text-align:left;cursor:pointer}.welcome-poster-name{position:absolute;right:18px;top:8px;font-family:var(--font-script);font-size:clamp(54px,12vw,96px);color:#ffb43d33;transform:rotate(-6deg);pointer-events:none}.welcome-poster-row{position:relative;display:flex;align-items:center;gap:14px}.welcome-poster-row .clip-tile-play{position:static;transform:none;flex:0 0 auto;width:54px;height:54px}.welcome-poster-text{display:grid;gap:2px;min-width:0}.welcome-poster b{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.1}.welcome-poster span.welcome-poster-meta{font-size:13px;color:#d9d5de}.welcome-poster:hover{border-color:#ffb43db3}.welcome-poster:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.welcome-again{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer}.welcome-again:hover{color:var(--text)}@media (prefers-reduced-motion: reduce){.clip-tile-poster{transition:none}.clip-tile:not(.is-locked):hover .clip-tile-poster{transform:none}}.vp{display:flex;flex-direction:column;gap:10px}.vp-summary{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:8px}.vp-progress{display:grid;grid-template-columns:26px 1fr minmax(80px,140px) 52px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.vp-progress.is-done{border-color:#5fe3b366}.vp-progress-text{display:grid;gap:1px;min-width:0}.vp-progress-text b{font-size:14px}.vp-progress-text span{font-size:12px;color:var(--text-muted)}.vp-step{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.is-done>.vp-step,.is-done header .vp-step{background:var(--ok);color:#0b0b0c}.vp-bar{display:block;height:6px;border-radius:var(--radius-sm);background:var(--surface-3);overflow:hidden}.vp-bar i{display:block;height:100%;background:var(--accent)}.vp-count{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right}.vp-prompts{margin:0 0 4px;padding-left:18px;font-size:13px;color:var(--text-muted);display:grid;gap:2px}.vp-link input{width:100%}.vp-bad{font-size:12px;color:var(--danger)}.vp-clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.vp-clip{display:grid;gap:6px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-content:start}.vp-clip.is-done{border-color:#5fe3b366}.vp-clip header{display:flex;align-items:center;gap:8px}.vp-clip header b{font-size:14px;line-height:1.3}.vp-min{margin-left:auto;font-size:12px;color:var(--text-faint);white-space:nowrap}.vp-film{margin:0;font-size:12.5px;color:var(--text-muted)}.vp-where{margin:0;font-size:12px;color:var(--accent)}.vp-lessons{list-style:none;margin:0;padding:0;display:grid;gap:6px}.vp-lessons li{display:grid;grid-template-columns:1fr minmax(80px,140px) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius)}.vp-lessons li.is-done{border-color:#5fe3b366}.vp-lesson-title{display:grid;gap:1px}.vp-lesson-title b{font-size:13.5px}.vp-lesson-title span{font-size:12px;color:var(--text-muted)}.vp-later summary{cursor:pointer;font-size:13px;color:var(--text-muted);margin:4px 0}.vp-warmups{display:grid;gap:6px}.vp-warmup{display:grid;grid-template-columns:26px minmax(120px,1.2fr) minmax(110px,.8fr) minmax(140px,1.4fr) auto auto;gap:6px;align-items:center}.vp-upright{display:inline-flex;gap:4px;align-items:center;font-size:12px;color:var(--text-muted)}@media (max-width: 700px){.vp-warmup{grid-template-columns:26px 1fr 1fr}.vp-warmup-url{grid-column:2 / -1}.vp-progress{grid-template-columns:26px 1fr 52px}.vp-progress .vp-bar{display:none}}.tp{display:flex;flex-direction:column;gap:14px;max-width:980px}.tp-modes{align-self:flex-start}.tp-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px 16px;display:grid;gap:10px}.tp-card h2{margin:0;font-size:16px}.tp-card .hint{margin:0}.tp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tp-run{display:grid;gap:10px}.tp-shape{display:flex}.tp-result{margin:0;font-size:15px;color:var(--ok)}.tp-notes{display:flex;flex-wrap:wrap;gap:6px}.tp-note{min-width:40px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);text-align:center;font-weight:700;font-size:14px;display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.tp-note small{font-size:10px;color:var(--text-faint);font-weight:500}.tp-note.is-clean{background:#5fe3b329;border-color:var(--ok);color:var(--ok)}.tp-note.is-struggled{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tp-note.is-struggled small{color:var(--accent);opacity:.75}.tp-note.is-current{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.tp-note.is-current small{color:var(--accent-contrast)}.tp-note.is-current.is-off{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tp-note.is-current.is-off small{color:var(--accent)}.tp-board{overflow-x:auto}.tp-status{margin:0;font-size:13px;color:var(--text-muted)}.tp-history{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tp-history li{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.tp-history li small{color:var(--text-faint)}.tp-history-stars{color:var(--accent);letter-spacing:1px}.tp-seg{display:inline-flex;margin-left:4px}.tp-seg button{padding:4px 9px;font-size:12px}.tp-note.is-secret{color:var(--text-faint);border-style:dashed}.pg-grades{display:flex;gap:6px;flex-wrap:wrap}.pg-grade{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.pg-grade b{font-size:12px}.pg-grade span{font-size:11px;color:var(--text-muted)}.pg-grade.is-on{border-color:var(--accent);background:var(--accent-soft)}.pg-grade.is-done{border-color:var(--ok)}.pg-grade.is-done span{color:var(--ok)}.pg-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pg-ex{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.pg-ex:hover{border-color:var(--border-strong)}.pg-ex.is-on{border-color:var(--accent)}.pg-ex-stars{color:var(--accent);letter-spacing:1px;font-size:13px;min-width:44px}.pg-ex-label{font-weight:600;font-size:13.5px}.pg-ex-meta{flex:1 1 auto;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-open{padding:10px 4px 4px;display:grid;gap:8px}.pg-grade-all{border-style:dashed}.pg-roots{display:flex;gap:4px;flex-wrap:wrap}.pg-caged{display:flex;flex-direction:column;align-items:center;gap:4px}.pg-caged-form{font-size:11px;color:var(--text-muted)}.fb-card{display:flex;gap:16px;align-items:stretch;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px 16px}.fb-card.is-3{border-color:var(--ok)}.fb-card.is-2{border-color:var(--accent)}.fb-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;padding:6px 10px;border-radius:10px;background:var(--surface-3)}.fb-score b{font-family:var(--font-display);font-size:40px;line-height:1}.fb-score span{font-size:12px;color:var(--text-muted)}.fb-stars{margin-top:4px;color:var(--accent);letter-spacing:2px;font-size:16px}.fb-body{display:grid;gap:6px;flex:1 1 auto}.fb-verdict{margin:0;font-size:15px;font-weight:600}.fb-meta{margin:0;font-size:12.5px;color:var(--text-muted)}.fb-tips{margin:0;padding-left:18px;font-size:13px;display:grid;gap:3px}.fb-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}@media (max-width: 600px){.fb-card{flex-direction:column}}.sr-board{display:flex;gap:12px}.sr-clock,.sr-count{display:flex;align-items:baseline;gap:4px;padding:8px 16px;border-radius:12px;background:var(--surface-3)}.sr-clock b{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--accent)}.sr-count b{font-family:var(--font-display);font-size:44px;line-height:1}.sr-clock span,.sr-count span{font-size:12px;color:var(--text-muted)}.sr-note{font-family:var(--font-display);font-size:24px;color:var(--accent)}.pp{display:grid;gap:14px}.pp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.pp-tile{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:var(--surface-3)}.pp-tile b{font-family:var(--font-display);font-size:30px;line-height:1.1;color:var(--accent)}.pp-tile span{font-size:12px;color:var(--text-muted)}.pp-tile small{font-size:11px;color:var(--text-muted);opacity:.8}.pp-grades{display:grid;gap:8px}.pp-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.pp-row-name{min-width:120px;font-weight:600}.pp-row small{color:var(--text-muted);font-size:12px}.pp-dots{display:flex;gap:4px}.pp-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--text-muted);text-decoration:none;border:1px solid transparent}.pp-dot.is-part{border-color:var(--accent);color:var(--text)}.pp-dot.is-done{background:var(--accent);color:#111}.pp-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.pp-badges li{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:8px 10px;border-radius:10px;background:var(--surface-3);opacity:.45}.pp-badges li.is-earned{opacity:1;box-shadow:inset 0 0 0 1px var(--accent)}.pp-badges li span{grid-row:1 / 3;font-size:24px;line-height:1.1}.pp-badges li b{font-size:13px}.pp-badges li small{font-size:11px;color:var(--text-muted)}.pp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.pp-cols h3{margin:0 0 6px;font-size:14px}.pp-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.pp-list b{display:inline-block;min-width:34px;color:var(--accent)}.pp-list small{color:var(--text-muted)}.pg-grade-place b{color:var(--accent)}.pg-place-result{font-size:18px}.pg-place-result b{font-family:var(--font-display);font-size:28px;color:var(--accent)}.lesson-practice{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12px}.lesson-practice span{color:var(--text-muted)}.lesson-practice a{padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);text-decoration:none;border:1px solid var(--border, transparent)}.lesson-practice a:hover{border-color:var(--accent)}@media (max-width: 600px){.tp-modes{flex-wrap:wrap}.tp-modes button,.segmented.tp-seg button{flex:1 1 auto}.pg-grades{grid-template-columns:repeat(3,1fr)}.tp-row{flex-wrap:wrap}.tp-board{overflow-x:auto}.sr-board{flex-wrap:wrap}.sr-clock b,.sr-count b{font-size:34px}.pp-row-name{min-width:100%}}.pp-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sr-fixed{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}.pg-share{margin-top:10px}.pg-board{margin-top:12px}.pg-board-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.pg-board-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--surface-3)}.pg-board-list li.is-mine{outline:1px solid var(--accent)}.pg-board-list .pg-rank{font-family:var(--font-display);color:var(--accent)}.pg-board-list b{font-family:var(--font-display);font-size:18px}.pp-parent input{min-width:200px}.mx{border:1px solid var(--border, #2a2a2e);border-left:3px solid var(--accent, #E8971B);border-radius:12px;padding:12px 14px;display:grid;gap:10px;margin:12px 0 4px}.mx-head{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.mx-head h3{margin:0;font-size:14px;display:flex;align-items:center;gap:6px}.mx-minutes{margin-left:auto}.mx-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:mx}.mx-item{counter-increment:mx}.mx-open{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 34px;position:relative;background:var(--surface, #151517);border:1px solid var(--border, #2a2a2e);border-radius:10px;color:inherit;font:inherit;text-align:left;cursor:pointer}.mx-open:before{content:counter(mx);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--accent-soft, rgba(232,151,27,.14));color:var(--accent, #E8971B)}.mx-open:hover{border-color:var(--accent, #E8971B)}.mx-main{display:grid;gap:1px;min-width:0;flex:1}.mx-main b{font-size:13.5px}.mx-why{font-size:11.5px;color:var(--text-muted, #8a8a92)}.mx-item.is-weak .mx-why{color:#e0a35f}.mx-item.is-fresh .mx-why{color:#7bd39a}.mx-mins{font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-muted, #8a8a92)}.mx-foot{margin:0}.journey{display:grid;gap:12px;margin:18px 0 8px}.journey-head h2{margin:0 0 4px;font-size:1.1rem}.journey-head p{margin:0}.journey-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.journey-rung{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid var(--border, #2a2a2e);opacity:.72}.journey-rung.is-here{opacity:1;border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 8%,transparent)}.journey-rung.is-done{opacity:.9}.journey-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12.5px;background:var(--accent-soft, rgba(232,151,27,.14));color:var(--accent, #E8971B)}.journey-rung.is-done .journey-num{background:#63c08a2e;color:#63c08a}.journey-body{display:grid;gap:6px;min-width:0}.journey-body>b{font-size:14px}.journey-skills{display:grid;gap:4px}.journey-skill{display:grid;grid-template-columns:92px 1fr auto;gap:8px;align-items:baseline;font-size:12px;color:var(--text-muted, #8a8a92);text-decoration:none;padding:2px 4px;border-radius:6px}.journey-skill.is-open{color:var(--text, #e9e9ee)}.journey-skill:hover{background:color-mix(in srgb,var(--accent, #E8971B) 10%,transparent)}.journey-skill-name{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.journey-skill-list{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-skill-count{font-variant-numeric:tabular-nums;color:var(--accent, #E8971B);font-weight:700}@media (max-width: 640px){.journey-skill{grid-template-columns:1fr auto}.journey-skill-list{grid-column:1 / -1;white-space:normal}}.journey-name{display:flex;align-items:center;gap:6px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.journey-name b{font-size:14px}.journey-name svg{opacity:.5}.journey-can{margin:0;font-size:12.5px;line-height:1.45;color:var(--text-muted, #8a8a92)}.journey-rung.is-here .journey-can{color:var(--text, #e9e9ee)}.journey-more{display:grid;gap:10px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--border, #2a2a2e)}.journey-block{display:grid;gap:5px}.journey-block-name{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.journey-chips{display:flex;flex-wrap:wrap;gap:6px}.journey-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--border, #2a2a2e);border-radius:var(--radius-pill);background:transparent;color:var(--text, #e9e9ee);font:inherit;font-size:12px;cursor:pointer}.journey-chip svg{color:var(--accent, #E8971B)}.journey-chip b{font-weight:600}.journey-chip small{color:var(--text-muted, #8a8a92);font-size:11px}.journey-chip:hover{border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 10%,transparent)}.journey-chip.is-song svg{color:#63c08a}.journey-goal{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;font-size:12.5px;text-decoration:none;color:var(--text, #e9e9ee);background:color-mix(in srgb,var(--accent, #E8971B) 9%,transparent)}.journey-goal svg{color:var(--accent, #E8971B);flex:none}.journey-goal:hover{background:color-mix(in srgb,var(--accent, #E8971B) 16%,transparent)}.prog-sig{display:inline-flex;align-items:baseline;gap:6px;padding:3px 9px;border-radius:var(--radius-pill);border:1px solid var(--border, #2a2a2e);font-size:12px}.prog-sig b{font-weight:700}.prog-sig em{font-style:normal;color:var(--accent, #E8971B);font-weight:700}.scalelib-sig{display:inline-flex;align-items:baseline;gap:6px;margin-left:10px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.scalelib-sig b{color:var(--accent, #E8971B);font-size:13px}.scalelib-sig em{font-style:normal;text-transform:none;letter-spacing:0}.pg-ladder{margin:6px 0 0;display:flex;align-items:center;gap:6px;color:var(--accent, #E8971B)}.scalelib,.chordlib{display:grid;gap:14px}.scalelib-title{margin:4px 0 0;font-size:1.5rem;color:var(--accent, #E8971B)}.scalelib-notes{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px}.scalelib-notes span{display:grid;justify-items:center;gap:1px;min-width:2.2em}.scalelib-notes b{font-size:15px}.scalelib-notes em{font-style:normal;font-size:10.5px;color:var(--text-muted, #8a8a92);font-variant-numeric:tabular-nums}.scalelib-board{overflow-x:auto}.scalelib-family h3{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.scalelib-family ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.scalelib-family .chip{width:auto;height:auto;min-width:0;padding:6px 12px;border-radius:var(--radius-pill);white-space:nowrap;font-size:.82rem}.scalelib-family .chip.is-active{background:color-mix(in srgb,var(--accent, #E8971B) 16%,transparent);border-color:var(--accent, #E8971B);color:var(--accent, #E8971B)}.scalelib-actions,.chordlib-actions{padding-top:4px}.chordlib .chordbook{border:0;padding:0;background:transparent}.latency{display:grid;gap:8px;margin:18px 0 6px;padding:14px;border:1px solid var(--border, #2a2a2e);border-radius:14px}.latency-head{display:flex;align-items:baseline;gap:10px}.latency-head b{font-size:15px}.latency-now{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent, #E8971B)}.latency-slider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted, #8a8a92)}.latency-slider input{flex:1}.latency-slider b{font-variant-numeric:tabular-nums;color:var(--text, #e9e9ee)}.latency.is-compact{margin:8px 0;padding:10px 12px}.checkup{display:grid;gap:14px}.checkup-head h2{margin:0 0 4px;font-size:1.15rem}.checkup-chords{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.checkup-chords li{padding:8px 16px;border:1px solid var(--border, #2a2a2e);border-radius:10px;font-weight:700;font-size:15px}.checkup-chords li.is-now{border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 14%,transparent)}.checkup-running{margin:0;font-weight:700;color:var(--accent, #E8971B)}.checkup-report{display:grid;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border, #2a2a2e)}.checkup-figures{display:flex;flex-wrap:wrap;gap:10px}.checkup-figures span{display:grid;gap:2px;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--accent, #E8971B) 10%,transparent);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.checkup-figures b{font-size:24px;color:var(--text, #e9e9ee);font-variant-numeric:tabular-nums}.checkup-verdict{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.5}.checkup-report h3{margin:6px 0 0;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.checkup-plan{list-style:none;margin:0;padding:0;display:grid;gap:8px}.checkup-plan li{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:baseline;font-size:14px;line-height:1.5}.checkup-plan b{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent, #E8971B)}@media (max-width: 560px){.checkup-plan li{grid-template-columns:1fr;gap:2px}}.ear{display:grid;gap:12px}.ear-head h2{margin:0 0 4px;font-size:1.15rem}.ear-level{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.ear-cards{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.ear-card{display:grid;place-items:center;min-width:56px;height:56px;padding:0 12px;border:2px solid var(--border, #2a2a2e);border-radius:12px;font-weight:800;font-size:17px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.ear-cards.is-wide .ear-card{min-width:74px}.ear-card.is-now{border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 16%,transparent);transform:translateY(-4px)}.ear-card.is-turn{border-color:#4ea3ff}.ear-card.is-got{border-color:#63c08a;background:#63c08a29}.ear-one{margin:0;font-size:34px;font-weight:800;letter-spacing:.02em}.ear-verdict{margin:0;padding:10px 14px;border-radius:12px;font-weight:700;background:color-mix(in srgb,var(--accent, #E8971B) 12%,transparent)}.ear-verdict.is-win{background:#63c08a2e;color:#63c08a}.exam{display:grid;gap:14px}.exam-head h2{margin:0 0 4px;font-size:1.15rem}.exam-grades button{min-width:34px}.exam-paper{list-style:none;margin:0;padding:0;display:grid;gap:8px}.exam-task{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border, #2a2a2e);border-radius:12px}.exam-task.is-now{border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 8%,transparent)}.exam-task.is-done{border-color:#63c08a80}.exam-num{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent-soft, rgba(232,151,27,.14));color:var(--accent, #E8971B);font-weight:800;font-size:12.5px}.exam-task.is-done .exam-num{background:#63c08a2e;color:#63c08a}.exam-task b{display:block;font-size:14px}.exam-task span{font-size:12.5px;color:var(--text-muted, #8a8a92)}.exam-mark{font-variant-numeric:tabular-nums;font-weight:800}.exam-running{margin:0;font-weight:700;color:var(--accent, #E8971B)}.exam-run{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px dashed var(--border, #2a2a2e)}.exam-piece{display:grid;gap:10px}.exam-result{display:grid;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border, #2a2a2e)}.exam-result.is-pass{border-color:#63c08a80}.exam-verdict{margin:0;display:flex;align-items:baseline;gap:12px;font-size:15px;line-height:1.5}.exam-verdict b{font-size:30px;font-variant-numeric:tabular-nums;color:var(--accent, #E8971B)}.exam-name{display:grid;gap:5px;font-size:12px;color:var(--text-muted, #8a8a92)}.exam-name input{padding:10px 12px;border:1px solid var(--border, #2a2a2e);border-radius:10px;background:transparent;color:var(--text, #e9e9ee);font:inherit}.exam-cert{padding:24px 20px;border:5px double var(--accent, #E8971B);border-radius:8px;text-align:center;background:color-mix(in srgb,var(--accent, #E8971B) 6%,transparent)}.exam-cert-top{margin:0;font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--accent, #E8971B)}.exam-cert h3{margin:10px 0 6px;font-size:22px}.exam-cert-who{margin:0 0 14px;font-size:17px;font-style:italic}.exam-cert-pieces{margin:0 auto 16px;max-width:36em;font-size:12.5px;color:var(--text-muted, #8a8a92);line-height:1.6}.exam-cert-foot{display:flex;justify-content:space-between;margin:0;padding-top:12px;border-top:1px solid var(--border, #2a2a2e);font-size:11.5px;color:var(--text-muted, #8a8a92)}@media print{.rail,.tabbar,.page-head,.tp-modes,.exam-paper,.exam-run,.btn-row,.exam-name{display:none!important}.exam-cert{border-color:#000;background:#fff;color:#000}.exam-cert-top,.exam-cert h3{color:#000}}.songplan{display:grid;gap:10px;margin:18px 0}.songplan-start{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent, #E8971B) 12%,transparent);font-weight:700;font-size:14px}.songplan-start svg{color:var(--accent, #E8971B);flex:none}.songplan-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.songplan-list li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--border, #2a2a2e);border-radius:12px}.songplan-list li.is-ready{border-color:#63c08a73}.songplan-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft, rgba(232,151,27,.14));color:var(--accent, #E8971B);font-weight:800;font-size:12px}.songplan-main{min-width:0;display:grid;gap:3px}.songplan-title{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;display:grid;gap:1px}.songplan-title b{font-size:14.5px}.songplan-title span{font-size:12px;color:var(--text-muted, #8a8a92)}.songplan-says{margin:0;font-size:12.5px;color:var(--text-muted, #8a8a92);line-height:1.45}.songplan-drills{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}.songplan-drills a{display:inline-flex;align-items:baseline;gap:5px;padding:3px 9px;border:1px solid var(--border, #2a2a2e);border-radius:var(--radius-pill);font-size:12px;font-weight:700;text-decoration:none;color:var(--text, #e9e9ee)}.songplan-drills a.is-barre{border-color:color-mix(in srgb,var(--accent, #E8971B) 60%,transparent)}.songplan-drills em{font-style:normal;font-size:10.5px;color:var(--text-muted, #8a8a92)}.songplan-shapes{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:40%}.songplan-shapes i{font-style:normal;font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);background:#ffffff0f;color:var(--text-muted, #8a8a92)}.songplan-shapes i.is-new{background:color-mix(in srgb,var(--accent, #E8971B) 22%,transparent);color:var(--text, #e9e9ee);font-weight:700}@media (max-width: 620px){.songplan-shapes{display:none}}.session{display:grid;gap:12px}.session-head h2{margin:0 0 4px;font-size:1.15rem}.session-live{display:flex;flex-wrap:wrap;gap:10px}.session-live span{display:grid;gap:2px;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--accent, #E8971B) 10%,transparent);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.session-live b{font-size:22px;color:var(--text, #e9e9ee);font-variant-numeric:tabular-nums}.session-report{display:grid;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border, #2a2a2e)}.session-says{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.5}.session-chords{display:flex;flex-wrap:wrap;gap:6px;margin:0}.session-chords span{display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff0f;font-size:12px;color:var(--text-muted, #8a8a92)}.session-chords b{color:var(--text, #e9e9ee);font-size:13px}.session-moves{list-style:none;margin:0;padding:0;display:grid;gap:6px}.session-moves li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:8px 12px;border-radius:10px;background:#ffffff0a;font-size:13.5px}.session-moves span{font-variant-numeric:tabular-nums;color:var(--text-muted, #8a8a92)}.session-moves em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}.session-moves li.is-faster em{color:#63c08a}.session-moves li.is-slower em{color:#e0736b}.ear-pick{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid var(--border, #2a2a2e);background:#ffffff05}.ear-pick.is-compact{padding:0;border:0;background:none}.ear-pick-head h3{margin:0 0 2px;font-size:1rem}.ear-row{display:flex;flex-wrap:wrap;gap:6px}.ear-chip{padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;border:1px solid var(--border, #2a2a2e);background:transparent;color:var(--text-muted, #8a8a92);cursor:pointer;transition:background .15s,color .15s}.ear-chip:hover{color:var(--text, #e9e9ee)}.ear-chip.is-on{background:var(--accent, #E8971B);border-color:var(--accent, #E8971B);color:#1a1207}.ear-why{margin:0}.nosignal-badge{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 14px;border-radius:var(--radius-pill);font-size:12.5px;color:var(--text-muted, #8a8a92);background:#ffffff0d}.nosignal-badge.is-calm{border:1px solid var(--border, #2a2a2e)}.nosignal-install{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 14px;padding:12px 16px;border-radius:14px;border:1px solid var(--border, #2a2a2e);background:color-mix(in srgb,var(--accent, #E8971B) 7%,transparent)}.nosignal-install b{display:block;margin-bottom:2px}.nosignal-install p{margin:0;max-width:52ch}.nosignal-promise{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:13.5px;color:var(--text-muted, #8a8a92)}.nosignal-promise li{padding-left:18px;position:relative;line-height:1.5}.nosignal-promise li:before{content:"•";position:absolute;left:4px;color:var(--accent, #E8971B)}.clip{display:grid;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--border, #2a2a2e)}.clip-head b{display:block;margin-bottom:2px}.clip-head p{margin:0}.clip-canvas{width:100%;max-width:360px;height:auto;border-radius:12px;justify-self:center}.clip-canvas.is-hidden{display:none}.clip-video{width:100%;max-width:360px;border-radius:12px;justify-self:center;background:#000}.arp{display:grid;gap:14px}.arp-head h2{margin:0 0 3px;font-size:1.15rem}.arp-head p{margin:0;max-width:62ch}.arp-controls{display:flex;flex-wrap:wrap;gap:10px}.arp-controls label{display:grid;gap:4px;font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint)}.arp-controls select,.arp-controls input{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius);padding:8px 10px;color:var(--text);font:inherit;font-size:14px;min-width:88px}.arp-row{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.arp-slot{display:grid;justify-items:center;gap:1px;min-width:46px;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:background .12s,border-color .12s,transform .12s}.arp-slot b{font-size:19px;font-weight:700;line-height:1;font-family:var(--font-display)}.arp-slot small{font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.arp-slot.is-rest b{color:var(--text-faint)}.arp-slot.is-now{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.arp-slot.is-clean{border-color:var(--ok)}.arp-slot.is-wrong{border-color:var(--accent)}.arp-slot.is-missed{border-color:var(--danger);opacity:.6}.arp-neck{max-width:520px}.arp-fingers{margin:0}.arp-result{display:flex;align-items:center;gap:16px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.arp-score{font-size:34px;font-weight:800;letter-spacing:var(--track-tight);font-variant-numeric:tabular-nums;color:var(--accent);line-height:1}.arp-stars{letter-spacing:2px;color:var(--accent);font-size:14px}.arp-result p{margin:3px 0 0;line-height:1.5;max-width:58ch}.rh{display:grid;gap:16px}.rh-tabs{justify-self:start}.arp-after{font-size:11.5px;color:var(--text-faint);max-width:62ch}.strum-neck{max-width:520px;margin:0 0 12px}.weekstrip{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:12px 14px 11px}.weekstrip header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.weekstrip header b{font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint)}.weekstrip-count{font-size:13px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.weekstrip-bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin:9px 0 10px}.weekstrip-bar i{display:block;height:100%;background:var(--bone);transition:width .3s var(--ease)}.weekstrip-days{list-style:none;display:flex;gap:5px;margin:0;padding:0}.weekstrip-days li{flex:1;display:grid;justify-items:center;gap:5px}.weekstrip-name{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--text-faint)}.weekstrip-days i{width:100%;height:26px;border-radius:var(--radius-sm);background:var(--surface-3);font-style:normal}.weekstrip-days i.is-on{background:var(--bone)}.weekstrip-days i.is-today{box-shadow:0 0 0 2px var(--accent)}.weekstrip-days i.is-later{background:color-mix(in srgb,var(--surface-3) 55%,transparent)}.weekstrip-says{margin:9px 0 0;font-size:12.5px;color:var(--text-muted)}.scalelib-views{margin:10px 0 4px}.scalelib-pos-pick{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}.scalelib-pos-pick .chip{white-space:nowrap;flex:none}.scalelib-pos-tip{color:var(--text-muted);font-size:13px;margin:8px 0 0;max-width:62ch}.tm{display:flex;flex-direction:column;height:100%;min-height:560px;gap:0}.tm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--border)}.tm-song{padding-top:0}.tm-spacer{flex:1 1 auto}.tm-sep{width:1px;height:22px;background:var(--border);margin:0 4px}.tm-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.tm-label strong{color:var(--text)}.tm-group{display:flex;align-items:center;gap:3px;padding:0 8px 0 0;margin-right:4px;border-right:1px solid var(--border)}.tm-group:last-child{border-right:0}.tm-btn{height:28px;min-width:28px;padding:0 7px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;white-space:nowrap;transition:background .12s var(--ease),border-color .12s var(--ease)}.tm-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.tm-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.tm-btn:disabled{opacity:.38;cursor:not-allowed}.tm-btn.is-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.tm-btn svg{display:block}.tm-play{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);min-width:40px}.tm-play:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.tm-field{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-muted)}.tm-field input,.tm-field select,.tm-input,.tm-select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 7px;font:inherit;font-size:13px;height:28px;min-width:0}.tm-field input{min-width:150px}.tm-field-sm input{min-width:60px;width:72px}.tm-field input:focus,.tm-field select:focus,.tm-input:focus,.tm-select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.tm-input{width:130px}.tm-input-sm{width:76px}.tm-input-xs{width:58px}.tm-select{padding-right:4px}.tm-inline{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.tm-file{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tm-menu{position:relative}.tm-menu>summary{list-style:none;cursor:pointer;user-select:none}.tm-menu>summary::-webkit-details-marker{display:none}.tm-menu-list{position:absolute;right:0;top:calc(100% + 4px);min-width:220px;padding:4px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow);z-index:30}.tm-tracks-head .tm-menu-list{right:auto;left:0}.tm-menu-list button{display:flex;align-items:center;gap:6px;text-align:left;background:none;border:0;color:var(--text);padding:8px 10px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}.tm-menu-list button:hover{background:var(--surface-3)}.tm-main{flex:1 1 auto;min-height:320px;display:flex;gap:12px;padding-top:10px;min-width:0}.tm-tracks{flex:0 0 250px;width:250px;display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:10px;border-right:1px solid var(--border)}.tm-tracks-head{display:flex;align-items:center;justify-content:space-between}.tm-tracks-head h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.tm-track-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tm-track{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:var(--surface)}.tm-track.is-on{border-color:var(--accent);background:var(--accent-soft)}.tm-track-pick{flex:1 1 auto;min-width:0;background:none;border:0;padding:0;color:inherit;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer;font:inherit}.tm-track-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-track-meta{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-track-mix{display:flex;gap:3px}.tm-track-mix .tm-btn{height:24px;min-width:24px;padding:0 5px;font-size:11px}.tm-track-form{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px}.tm-track-form .tm-field input,.tm-track-form .tm-field select{width:100%;min-width:0}.tm-track-actions{display:flex;gap:4px;justify-content:flex-end}.tm-sheet-wrap{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}.tm-error{background:#ff8a7224;color:var(--danger);font-size:12px;padding:6px 10px;border-radius:6px;margin-bottom:6px;white-space:pre-wrap}.tm-sheet{position:relative;flex:1 1 auto;min-height:300px;overflow:auto;background:var(--sheet-bg);color:var(--sheet-ink);border:1px solid var(--border);border-radius:var(--radius);cursor:text}.tm-sheet-inner{padding:12px 8px 40px;min-height:100%}.tm-cursor{position:absolute;display:none;border:2px solid var(--accent);border-radius:4px;background:#ffb43d47;pointer-events:none;z-index:6;box-shadow:0 0 0 1px #00000026}.tm-bar-cursor{position:absolute;display:none;background:#ffb43d14;border-radius:4px;pointer-events:none;z-index:5}.tm-transport{border-bottom:0;border-top:1px solid var(--border);padding-top:8px}.tm-speed input[type=range]{width:90px;accent-color:var(--accent)}.tm-status{font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tm-status .is-bad{color:var(--danger);font-weight:600}.tm-help{position:fixed;right:24px;bottom:84px;width:min(620px,92vw);background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);padding:14px 16px 16px;z-index:40}.tm-help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tm-help-head h3{margin:0;font-size:14px}.tm-help-grid{display:grid;gap:7px;font-size:12.5px;color:var(--text-muted)}.tm-help-grid kbd{display:inline-block;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:4px;padding:0 5px;font-family:inherit;font-size:11px;color:var(--text);line-height:18px}@media (max-width: 900px){.tm-main{flex-direction:column}.tm-tracks{width:auto;flex:none;max-height:220px;border-right:0;padding-right:0;border-bottom:1px solid var(--border);padding-bottom:8px}.tm-status{margin-left:0;white-space:normal}}.tm-rec{border:1px solid var(--accent);border-radius:10px;background:var(--surface);padding:10px 12px;margin:6px 0;display:grid;gap:8px}.tm-rec-head{display:flex;align-items:center;justify-content:space-between}.tm-rec-head b{display:inline-flex;align-items:center;gap:6px;font-size:13px}.tm-rec-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tm-rec-note{margin:0;font-size:12px;color:var(--text-muted);line-height:1.5}.tm-rec-ok{margin:0;font-size:12.5px;color:var(--ok)}.tm-rec-bad{margin:0;font-size:12.5px;color:var(--danger)}.tm-rec-live{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tm-rec-count{font-family:var(--font-display);font-size:40px;line-height:1;color:var(--accent);min-width:40px;text-align:center}.tm-rec-beat{font-family:var(--font-display);font-size:28px;line-height:1;min-width:28px;text-align:center}.tm-rec-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);animation:pa-blink 1s infinite}.tm-student{flex:1 1 auto;min-height:0;overflow:auto;padding:8px 10px 30px}.tm-student-tools{border-bottom:0;padding-top:0}.tm-sheet-wrap.is-student .tm-sheet{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.tm-print-title{display:none}@media print{.rail,.tabbar,.page-head,.tm-row,.tm-tracks,.tm-student-tools,.tm-sheet,.tm-transport,.tm-error,.buddy{display:none!important}.shell,.shell-main,.page-body,.tm,.tm-sheet-wrap,.tm-student{display:block!important;overflow:visible!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important}.tm-print-title{display:block;font-size:18px;margin:0 0 10px;color:#000}.stab-svg{max-width:100%}.stab-string,.stab-barline{stroke:#555!important}.stab-dot{fill:#fff!important;stroke:#111!important}.stab-label,.stab-lh,.stab-ts,.stab-barno,.stab-slur,.stab-slide,.stab-stem,.stab-flag{fill:#111!important;stroke:#111!important}.stab-label,.stab-lh,.stab-ts,.stab-barno{stroke:none!important}.stab-chord,.stab-rh{fill:#000!important}.stab-diagram{color:#111!important}.stab-active{fill:none!important}}.tm-video{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:12px 14px;margin-bottom:14px;display:grid;gap:10px}.tm-video-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tm-video-head b{font-size:14px}.tm-video .hint{margin:0;max-width:78ch}.tm-video-frame{position:relative;width:100%;max-width:560px;aspect-ratio:16 / 9}.tm-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius);background:#000}.tm-listening{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.tm-listening i{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:tmPulse 1.4s var(--ease) infinite}@keyframes tmPulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.tm-listening i{animation:none}}.tm-paste .tm-textarea{width:100%;max-width:640px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.45;white-space:pre;overflow-wrap:normal;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);color:var(--text);tab-size:4}.tm-readstage{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:#000}.tm-readstage-frame{flex:1 1 auto;min-height:0}.tm-readstage-frame iframe{width:100%;height:100%;border:0;display:block}.tm-readstage-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#0b0b0c;color:#e9e6e1;font-size:13px;font-variant-numeric:tabular-nums}.tm-readstage-bar .btn{min-height:36px}.tm-lessonbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);font-size:14px}.tm-lessonbar>svg{color:var(--accent)}.tm-lessonbar-text{flex:1 1 240px;min-width:0}.tm-lessonbar-text em{margin-left:10px;font-style:normal;font-size:12px;color:var(--text-muted)}.psm{display:grid;gap:14px}.psm-score{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);padding:8px;min-height:180px;overflow-x:auto}.psm-empty{margin:8px 12px}.psm-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.psm-head label{display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.psm-head input,.psm-head select{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:8px 10px;color:var(--text);font:inherit;font-size:14px}@media (max-width: 700px){.psm-head{grid-template-columns:1fr 1fr}}.psm-bars{display:flex;flex-wrap:wrap;gap:6px}.psm-bar{min-width:38px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;font-weight:700;cursor:pointer}.psm-bar.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast, #1a1207)}.psm-bar.is-bad{border-color:var(--danger, #e0736b)}.psm-bar.is-add,.psm-bar.is-del{font-size:18px}.psm-bar:disabled{opacity:.4;cursor:default}.psm-hands{display:grid;gap:8px}.psm-hand{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.psm-hand.is-on{border-color:var(--accent)}.psm-hand-name{display:grid;gap:1px;text-align:left;border:0;background:none;color:var(--text);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.psm-hand-name small{color:var(--text-muted);font-weight:500;font-size:11.5px}.psm-beats{display:flex;flex-wrap:wrap;gap:5px}.psm-beat{display:grid;gap:1px;min-width:56px;padding:6px 8px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.psm-beat.is-rest .psm-beat-note{color:var(--text-faint, #6b6b73)}.psm-beat.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.psm-beat-note{font-weight:700;white-space:nowrap}.psm-beat-dur{color:var(--text-muted);font-size:13px}.psm-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.psm-durs{display:flex;gap:4px}.psm-dur{width:40px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:17px;cursor:pointer}.psm-dur.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast, #1a1207)}.psm-acts{margin-left:auto}.psm-keys{overflow-x:auto;padding-bottom:4px}.psm-problems{list-style:none;margin:0;padding:10px 12px;display:grid;gap:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-muted);font-size:13px}.psm-out{align-items:center;gap:10px}@media print{.psm-head,.psm-bars,.psm-hands,.psm-tools,.psm-keys,.psm-problems,.psm-out,.rail,.tabbar,.page-head-actions{display:none!important}.psm-score{border:0;background:#fff}}.ca{display:grid;gap:16px}.ca-card{--card-bg: #f7f0df;--card-ink: #25313b;--card-sub: #63707b;--card-acc: #c73f32;--card-rule: rgba(37, 49, 59, .18);background:var(--card-bg);color:var(--card-ink);border-radius:10px;padding:22px 24px 16px;display:grid;gap:14px;box-shadow:inset 0 1px #ffffff59,0 26px 55px -18px #000000b3}.ca-card[data-stock=dark]{--card-bg: #141419;--card-ink: #f1e8d2;--card-sub: #8f8672;--card-acc: #d9a441;--card-rule: rgba(241, 232, 210, .2)}.ca-card[data-stock=kraft]{--card-bg: #d6b586;--card-ink: #3a2717;--card-sub: #7a5a39;--card-acc: #96402a;--card-rule: rgba(58, 39, 23, .25)}.ca-card[data-stock=plush]{--card-bg: #b04a15;--card-ink: #ffe9c7;--card-sub: #f3bd8d;--card-acc: #ffe9c7;--card-rule: rgba(255, 233, 199, .28)}.ca-card-head{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid var(--card-rule);padding-bottom:10px}.ca-title{flex:1 1 220px;background:transparent;border:0;color:var(--card-ink);padding:0;font-family:var(--font-display, Georgia, serif);font-size:1.5rem}.ca-title::placeholder{color:var(--card-sub);opacity:.7}.ca-title:focus{outline:2px solid var(--card-acc);outline-offset:4px;border-radius:3px}.ca-facts{display:flex;gap:14px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--card-sub);font-variant-numeric:tabular-nums}.ca-sec{display:grid;gap:8px}.ca-sec+.ca-sec{border-top:1px dashed var(--card-rule);padding-top:12px}.ca-sec-label{background:none;border:0;padding:0;cursor:pointer;text-align:left;font-family:var(--font-display, Georgia, serif);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--card-sub)}.ca-sec.is-active .ca-sec-label{color:var(--card-acc)}.ca-chords{display:flex;flex-wrap:wrap;gap:12px}.ca-chord{position:relative;width:88px;display:grid;justify-items:center;gap:1px;padding:6px 4px 4px;border-radius:6px}.ca-chord.is-live{background:color-mix(in srgb,var(--card-acc) 14%,transparent)}.ca-chord-top{background:none;border:0;color:inherit;cursor:pointer;display:grid;justify-items:center}.ca-chord-top b{font-family:var(--font-display, Georgia, serif);font-size:1.15rem;color:var(--card-ink)}.ca-num{font-size:.68rem;letter-spacing:.08em;color:var(--card-acc);font-weight:700}.ca-dia{width:56px;height:80px;color:var(--card-ink)}.ca-dia .ca-mark,.ca-dia .ca-base{font-size:7px;fill:var(--card-sub);text-anchor:middle}.ca-beats{font-size:.64rem;color:var(--card-sub);font-variant-numeric:tabular-nums}.ca-x{position:absolute;top:0;right:0;background:none;border:0;color:var(--card-sub);cursor:pointer;font-size:.95rem;line-height:1;opacity:.55}.ca-x:hover{opacity:1;color:var(--card-acc)}.ca-transport{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--card-rule);padding-top:12px}.ca-transport .btn{border-color:var(--card-rule);color:var(--card-ink)}.ca-transport .btn.primary{background:var(--card-acc);border-color:var(--card-acc);color:var(--card-bg)}.ca-transport .btn.is-on{border-color:var(--card-acc);color:var(--card-acc)}.ca-stocks{display:flex;align-items:center;gap:6px;margin-left:auto}.ca-stock{display:grid;place-items:center;width:30px;height:30px;min-height:0;padding:0;background:none;border:0;border-radius:50%;cursor:pointer}.ca-stock-face{display:block;width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.ca-stock[aria-pressed=true] .ca-stock-face{outline:2px solid var(--card-acc);outline-offset:2px}@media (max-width: 820px){.ca-stock{width:44px;height:44px}}.ca-panel{display:grid;gap:12px}.ca-panel h3{margin:0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.ca-row{display:flex;flex-wrap:wrap;column-gap:8px;row-gap:10px;align-items:center}.ca-keys,.ca-degrees{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:8px}.ca-deg{min-width:52px;padding:7px 10px 6px;border-radius:8px;border:1px solid var(--line, #2a2a2e);background:transparent;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}.ca-deg b{font-family:var(--font-display, Georgia, serif);font-size:.95rem;font-weight:400}.ca-deg-name{font-size:.68rem;letter-spacing:.02em;color:var(--muted, #8a8a92)}.ca-deg:hover{border-color:var(--accent, #E8971B);color:var(--accent, #E8971B)}.ca-deg:hover .ca-deg-name{color:inherit}.ca-deg-group{display:grid;gap:6px}.ca-deg-group h4{margin:0;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92);font-weight:700}.ca-deg-group.is-secondary .ca-deg,.ca-deg-group.is-tritone .ca-deg{border-style:dashed}.ca-deg-hint{margin:0;font-size:.72rem}.ca-tempo{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted, #8a8a92)}.ca-tempo b{font-variant-numeric:tabular-nums;color:inherit}.ca-seq{display:flex;flex-wrap:wrap;gap:4px}.ca-step{width:40px;padding:6px 0;border-radius:8px;border:1px solid var(--line, #2a2a2e);background:transparent;color:inherit;cursor:pointer;display:grid;justify-items:center}.ca-step span{font-size:1rem;line-height:1}.ca-step em{font-style:normal;font-size:.62rem;color:var(--muted, #8a8a92)}.ca-step.is-D,.ca-step.is-U{border-color:var(--accent, #E8971B);color:var(--accent, #E8971B)}.ca-step.is-A{border-color:var(--accent, #E8971B);background:#e8971b33;color:var(--accent, #E8971B)}.ca-deck{display:grid;gap:6px}.ca-deck-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line, #2a2a2e);border-radius:10px}.ca-deck-item>button:first-child{flex:1;background:none;border:0;color:inherit;text-align:left;padding:8px 10px;cursor:pointer;display:grid}.ca-deck-item span{font-size:.75rem;color:var(--muted, #8a8a92)}.ca-deck-item .ca-x{position:static;padding:0 10px}.ca-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:40;background:var(--accent, #E8971B);color:#0a0a0b;padding:7px 16px;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;box-shadow:0 6px 20px #00000059;pointer-events:none}@media print{.ca-panel,.ca-transport,.ca-toast{display:none!important}.ca-card{box-shadow:none;break-inside:avoid}}.ca-card,.ca-card *{color:var(--card-ink)}.ca-card .hint,.ca-card small,.ca-card .ca-beats,.ca-card .ca-facts{color:var(--card-sub)}.ca-card .ca-num,.ca-card .ca-sec.is-active .ca-sec-label{color:var(--card-acc)}.ca-card input,.ca-card select,.ca-card textarea{background:color-mix(in srgb,var(--card-ink) 6%,transparent);color:var(--card-ink);border-color:var(--card-rule)}.ca-card input::placeholder{color:var(--card-sub);opacity:.75}.ca-card .btn{background:transparent}.ca-card .btn:hover{border-color:var(--card-acc);color:var(--card-acc)}.ca-card .btn.primary,.ca-card .btn.primary:hover{color:var(--card-bg)}.ca-panel,.ca-panel *{color:inherit}.ca-panel .hint{color:var(--muted, #8a8a92)}.ca-panel .chip{width:auto;height:auto;min-width:0;border:1px solid var(--line, #2a2a2e);background:transparent;color:inherit;padding:7px 13px;border-radius:var(--radius-pill);cursor:pointer;font-size:.82rem;line-height:1.25;white-space:nowrap}.ca-panel .chip:hover{border-color:var(--accent, #E8971B)}.ca-panel .chip.is-active{border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 15%,transparent);color:var(--accent, #E8971B)}.ca-keys .chip{padding:7px 0;min-width:38px;text-align:center}.ca-panel .segmented{display:inline-flex;flex-wrap:wrap;align-items:center}.ca-panel .segmented button{white-space:nowrap}.ca-sections{align-items:center}.ca-sec-chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line, #2a2a2e);border-radius:var(--radius-pill, 8px);padding:2px 2px 2px 4px}.ca-sec-chip.is-active{border-color:var(--accent, #E8971B)}.ca-sec-pick{display:inline-flex;align-items:baseline;gap:6px;background:transparent;border:0;color:inherit;font:inherit;padding:4px 8px;border-radius:var(--radius-pill, 8px);cursor:pointer}.ca-sec-pick i{font-style:normal;font-size:.68rem;opacity:.55;font-variant-numeric:tabular-nums}.ca-sec-chip.is-active .ca-sec-pick{color:var(--accent, #E8971B)}.ca-sec-tools,.ca-chord-tools{display:inline-flex;gap:1px}.ca-sec-tools button,.ca-chord-tools button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:inherit;font-size:.8rem;line-height:1;cursor:pointer;opacity:.6}.ca-sec-tools button:hover{opacity:1;background:#ffffff14}.ca-chord-tools button:hover{opacity:1;background:#00000012}.ca-sec-tools button:disabled,.ca-chord-tools button:disabled{opacity:.18;cursor:default;background:transparent}.ca-chord-tools{justify-content:center;margin-top:2px}.ca-chord-tools .ca-x,.ca-sec-tools .ca-x{position:static;opacity:.6}.ca-chord-tools button{color:var(--card-sub)}.ca-chord-tools button:hover{color:var(--card-acc)}.ca-rename{width:130px}.ca-chord-tools .ca-bass{width:auto;min-width:22px;padding:0 4px;font-size:.66rem;font-weight:700}.ca-chord-tools .ca-bass.is-on{opacity:1;color:var(--card-acc)}.ca-deg-group h4{margin:0}.ca-deg-fold{display:flex;align-items:center;gap:7px;width:100%;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:4px 0;text-align:left;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92);font-weight:700}.ca-deg-fold:hover{color:inherit}.ca-deg-fold i{font-style:normal;width:14px;height:14px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line, #2a2a2e);border-radius:3px;font-size:.7rem;line-height:1}.ca-deg-fold em{font-style:normal;margin-left:auto;opacity:.5;font-variant-numeric:tabular-nums;letter-spacing:0}.ca-deg-group.is-shut{gap:0}.ca-chord-tools .ca-caged{width:auto;min-width:22px;padding:0 4px;font-size:.66rem;font-weight:700;letter-spacing:.04em}.ca-chord-tools .ca-caged.is-on{opacity:1;color:var(--card-acc)}.ca-heard{font-variant-numeric:tabular-nums;font-size:13px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);opacity:.75}.ca-heard.is-steady{color:var(--bg);background:var(--accent);border-color:var(--accent);opacity:1}.cs{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.cs-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cs-search{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted)}.cs-search input{flex:1 1 auto;min-width:0;background:none;border:0;color:var(--text);font:inherit;font-size:14px;outline:none}.cs-count{font-size:12px;color:var(--text-faint)}.cs-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cs-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color .12s var(--ease),transform .12s var(--ease)}.cs-row:hover{border-color:var(--border-strong);transform:translateY(-1px)}.cs-row-star{color:var(--text-faint);font-size:14px}.cs-row-star.is-on{color:var(--accent)}.cs-row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.cs-row-main b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-row-main span{font-size:12px;color:var(--text-muted)}.cs-row-chords{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.cs-row-chords i{font-style:normal;font-weight:700;font-size:11.5px;padding:2px 6px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.cs-note{margin-top:8px}.cs-msg{font-size:12.5px;color:var(--ok)}.cs-songbook-menu{max-height:60vh;overflow:auto;min-width:280px}.cs-songbook-menu small{margin-left:auto;color:var(--text-faint);font-size:11px}.cs-view{gap:10px}.cs-head{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.cs-head-main{flex:1 1 260px;min-width:0}.cs-head-main h2{margin:0;font-size:24px;display:flex;align-items:center;gap:8px}.cs-head-main p{margin:2px 0 0;color:var(--text-muted);font-size:14px}.cs-fav{background:none;border:0;color:var(--text-faint);font-size:20px;cursor:pointer;line-height:1;padding:0 2px}.cs-fav.is-on{color:var(--accent)}.cs-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cs-chip{font-size:12px;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap}.cs-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cs-ctl{display:inline-flex;align-items:center;gap:4px}.cs-ctl-label{font-size:12px;color:var(--text-muted);margin-right:2px}.cs-ctl-value{min-width:28px;text-align:center;font-size:13px}.cs-ctl input[type=range]{width:90px;accent-color:var(--accent)}.cs-body{flex:1 1 auto;min-height:0;display:flex;gap:14px}.cs-sheet{flex:1 1 auto;min-width:0;min-height:360px;max-height:calc(100vh - 300px);overflow:auto;background:var(--sheet-bg);color:var(--sheet-ink);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px 60vh;scroll-behavior:auto}.cs-sheet-inner{font-family:var(--font);line-height:1.35}.cs-section{margin:0 0 18px}.cs-section-name{margin:0 0 6px;font-size:.8em;text-transform:uppercase;letter-spacing:.08em;color:#7a6a44;font-weight:700}.cs-section.is-chorus{padding-left:12px;border-left:3px solid rgba(200,138,42,.5)}.cs-line{margin:0 0 4px;white-space:pre-wrap;display:flex;flex-wrap:wrap;align-items:flex-end}.cs-part{display:inline-flex;flex-direction:column;align-items:flex-start;white-space:pre}.cs-chord{background:none;border:0;padding:0 2px 0 0;margin:0;font:inherit;font-weight:700;color:#b8741a;cursor:pointer;line-height:1.2;min-width:1.4em;text-align:left}.cs-chord:hover,.cs-chord.is-hot{color:#7a4a05;text-decoration:underline}.cs-lyric{white-space:pre}.cs-line.is-chords .cs-part{margin-right:.8em}.cs-comment{margin:4px 0 6px;font-style:italic;color:#6a6459;font-size:.9em}.cs-empty{color:#999}.cs-diagrams{flex:0 0 300px;width:300px;overflow:auto;max-height:calc(100vh - 300px)}.cs-diagrams h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.cs-chord-grid{display:flex;flex-wrap:wrap;gap:8px}.cs-diagram{border-radius:10px;position:relative}.cs-diagram.is-hot{outline:2px solid var(--accent);outline-offset:2px}.cs-diagram-note{position:absolute;left:6px;top:4px;font-size:10px;color:var(--text-faint)}.cs-noshape{width:96px;height:120px;border:1px dashed var(--border-strong);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted)}.cs-noshape b{font-size:16px;color:var(--text)}.cs-noshape span{font-size:10.5px;text-align:center;padding:0 6px}.cs-editor{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:14px}.cs-editor-pane{display:flex;flex-direction:column;gap:8px;min-width:0}.cs-editor-fields{display:flex;gap:8px;flex-wrap:wrap}.cs-editor-fields .tm-field{flex:1 1 160px}.cs-editor-fields .tm-field input{width:100%;min-width:0}.cs-textarea{flex:1 1 auto;min-height:320px;width:100%;resize:vertical;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.5}.cs-textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.cs-editor-preview{max-height:none}@media (max-width: 900px){.cs-body{flex-direction:column}.cs-diagrams{width:auto;flex:none;max-height:none}.cs-editor{grid-template-columns:1fr}.cs-sheet{max-height:none;padding-bottom:40px}}@media print{.rail,.page-head,.cs-controls,.cs-head>.btn,.cs-fav,.cs-note,.app-notice{display:none!important}.shell{display:block;height:auto;overflow:visible}.shell-main,.page-body{overflow:visible;padding:0;height:auto}.cs-sheet{max-height:none;overflow:visible;border:0;padding:0;background:#fff;color:#000}.cs-body{display:block}.cs-diagrams{width:auto;max-height:none;overflow:visible;margin-top:12px}.cs-chord{color:#000}}.chord-listen{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px 12px;display:grid;gap:8px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.chord-listen.is-good{border-color:var(--ok);box-shadow:0 0 0 2px #5fe3b340}.chord-listen-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.chord-listen-body{display:flex;align-items:center;gap:8px}.chord-listen-target{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0}.chord-listen-count{font-size:11px;color:var(--text-faint);white-space:nowrap}.chord-listen-name{font-size:30px;font-weight:700;line-height:1;font-family:var(--font-display)}.chord-listen-name.is-flash{color:var(--ok)}.chord-listen-notes{display:flex;gap:4px;flex-wrap:wrap}.chord-listen-pc{font-style:normal;font-weight:700;font-size:12px;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-muted);transition:background .15s var(--ease),color .15s var(--ease);display:inline-flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}.chord-listen-pc b{font-size:8.5px;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;opacity:.6}.chord-listen-pc.is-opt{border-style:dashed}.chord-listen-pc.is-on{background:var(--ok);border-color:var(--ok);color:#0a1f18}.chord-listen-note{margin:0;font-size:12.5px;color:var(--text-muted)}.chord-listen-note.is-bad{color:var(--danger)}.chord-listen-track{display:flex;gap:4px;flex-wrap:wrap}.chord-listen-step{border:1px solid var(--border);background:none;color:var(--text-muted);border-radius:6px;padding:2px 7px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.chord-listen-step.is-current{border-color:var(--accent);color:var(--accent)}.chord-listen-step.is-done{background:#5fe3b329;border-color:var(--ok);color:var(--ok)}.chord-listen.is-compact .chord-listen-name{font-size:24px}.cs-listen-wrap{margin-bottom:8px}@media print{.chord-listen{display:none!important}}.cs-sheet-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}.cs-sheet-col .cs-sheet{flex:1 1 auto}.song-listen{margin:6px 0 18px}.song-shape{border-radius:12px;transition:box-shadow .15s var(--ease),transform .15s var(--ease)}.song-shape.is-hot{box-shadow:0 0 0 3px var(--accent);transform:translateY(-2px)}.song-bars li.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.song-bars li.is-active .song-bar-n{color:var(--accent-contrast);opacity:.8}.cs-playbar{gap:6px}.cs-chord.is-playing{background:var(--accent);color:var(--accent-contrast)!important;border-radius:4px;padding:0 4px;text-decoration:none}.cs-now{display:flex;align-items:center;gap:16px;padding:10px 14px;margin-bottom:8px;border:1px solid var(--accent);border-radius:12px;background:var(--surface)}.cs-now .chord-card{transform:scale(1.15);transform-origin:left center;margin-right:18px}.cs-now-text{display:flex;flex-direction:column;gap:4px}.cs-now-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.cs-now-name{font-family:var(--font-display);font-size:40px;line-height:1}.cs-now-next{font-size:13px;color:var(--text-muted)}.cs-now-next b{font-size:18px;color:var(--text)}.cs-now-count{font-size:12px;color:var(--text-faint)}.cs-rights{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.cs-rights .icon{flex-shrink:0;margin-top:2px;color:var(--text-faint)}.cs-line.is-chords .cs-chord{margin-right:10px;margin-bottom:6px}.cahier-frame{display:flex;flex-direction:column;gap:6px;height:calc(100vh - 150px);min-height:520px}.cahier-frame iframe{flex:1 1 auto;width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:#120b07}.cahier-open{align-self:flex-end}.cs-chord.has-deg{line-height:1.05}.cs-deg{display:block;font-style:normal;font-weight:700;font-size:.68em;letter-spacing:.02em;opacity:.85;color:var(--text-muted)}.cs-deg.is-dominant,.cs-deg.is-secondary,.cs-deg.is-tritone,.cs-deg.is-backdoor,.cs-deg.is-borrowed,.cs-deg.is-colour{color:var(--accent)}.cs-deg.is-secondary,.cs-deg.is-tritone,.cs-deg.is-backdoor{text-decoration:underline dotted}.cs-chord.is-playing .cs-deg{color:var(--accent-contrast);opacity:.85}.cs-deg-card{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--surface-2);font-size:12px}.cs-legend{list-style:none;margin:10px 0 0;padding:10px 12px;display:grid;gap:6px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.cs-legend li{display:flex;gap:10px;align-items:baseline;font-size:13px;color:var(--text-muted)}.cs-legend b{flex:0 0 auto;min-width:64px;font-size:13px}.pa{display:flex;flex-direction:column;gap:12px}.pa-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pa-open{display:grid;gap:14px;max-width:760px}.pa-open-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px 16px;display:grid;gap:8px}.pa-open-card h3{margin:0;font-size:14px}.pa-open-card p{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.5}.pa-url{display:flex;gap:8px}.pa-url input{flex:1 1 auto;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px}.pa-url input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.pa-saved{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pa-saved-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.pa-saved-row:hover{border-color:var(--border-strong)}.pa-saved-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.pa-saved-main b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-saved-main span{font-size:12px;color:var(--text-muted)}.pa-saved-chords{display:flex;gap:4px;flex-wrap:wrap}.pa-saved-chords i{font-style:normal;font-weight:700;font-size:11px;padding:2px 6px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.pa-status{font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pa-status progress{flex:1 1 120px;max-width:220px;accent-color:#1fb28a;height:8px}.pa-status.is-bad{color:var(--danger)}.pa-live{display:inline-flex;align-items:center;gap:8px}.pa-live i{width:10px;height:10px;border-radius:50%;background:#e0443e;animation:pa-blink 1s infinite}@keyframes pa-blink{50%{opacity:.2}}.pa-detect{display:grid;gap:6px}.pa-detect p{margin:0;font-size:12px;color:var(--text-muted);line-height:1.5}.pa-detect-buttons{display:flex;gap:6px;flex-wrap:wrap}.pa-chord{border-radius:12px;transition:box-shadow .15s var(--ease)}.pa-chord.is-hot{box-shadow:0 0 0 3px #1fb28a}.pa-chord-none{width:96px;height:120px;border:1px dashed #cfd3da;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6b7280}.pa-chord-none b{font-size:16px;color:#16161d}.pa-chord-none span{font-size:10.5px}.cf{--cf-teal: #1fb28a;--cf-teal-dark: #17957a;--cf-ink: #1e2430;--cf-muted: #5b6472;--cf-line: #e3e6eb;--cf-soft: #f2f4f7;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0;background:#fff;color:var(--cf-ink);border-radius:14px;overflow:hidden;border:1px solid var(--border);font-family:Segoe UI,Inter,system-ui,sans-serif;margin:-6px -8px 0}.cf-main{min-width:0;padding:18px 22px 24px;display:flex;flex-direction:column;gap:16px}.cf-side{border-left:1px solid var(--cf-line);background:#f7f8fa;padding:0 0 20px;display:flex;flex-direction:column;gap:14px}.cf-head{display:flex;flex-direction:column;gap:10px}.cf-title{margin:0;font-size:30px;font-weight:700;line-height:1.2;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cf-title input{background:none;border:0;border-bottom:1px dashed transparent;color:var(--cf-ink);font:inherit;font-size:30px;font-weight:700;padding:0;min-width:80px;width:auto;max-width:48%}.cf-title input:hover,.cf-title input:focus{border-bottom-color:var(--cf-teal);outline:none}.cf-title-word{font-weight:700}.cf-title small{font-size:18px;font-weight:400;color:var(--cf-muted)}.cf-title .cf-artist{max-width:40%}.cf-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:18px;color:var(--cf-muted)}.cf-dot{color:#a0a6b0}.cf-sub-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.cf-pill{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 22px;border-radius:12px;border:0;background:var(--cf-soft);color:var(--cf-ink);font:inherit;font-size:17px;cursor:pointer}.cf-pill:hover{background:#e8ebf0}.cf-round{width:52px;height:52px;border-radius:50%;border:0;background:var(--cf-soft);color:var(--cf-ink);font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cf-round:hover:not(:disabled){background:#e8ebf0}.cf-round.is-on{background:var(--cf-teal);color:#fff}.cf-round:disabled{opacity:.4;cursor:not-allowed}.cf-menu-wrap{position:relative;display:inline-block}.cf-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:200px;background:#fff;border:1px solid var(--cf-line);border-radius:10px;box-shadow:0 12px 30px #141e2826;padding:6px;display:flex;flex-direction:column;gap:2px}.cf-sub-actions .cf-menu{left:auto;right:0}.cf-menu button{text-align:left;background:none;border:0;padding:9px 12px;border-radius:8px;font:inherit;font-size:14px;color:var(--cf-ink);cursor:pointer;display:flex;justify-content:space-between;gap:12px}.cf-menu button:hover,.cf-menu button.is-on{background:var(--cf-soft)}.cf-menu button small{color:var(--cf-muted)}.cf-menu-range{padding:12px 14px;min-width:160px}.cf-menu-range input{width:140px;accent-color:var(--cf-teal)}.cf-transport{display:flex;align-items:center;gap:18px}.cf-restart{width:70px;height:70px;border-radius:50%;border:0;background:var(--cf-soft);color:var(--cf-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.cf-play{width:74px;height:74px;border-radius:50%;border:0;background:var(--cf-teal);color:#fff;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #1fb28a59}.cf-play b{font-size:30px}.cf-play:hover:not(:disabled){background:var(--cf-teal-dark)}.cf-play:disabled{opacity:.4;cursor:not-allowed}.cf-progress-wrap{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}.cf-progress{display:flex;gap:5px;height:8px;cursor:pointer}.cf-progress-seg{position:relative;height:100%;background:#d9dde3;border-radius:2px;overflow:hidden}.cf-progress-seg i{position:absolute;left:0;top:0;bottom:0;background:var(--cf-teal)}.cf-progress-meta{display:flex;align-items:center;gap:10px;font-size:20px;color:var(--cf-ink)}.cf-time{font-variant-numeric:tabular-nums}.cf-time-end{margin-left:auto}.cf-section-btn{background:#fff;border:1px solid var(--cf-line);border-radius:6px;padding:4px 12px;font:inherit;font-size:16px;color:var(--cf-ink);cursor:pointer}.cf-section-btn:disabled{opacity:.5}.cf-tools{display:flex;border:1px solid var(--cf-line);border-radius:6px;overflow-x:auto;background:#fff}.cf-tool{flex:1 0 auto;min-width:92px;padding:12px 8px 10px;border:0;border-right:1px solid var(--cf-line);background:none;color:var(--cf-muted);font:inherit;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;white-space:nowrap}.cf-tool:last-child{border-right:0}.cf-tool:hover{background:var(--cf-soft)}.cf-tool.is-on{color:var(--cf-teal)}.cf-tool-icon{font-size:26px;line-height:1;color:var(--cf-ink);position:relative}.cf-tool.is-on .cf-tool-icon{color:var(--cf-teal)}.cf-tool-icon small{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700}.cf-dotmark{position:absolute;right:-6px;top:-4px;width:10px;height:10px;border-radius:50%;background:#3b82f6}.cf-beta{position:absolute;left:100%;top:-8px;margin-left:4px;font-style:normal;font-size:11px;text-transform:none;letter-spacing:0;background:#d9f3ea;color:var(--cf-teal-dark);padding:1px 6px;border-radius:4px}.cf-tool-wide{cursor:default}.cf-tool-row{display:flex;align-items:center;gap:12px;font-size:20px;color:var(--cf-ink)}.cf-tool-row b{font-size:20px;font-weight:500;min-width:3ch;text-align:center}.cf-tool-row b sup{font-size:12px}.cf-tool-row button{background:none;border:0;color:var(--cf-ink);font-size:18px;cursor:pointer;padding:0 2px}.cf-tool-row button:disabled{opacity:.3}.cf-timeline-wrap{display:flex;align-items:stretch;border:1px solid var(--cf-line);border-radius:4px;overflow:hidden}.cf-now{flex:0 0 108px;background:#2b2b33;color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:500;padding:0 8px}.cf-now sup{font-size:16px;margin-left:1px}.cf-timeline{flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;background:#fff}.cf-timeline::-webkit-scrollbar{height:10px}.cf-timeline::-webkit-scrollbar-thumb{background:var(--cf-teal);border-radius:6px}.cf-timeline::-webkit-scrollbar-track{background:#eef0f3}.cf-bars{display:flex;width:max-content}.cf-bar{display:flex;border-right:5px solid #555b66}.cf-bar:last-child{border-right:0}.cf-beat{width:112px;height:108px;border:0;border-right:1px solid #d4d8de;background:#f1f2f4;color:var(--cf-ink);cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px 10px;font-size:22px;font-weight:500;position:relative}.cf-beat sup{font-size:12px}.cf-beat.is-past{background:#e6e8ec}.cf-beat.is-now{background:#d9f3ea;box-shadow:inset 0 -5px 0 var(--cf-teal)}.cf-beat.is-loop{box-shadow:inset 0 5px #3b82f6}.cf-beat:hover{background:#e2e5ea}.cf-tabs{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cf-tabs-group{display:flex;border:1px solid var(--cf-line);border-radius:8px;overflow:hidden}.cf-tab{background:#fff;border:0;border-right:1px solid var(--cf-line);padding:14px 22px;font:inherit;font-size:17px;color:var(--cf-ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.cf-tab:last-child{border-right:0}.cf-tab.is-on{background:var(--cf-soft);font-weight:600}.cf-tab:hover{background:var(--cf-soft)}.cf-new{font-style:normal;font-size:12px;background:#3b82f6;color:#fff;padding:2px 8px;border-radius:var(--radius-pill)}.cf-font .cf-tab{padding:14px 20px}.cf-diagrams{display:flex;gap:6px;flex-wrap:wrap}.cf-diagrams .chord-card{background:#fff;border-color:var(--cf-line);color:var(--cf-ink)}.cf-lyrics{display:grid;gap:12px}.cf-lyrics-text{width:100%;min-height:140px;border:1px solid var(--cf-line);border-radius:8px;padding:12px;font:inherit;font-size:1em;line-height:1.6;color:var(--cf-ink);resize:vertical}.cf-chordlines{display:grid;gap:8px}.cf-chordline{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:baseline}.cf-chordline b{color:var(--cf-muted);font-size:.85em;text-transform:uppercase;letter-spacing:.05em}.cf-chordline span{display:flex;flex-wrap:wrap;gap:6px}.cf-chordline i{font-style:normal;display:inline-flex;gap:4px;padding:4px 8px;border-radius:6px;background:var(--cf-soft);border-left:3px solid #cfd3da}.cf-chordline i.is-now{background:#d9f3ea;border-left-color:var(--cf-teal)}.cf-chip{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);background:#eef0f3;color:var(--cf-ink);font-weight:500;font-size:.95em}.cf-chip sup{font-size:.7em}.cf-overview{display:flex;flex-wrap:wrap;gap:6px}.cf-ov-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--cf-line);border-radius:6px;cursor:pointer;min-width:150px}.cf-ov-bar small{color:var(--cf-muted);font-size:.7em;min-width:2ch}.cf-ov-bar span{min-width:2.2em;text-align:center;color:#a0a6b0}.cf-ov-bar span.is-change{color:var(--cf-ink);font-weight:600}.cf-ov-bar.is-now{background:#d9f3ea;border-color:var(--cf-teal)}.cf-grid-fix{flex-basis:100%;display:flex;gap:16px;align-items:center;font-size:13px;color:var(--cf-muted);margin-top:6px}.cf-grid-fix .tm-input{background:#fff;color:var(--cf-ink);border-color:var(--cf-line)}.cf-detect{background:#fff;border-color:var(--cf-line)}.cf-detect h3,.cf-detect p{color:var(--cf-ink)}.cf-detect p{color:var(--cf-muted)}.cf-player{background:#000;aspect-ratio:16 / 9}.cf-player>div,.cf-player iframe{width:100%;height:100%}.cf-player-file{background:#fff;aspect-ratio:auto;padding:16px;display:grid;gap:6px;border-bottom:1px solid var(--cf-line);font-size:14px}.cf-player-file span{color:var(--cf-muted);font-size:12.5px}.cf-details{background:#fff;margin:0 14px;border:1px solid var(--cf-line);border-radius:10px;padding:18px 22px;display:grid;gap:14px}.cf-details h3{margin:0;font-size:22px;font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--cf-line)}.cf-details dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:16px 10px;font-size:16px;align-items:center}.cf-details dt{color:var(--cf-muted);text-transform:uppercase;font-size:13px;letter-spacing:.04em}.cf-details dd{margin:0}.cf-chips{display:flex;flex-wrap:wrap;gap:6px}.cf-stars{display:flex;align-items:center;gap:2px}.cf-stars button{background:none;border:0;font-size:20px;color:#cfd3da;cursor:pointer;padding:0 1px}.cf-stars button.is-on{color:#7c5cff}.cf-stars span{margin-left:6px;font-size:16px}.cf-more{align-self:center;background:none;border:0;font:inherit;font-size:17px;color:var(--cf-ink);cursor:pointer;padding:6px 12px}.cf-details .hint{color:var(--cf-muted);margin:0}.cf-side .chord-listen{margin:0 14px}@media (max-width: 1100px){.cf{grid-template-columns:1fr;margin:0}.cf-side{border-left:0;border-top:1px solid var(--cf-line)}.cf-title,.cf-title input{font-size:22px}.cf-sub{font-size:14px}.cf-sub-actions{margin-left:0}.cf-restart,.cf-play{width:56px;height:56px}}.cf-link{color:var(--cf-teal-dark);text-decoration:underline;word-break:break-all}.cf-yt-attach{display:flex;flex-direction:column;gap:6px}.cf-yt-attach input{border:1px solid var(--cf-line);border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;color:var(--cf-ink);width:100%}.cf-pill-sm{height:34px;padding:0 12px;font-size:13px;border-radius:8px}.cf-progress-seg.is-chorus{background:#cfe8f6}.cf{--cf-teal: var(--accent);--cf-teal-dark: var(--accent);--cf-ink: var(--text);--cf-muted: var(--text-muted);--cf-line: var(--border);--cf-soft: var(--surface-3);background:var(--bg);color:var(--text);border:0;margin:0;font-family:inherit}.cf-side{background:transparent;border-left-color:var(--border)}.cf-title input,.cf-title .cf-artist{color:var(--text)}.cf-pill,.cf-round,.cf-restart{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cf-pill:hover,.cf-round:hover:not(:disabled){background:var(--surface-3)}.cf-round.is-on{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.cf-play{background:var(--accent);color:var(--accent-contrast);box-shadow:0 6px 16px #ffb43d40}.cf-play:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.cf-menu,.cf-details,.cf-tools,.cf-section-btn,.cf-detect,.cf-player-file,.cf-lyrics-text,.cf-yt-attach input,.cf-tab,.cf-tabs-group,.cf-ov-bar{background:var(--surface);color:var(--text);border-color:var(--border)}.cf-menu{box-shadow:var(--shadow)}.cf-menu button{color:var(--text)}.cf-menu button:hover,.cf-menu button.is-on,.cf-tool:hover,.cf-tab:hover,.cf-tab.is-on{background:var(--surface-3)}.cf-tool{color:var(--text-muted);border-right-color:var(--border)}.cf-tool-icon,.cf-tool-row,.cf-tool-row b,.cf-tool-row button{color:var(--text)}.cf-tool.is-on,.cf-tool.is-on .cf-tool-icon{color:var(--accent)}.cf-beta{background:var(--accent-soft);color:var(--accent)}.cf-progress-seg{background:var(--surface-3)}.cf-progress-seg i{background:var(--accent)}.cf-progress-meta,.cf-sub{color:var(--text-muted)}.cf-progress-meta{color:var(--text)}.cf-timeline-wrap{border-color:var(--border)}.cf-timeline{background:var(--surface)}.cf-timeline::-webkit-scrollbar-thumb{background:var(--accent)}.cf-timeline::-webkit-scrollbar-track{background:var(--surface-3)}.cf-now{background:var(--accent);color:var(--accent-contrast)}.cf-bar{border-right-color:var(--border-strong)}.cf-beat{background:var(--surface);color:var(--text);border-right-color:var(--border)}.cf-beat.is-past{background:var(--bg);opacity:.75}.cf-beat:hover{background:var(--surface-3)}.cf-beat.is-now{background:var(--accent-soft);box-shadow:inset 0 -5px 0 var(--accent);opacity:1}.cf-beat.is-loop{box-shadow:inset 0 5px 0 var(--sky)}.cf-chip{background:var(--accent-soft);color:var(--accent)}.cf-chordline i{background:var(--surface-3);border-left-color:var(--border-strong)}.cf-chordline i.is-now{background:var(--accent-soft);border-left-color:var(--accent)}.cf-ov-bar span{color:var(--text-faint)}.cf-ov-bar span.is-change{color:var(--text)}.cf-ov-bar.is-now{background:var(--accent-soft);border-color:var(--accent)}.cf-grid-fix .tm-input{background:var(--surface);color:var(--text);border-color:var(--border)}.cf-diagrams .chord-card{background:var(--surface);border-color:var(--border);color:var(--text)}.cf-stars button{color:var(--text-faint)}.cf-stars button.is-on{color:var(--accent)}.cf-more,.cf-details h3,.cf-details dd{color:var(--text)}.cf-details h3{border-bottom-color:var(--border)}.cf-link{color:var(--accent)}.pa-status progress{accent-color:var(--accent)}.pa-chord.is-hot{box-shadow:0 0 0 3px var(--accent)}.pa-chord-none{border-color:var(--border-strong);color:var(--text-muted)}.pa-chord-none b{color:var(--text)}.cf-new{background:var(--sky);color:#06202e}.cf-side .chord-listen,.cf-main .chord-listen{background:var(--surface)}.pa-url{align-items:center}.pa-url>svg{color:var(--text-muted);flex:none}.pa-results{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px;max-height:420px;overflow:auto}.pa-result{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:6px 10px 6px 6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.pa-result:hover{border-color:var(--accent)}.pa-result img,.pa-result-thumb{width:96px;height:54px;object-fit:cover;border-radius:6px;background:var(--surface-3);flex:none}.pa-result-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.pa-result-main b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-result-main span{font-size:12px;color:var(--text-muted)}.pa-findlink{margin:0;font-size:12.5px;color:var(--text-muted)}.pa-view{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.pa-left{display:flex;flex-direction:column;gap:10px;min-width:0}.pa-right{display:flex;flex-direction:column;gap:12px;min-width:0}.pa-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pa-head h2{margin:0;font-size:22px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.pa-head h2 input{background:none;border:0;border-bottom:1px dashed var(--border-strong);color:var(--text);font:inherit;font-size:22px;font-weight:700;padding:0 2px;min-width:120px;width:40%}.pa-head h2 input.pa-artist{font-size:15px;font-weight:500;color:var(--text-muted);width:30%}.pa-head h2 input:focus{outline:none;border-bottom-color:var(--accent)}.pa-head .pa-chip{font-size:12px;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted)}.pa-head .pa-chip.is-section{border-color:var(--accent);color:var(--accent)}.pa-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.pa-play{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pa-play:disabled{opacity:.4;cursor:not-allowed}.pa-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-muted);min-width:90px}.pa-seek{flex:1 1 160px;accent-color:var(--accent)}.pa-ctl{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.pa-ctl b{color:var(--text);min-width:26px;text-align:center}.pa-ctl input[type=number]{width:62px}.pa-sep{width:1px;height:24px;background:var(--border)}.pa-now{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.pa-now-chord{font-family:var(--font-display);font-size:44px;line-height:1;font-weight:700;min-width:90px}.pa-now-chord.is-none{color:var(--text-faint)}.pa-now-next{font-size:13px;color:var(--text-muted)}.pa-now-next b{color:var(--text);font-size:18px}.pa-now .pa-live{margin-left:auto}.pa-timeline{overflow-x:auto;overflow-y:hidden;padding:10px 6px 12px;border:1px solid var(--border);border-radius:12px;background:var(--sheet-bg);color:var(--sheet-ink);scroll-behavior:smooth}.pa-bars{display:flex;gap:6px;width:max-content}.pa-bar{display:flex;gap:2px;padding:0 2px;border-left:2px solid rgba(28,18,6,.35);position:relative}.pa-bar-n{position:absolute;top:-9px;left:4px;font-size:9px;color:#9a9080}.pa-beat{width:44px;height:58px;border-radius:6px;background:#ececf1;border:1px solid #dcdce4;margin-top:4px;display:flex;align-items:flex-end;justify-content:flex-start;padding:4px;font-weight:700;font-size:13px;color:#16161d;cursor:pointer;position:relative;transition:transform .1s var(--ease)}.pa-beat.is-change{background:#f7e7c4;border-color:#e6c36e}.pa-beat.is-none{background:#f4f4f6;color:#aaa}.pa-beat.is-now{outline:3px solid var(--accent);outline-offset:-1px;transform:translateY(-2px);z-index:1}.pa-beat.is-loop{box-shadow:inset 0 -4px 0 var(--sky)}.pa-beat:hover{transform:translateY(-2px)}.pa-beat span{white-space:nowrap}.pa-chords{display:flex;flex-wrap:wrap;gap:8px}.pa-player{border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16 / 9}.pa-player>div,.pa-player iframe{width:100%;height:100%}.pa-file{border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:12px 14px;font-size:13px;display:grid;gap:4px}.pa-file span{color:var(--text-muted);font-size:12px}.pa-details{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px 14px;display:grid;gap:8px}.pa-details h3{margin:0;font-size:14px}.pa-details dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12.5px}.pa-details dt{color:var(--text-muted);text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;align-self:center}.pa-details dd{margin:0;min-width:0}.pa-details .pa-chips{display:flex;gap:4px;flex-wrap:wrap}.pa-chips i{font-style:normal;font-weight:700;font-size:11.5px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.pa-yt{display:grid;gap:6px}.pa-yt input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 8px;font:inherit;font-size:12.5px;width:100%}@media (max-width: 1000px){.pa-view{grid-template-columns:1fr}.pa-right{order:-1}}.pa-timeline.is-following{scroll-behavior:auto}.pa-edit{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--accent);border-radius:12px;background:var(--surface);margin-bottom:8px}.pa-edit b{font-size:13px}.pa-edit-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pa-edit-input{width:90px;font-weight:700}.pa-edit-chips{display:flex;flex-wrap:wrap;gap:4px}.pa-edit-hint{margin:0 0 6px}.pa-timeline.is-editing .pa-beat{cursor:text}.pa-timeline.is-editing .pa-beat:hover{outline:2px dashed var(--accent);outline-offset:-1px}.pac{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;background:var(--surface);padding:12px 14px;display:grid;gap:10px;margin-top:14px}.pac-head{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap}.pac-head h3{margin:0;font-size:14px;display:flex;align-items:center;gap:6px}.pac-level{font-size:13px}.pac-level.is-easy{color:#63c08a}.pac-level.is-steady{color:var(--accent)}.pac-level.is-tough{color:#e0a35f}.pac-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:pac}.pac-step{position:relative;padding-left:26px;display:grid;gap:6px;justify-items:start;font-size:13px;line-height:1.5;counter-increment:pac}.pac-step:before{content:counter(pac);position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--accent-soft);color:var(--accent)}.pac-step p{margin:0}.pac-swap{display:flex;flex-wrap:wrap;gap:4px 14px}.pac-swap span{display:inline-flex;align-items:center;gap:4px;font-size:12.5px}.pac-swap b{color:var(--text)}.pac-swap em{font-style:normal;font-weight:700;color:var(--accent)}.pa-course{display:grid;gap:8px;margin-top:14px}.pa-course .row-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.pa-course .row-head h3{margin:0}.pa-course-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:course}.pa-course-list li{counter-increment:course}.pa-course-row{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 36px;position:relative;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer}.pa-course-row:before{content:counter(course);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--accent-soft);color:var(--accent)}.pa-course-row:hover{border-color:var(--accent)}.pa-course-main{display:grid;gap:1px;min-width:0;flex:1}.pa-course-main b{font-size:13.5px}.pa-course-main span{font-size:11.5px;color:var(--text-muted)}.neck{width:100%;max-width:820px;margin:0 auto;padding:4px 0 40px;display:grid;gap:14px;min-width:0}.neck-head h1{font-family:var(--font-display, inherit);font-size:clamp(26px,5vw,36px);line-height:1.05;margin:8px 0 4px}.neck-chip{display:inline-block;font-family:var(--font-display, inherit);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber,#ffb43d);background:#ffb43d21;padding:4px 10px;border-radius:99px}.neck-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.neck-step{border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;background:var(--surface,transparent);padding:9px 2px;text-align:center;cursor:pointer;color:inherit;font:inherit;position:relative;min-width:0}.neck-step b{display:block;font-family:var(--font-display, inherit);font-weight:600;font-size:18px;line-height:1}.neck-step small{display:block;font-size:10px;opacity:.65;margin-top:4px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.neck-step.is-done{border-color:#5fd68a73}.neck-step.is-done b{color:var(--green,#5fd68a)}.neck-step.is-done:after{content:"✓";position:absolute;top:3px;right:5px;font-size:10px;color:var(--green,#5fd68a)}.neck-step.is-now{border-color:var(--amber,#ffb43d);background:linear-gradient(180deg,#ffb43d29,#ffb43d0a)}.neck-step.is-now b{color:var(--amber,#ffb43d)}.neck-step.is-locked{opacity:.45;cursor:not-allowed}.neck-step:focus-visible{outline:2px solid var(--amber,#ffb43d);outline-offset:2px}.neck-card,.neck-drill{border:1px solid var(--line,rgba(127,127,127,.25));border-radius:16px;background:var(--surface,transparent);padding:16px 18px;min-width:0}.neck-card h2,.neck-drill h2{font-family:var(--font-display, inherit);font-size:21px;margin:0;line-height:1.1}.neck-range{font-weight:400;opacity:.7}.neck-board{margin-top:10px;max-width:560px}.neck-board .fretboard{min-width:0}.neck-board .fretboard-wrap{overflow-x:auto}.neck-tab{margin:12px 0 0;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;line-height:1.4;padding:10px 12px;border-radius:10px;border:1px solid var(--line,rgba(127,127,127,.25));background:#00000040;overflow-x:auto;white-space:pre}.neck-tab-h{opacity:.55}.neck-tab-n{opacity:.7}.neck-today h3{font-family:var(--font-display, inherit);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber,#ffb43d);margin:4px 0 6px}.neck-ex{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 4px;border:0;border-top:1px solid var(--line,rgba(127,127,127,.25));background:none;color:inherit;font:inherit;cursor:pointer}.neck-ex:last-of-type{border-bottom:1px solid var(--line,rgba(127,127,127,.25))}.neck-ex-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display, inherit);font-weight:600;font-size:15px;border:1px solid var(--line,rgba(127,127,127,.35))}.neck-ex.is-done .neck-ex-n{background:#5fd68a29;border-color:#5fd68a80;color:var(--green,#5fd68a)}.neck-ex-t b{display:block;font-weight:600;font-size:15px}.neck-ex-t span{display:block;font-size:13px;opacity:.7}.neck-ex-m{font-family:ui-monospace,Consolas,monospace;font-size:12px;opacity:.6;white-space:nowrap}.neck-ex:hover .neck-ex-n,.neck-ex:focus-visible .neck-ex-n{border-color:var(--amber,#ffb43d)}.neck-unlock{text-align:center;margin-top:10px}.neck-drill-head{display:flex;align-items:center;gap:12px}.neck-drill-head h2{flex:1;min-width:0}.neck-count{font-family:ui-monospace,Consolas,monospace;font-size:13px;opacity:.7}.neck-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.neck-choices .btn{height:52px;font-size:18px;font-family:var(--font-display, inherit)}.neck-choices .btn.is-right{background:var(--green,#5fd68a);color:#07140c;border-color:transparent}.neck-choices .btn.is-wrong{background:#ff786e40;border-color:#ff8f7a}.neck-where{margin:10px 0 0;font-size:13px;opacity:.65;text-align:center}.neck-target{margin:10px 0 0;font-size:15px}.neck-target b{color:var(--amber,#ffb43d);font-size:20px}.neck-target-big{font-size:20px;line-height:1.3;margin:10px 0 0}.neck-actions{margin-top:10px}.neck-mic{display:flex;align-items:center;gap:8px;margin-top:10px}.neck-mic i{width:9px;height:9px;border-radius:50%;background:var(--green,#5fd68a);animation:neck-pulse 1.4s ease-in-out infinite}.neck-mic.is-off{color:#ff8f7a}.neck-drill.is-flash{box-shadow:0 0 0 3px #5fd68a99}@keyframes neck-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.neck-mic i{animation:none}}@media (max-width:520px){.neck-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.neck-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz{width:100%;max-width:720px;margin:0 auto;padding:4px 0 40px;display:grid;gap:14px;min-width:0}.quiz-head h1{font-family:var(--font-display, inherit);font-size:clamp(26px,5vw,36px);line-height:1.05;margin:8px 0 4px}.quiz-chip{display:inline-block;font-family:var(--font-display, inherit);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber,#ffb43d);background:#ffb43d21;padding:4px 10px;border-radius:99px}.quiz-terms{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.quiz-term{border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;background:var(--surface,transparent);padding:9px 2px;text-align:center;cursor:pointer;color:inherit;font:inherit;min-width:0}.quiz-term b{display:block;font-family:var(--font-display, inherit);font-weight:600;font-size:18px;line-height:1}.quiz-term small{display:block;font-size:10.5px;opacity:.6;margin-top:4px;font-family:ui-monospace,Consolas,monospace}.quiz-term.is-now{border-color:var(--amber,#ffb43d);background:linear-gradient(180deg,#ffb43d29,#ffb43d0a)}.quiz-term.is-now b{color:var(--amber,#ffb43d)}.quiz-term.is-passed{border-color:#5fd68a73}.quiz-term.is-passed small{color:var(--green,#5fd68a);opacity:1}.quiz-term:focus-visible{outline:2px solid var(--amber,#ffb43d);outline-offset:2px}.quiz-card{border:1px solid var(--line,rgba(127,127,127,.25));border-radius:16px;background:var(--surface,transparent);padding:16px 18px;min-width:0}.quiz-card h2{font-family:var(--font-display, inherit);font-size:21px;margin:0;line-height:1.15}.quiz-go{margin-top:12px;width:100%;height:52px;font-size:16px}.quiz-note{margin-top:10px}.quiz-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.quiz-count{font-family:ui-monospace,Consolas,monospace;font-size:13px;opacity:.7;white-space:nowrap}.quiz-progress{flex:1;height:4px;border-radius:99px;background:#7f7f7f40;overflow:hidden}.quiz-progress i{display:block;height:100%;background:var(--amber,#ffb43d);transition:width .25s ease}@media (prefers-reduced-motion:reduce){.quiz-progress i{transition:none}}.quiz-q{font-size:clamp(19px,3vw,24px);line-height:1.25}.quiz-choices{margin-top:14px;display:grid;gap:8px}.quiz-choice{text-align:left;padding:14px 16px;border-radius:12px;border:1px solid var(--line-2,rgba(127,127,127,.35));background:var(--surface-2,transparent);color:inherit;font:inherit;font-size:15.5px;cursor:pointer}.quiz-choice:hover:not(:disabled){border-color:var(--amber,#ffb43d)}.quiz-choice:focus-visible{outline:2px solid var(--amber,#ffb43d);outline-offset:2px}.quiz-choice:disabled{cursor:default}.quiz-choice.is-right{border-color:var(--green,#5fd68a);background:#5fd68a29;color:var(--green,#5fd68a);font-weight:600}.quiz-choice.is-wrong{border-color:#ff8f7a;background:#ff786e24}.quiz-choice.is-dim{opacity:.45}.quiz-why{margin-top:14px;padding:13px 15px;border-radius:12px;border:1px solid #ff8f7a;background:#ff786e14}.quiz-why.is-right{border-color:#5fd68a80;background:#5fd68a14}.quiz-why b{font-family:var(--font-display, inherit);font-size:15px}.quiz-why p{margin:6px 0 0;font-size:14.5px;opacity:.85}.quiz-why .btn{margin-top:12px;width:100%;height:48px}.quiz-result{text-align:center}.quiz-score{font-family:var(--font-display, inherit);font-size:20px;margin:14px 0 0;opacity:.7}.quiz-score b{font-size:56px;line-height:1;color:var(--amber,#ffb43d);display:block}.quiz-verdict{margin-top:10px;font-size:16px}.quiz-actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-actions .btn{height:48px}@media (max-width:520px){.quiz-terms{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-actions{grid-template-columns:1fr}}.tour{position:fixed;inset:0;z-index:9000}.tour-hole{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px #080a0e9e;outline:2px solid var(--accent, #e8971b);outline-offset:2px;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease;pointer-events:none}.tour-dim{position:absolute;inset:0;background:#080a0e9e}.tour-card{position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);padding:16px 16px 14px;border-radius:14px;background:var(--surface, #16181d);border:1px solid var(--line, rgba(255, 255, 255, .12));box-shadow:0 18px 40px #00000073;transition:left .18s ease,top .18s ease}.tour-card.is-hunting{opacity:.85}.tour-card h2{margin:10px 0 6px;font-size:17px;line-height:1.25}.tour-card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-muted, #9aa0a8)}.tour-head{display:flex;align-items:center;gap:8px}.tour-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--accent, #e8971b) 18%,transparent);color:var(--accent, #e8971b)}.tour-count{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #9aa0a8)}.tour-x{margin-left:auto;display:inline-flex;padding:4px;border:0;border-radius:6px;background:transparent;color:var(--text-muted, #9aa0a8);cursor:pointer}.tour-x:hover{color:var(--text, #eceef2)}.tour-dots{display:flex;gap:4px;margin:12px 0}.tour-dots b{width:100%;height:3px;border-radius:2px;background:var(--line, rgba(255, 255, 255, .14))}.tour-dots b.is-done{background:color-mix(in srgb,var(--accent, #e8971b) 45%,transparent)}.tour-dots b.is-now{background:var(--accent, #e8971b)}.tour-actions{display:flex;align-items:center;gap:8px}.tour-spacer{flex:1}.rail-tour{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;margin-bottom:6px;border:1px solid var(--line, rgba(255, 255, 255, .12));border-radius:9px;background:transparent;color:var(--text-muted, #9aa0a8);font:inherit;font-size:12.5px;cursor:pointer}.rail-tour:hover{color:var(--text, #eceef2);border-color:color-mix(in srgb,var(--accent, #e8971b) 45%,transparent)}@media (max-width: 720px){.tour-card{width:calc(100vw - 32px)!important;left:16px!important}}.kid{--paper: #fffdf7;--ink: #221d16;--muted: #6d6357;--line: #e8dfcd;--sun: #ffb43d;position:fixed;inset:0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-size:17px}.kid h1{margin:4px 0 2px;font-size:27px;line-height:1.15}.kid .kid-sub{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.45}.kid-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:2px solid var(--line)}.kid-brand{font-size:22px;font-weight:800;letter-spacing:-.01em}.kid-brand b{margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--sun);color:#26190a;font-size:13px}.kid-total{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff3d9;color:#a1660a;font-weight:800}.kid-main{flex:1;overflow-y:auto;padding:16px 16px 24px;-webkit-overflow-scrolling:touch}.kid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.kid-card,.kid-chord{position:relative;display:grid;gap:6px;justify-items:center;padding:14px 10px 12px;min-height:132px;border:3px solid var(--chip, #ddd);border-radius:20px;background:#fff;color:var(--ink);font:inherit;text-align:center;cursor:pointer;box-shadow:0 3px 0 var(--chip, #ddd)}.kid-card:active,.kid-chord:active{transform:translateY(2px);box-shadow:0 1px 0 var(--chip, #ddd)}.kid-card b{font-size:15px;line-height:1.2}.kid-card.is-ready{background:color-mix(in srgb,var(--chip) 10%,#fff)}.kid-emoji{font-size:34px;line-height:1}.kid-card-foot{display:flex;align-items:center;gap:8px}.kid-dots{display:inline-flex;gap:3px}.kid-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.kid-dots i.is-on{background:var(--chip, var(--sun))}.kid-stars{display:inline-flex;gap:2px}.kid-stars .is-on{color:var(--sun)}.kid-stars .is-off{color:var(--line)}.kid-chord-name{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--chip);color:var(--chip-ink, #fff);font-size:17px;font-weight:800}.kid-dia{width:54px;height:78px;color:#3a3227}.kid-dia-sm{width:40px;height:58px;color:#3a3227}.kid-dia-big{width:150px;height:216px;color:#2b241b}.kid-chord-foot{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:12.5px}.kid-chord-foot b{font-size:16px;color:var(--ink)}.kid-chord.is-known{background:color-mix(in srgb,var(--chip) 12%,#fff)}.kid-hear{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--chip);color:var(--chip-ink, #fff)}.kid-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:8px;padding:8px 12px 8px 6px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.kid-lesson-box,.kid-count{display:grid;place-items:center}.kid-lesson-box{padding:10px 0 4px}.kid-tip{margin:6px 0 14px;font-size:16px;line-height:1.5}.kid-row{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 16px}.kid-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:12px 20px;border:3px solid var(--ink);border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.kid-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.kid-btn.is-big{background:var(--sun)}.kid-btn.is-on{background:#d8f5e2}.kid-bars{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.kid-bar{display:grid;justify-items:center;gap:4px;padding:8px 10px;min-width:74px;border:3px solid var(--chip);border-radius:16px;background:#fff}.kid-bar b{font-size:15px}.kid-bar.is-now{background:var(--chip);transform:scale(1.06)}.kid-bar.is-now b,.kid-bar.is-now .kid-dia-sm{color:var(--chip-ink, #fff)}.kid-count{margin:6px 0;font-size:64px;font-weight:800;color:var(--sun);line-height:1}.kid-listen{margin-top:8px}.kid-big-total{display:flex;align-items:center;gap:10px;margin:10px 0 18px;color:var(--sun)}.kid-big-total b{font-size:46px;color:var(--ink)}.kid-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kid-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid var(--line);border-radius:14px}.kid-list li b{flex:1;font-size:16px}.kid-empty{color:var(--muted)}.kid-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--line);background:#fff;padding-bottom:env(safe-area-inset-bottom,0)}.kid-tabs button{display:grid;justify-items:center;gap:3px;padding:10px 4px 12px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.kid-tabs button.is-active{color:#b8730b}.kid-tabs button.is-active svg{color:var(--sun)}@media (min-width: 780px){.kid-main{padding:22px 28px 30px;max-width:900px;width:100%;margin:0 auto}.kid h1{font-size:32px}}.kid .lang-switch{background:#fff;border:2px solid var(--line);border-radius:999px;padding:2px}.kid .lang-switch button{color:var(--muted);background:transparent;font-weight:700}.kid .lang-switch button.is-active{background:var(--sun);color:#26190a;border-radius:999px}.kid-tune{margin-top:18px;padding-top:14px;border-top:2px dashed var(--line)}.kid-tune h2{margin:0 0 2px;font-size:21px}.kid-score{margin:8px 0 12px;padding:6px;border:2px solid var(--line);border-radius:14px;background:#fff;overflow-x:auto}.kid-score .at-surface,.kid-score .tex-preview{color:#221d16}.kid-notes{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0}.kid-notes li{display:grid;justify-items:center;min-width:44px;padding:6px 4px;border:3px solid var(--line);border-radius:12px;background:#fff}.kid-notes b{font-size:17px;font-weight:800}.kid-notes em{font-style:normal;font-size:12px;color:var(--muted)}.kid-notes li.is-done{background:#e6f7ec;border-color:#63c08a}.kid-notes li.is-now{border-color:var(--sun);background:#fff3d9;transform:scale(1.08)}.kid-tune-say{margin:4px 0 10px;font-size:16px;font-weight:700}.kid-heard{color:var(--muted);font-weight:600}.kid-neck{margin:6px 0 12px;padding:8px;border:2px solid var(--line);border-radius:14px;background:#fff;overflow-x:auto}.kid-neck .fb{min-width:260px}.kid-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:#eef7f1;color:#2f7d52;font-size:10.5px;font-weight:800}.kid-strum-only{margin:16px 0 4px;padding:12px 14px;border-radius:14px;background:#f5f1e6;font-size:15px;font-weight:600}.kid-neck .fb-notename{font-size:15px}.kid-animals{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;font-size:13px}.kid-animals span{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:2px solid var(--line);border-radius:999px;font-weight:700}.kid-animals b{font-size:17px;font-weight:400}.kid-animals em{font-style:normal;color:var(--muted)}.kid-note-animal{font-size:17px;line-height:1}.kid-neck{padding:10px 8px}.kid-neck .fretboard-wrap{overflow:visible}.kid-neck svg.fretboard{width:100%;height:auto;min-width:320px}.kid-neck .fb-board{fill:#3b2a1b}.kid-neck .fb-string{stroke:#f2ece0;opacity:1;stroke-width:1.6}.kid-neck .fb-fret{stroke:#cbbfa8}.kid-neck .fb-nut{stroke:#fff;stroke-width:7}.kid-neck .fb-fretnum{fill:#6d6357;font-size:15px;font-weight:800}.kid-neck .fb-note.is-scale{fill:#ffffff4d;stroke:#ffffff8c;stroke-width:2}.kid-neck .fb-note.is-scale+.fb-notename{fill:#2b241b;opacity:.75}.kid-neck .fb-note.is-lit{stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 7px rgba(255,255,255,.85));transform-box:fill-box;transform-origin:center;animation:kid-pulse .9s ease-in-out infinite}.kid-neck .fb-note.is-lit+.fb-notename{font-size:19px}@keyframes kid-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@media (prefers-reduced-motion: reduce){.kid-neck .fb-note.is-lit{animation:none}}.kid-animals button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.kid-animals button:active{transform:translateY(1px)}.kid-animals button b{font-size:19px;font-weight:400}.kid-animals button em{font-style:normal;color:var(--muted)}.kid-notes li button{display:grid;justify-items:center;gap:1px;padding:0;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer}.kid-neck .fb-openname{fill:#221d16;font-size:17px;font-weight:800}.kid-neck .fb-inlay{fill:#ffffff59}.kid-neck.is-keys{background:#fff}.kid-neck.is-keys svg.keyboard{width:100%;height:auto;min-width:300px}.kid-neck.is-keys .kb-white{fill:#fffdf7;stroke:#6d6357;stroke-width:1.6}.kid-neck.is-keys .kb-black{fill:#2b241b;stroke:#2b241b}.kid-neck.is-keys .kb-white.is-shape{fill:#ffeec9}.kid-neck.is-keys .kb-black.is-shape{fill:#6b5a3e}.kid-neck.is-keys .kb-white.is-lit,.kid-neck.is-keys .kb-black.is-lit{fill:var(--sun);stroke:#b8730b;stroke-width:3;filter:drop-shadow(0 0 6px rgba(255,180,61,.9))}.kid-neck.is-keys .kb-name{font-size:17px;fill:#2b241b}.kid-neck.is-keys .kb-name.is-black{fill:#fffdf7;font-size:13px}.kid-keys-mini{display:inline-flex;gap:5px}.kid-keys-mini i{display:grid;place-items:center;width:26px;height:44px;border:2px solid #6d6357;border-radius:0 0 6px 6px;background:#fffdf7;color:var(--ink);font-style:normal;font-weight:800;font-size:15px}.kid-bar-fingers{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.16em}.kid-rank{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:4px 10px 4px 6px;border:2px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}.kid-rank-face{font-size:20px;line-height:1}.kid-rank-bar{display:block;width:54px;height:8px;border-radius:999px;background:var(--line);overflow:hidden}.kid-rank-bar i{display:block;height:100%;background:var(--sun);border-radius:999px;transition:width .4s ease}.kid-rank-bar.is-big{width:100%;height:14px;margin:6px 0 4px}.kid-total{margin-left:0}.kid-rank-card{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:14px;border:3px solid var(--sun);border-radius:18px;background:#fff8ea}.kid-rank-card>div{flex:1;min-width:0}.kid-rank-big{font-size:46px;line-height:1}.kid-rank-card b{display:block;font-size:20px}.kid-rank-xp{font-size:13px;font-weight:700;color:var(--muted)}.kid-rank-card small{font-size:12.5px;color:var(--muted)}.kid-quest{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:#eef7ff;font-size:14.5px;font-weight:700}.kid-quest.is-done{background:#e6f7ec}.kid-quest svg{color:#2f7d52;flex:none}.kid-block-name{display:block;margin:4px 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kid-stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:9px;margin-bottom:18px}.kid-sticker{display:grid;justify-items:center;gap:3px;padding:10px 6px;border:3px dashed var(--line);border-radius:16px;text-align:center;opacity:.5;filter:grayscale(1)}.kid-sticker b{font-size:26px;font-weight:400;line-height:1}.kid-sticker em{font-style:normal;font-size:11px;font-weight:700;line-height:1.2}.kid-sticker.is-got{opacity:1;filter:none;border-style:solid;border-color:var(--sun);background:#fff8ea}.kid-win{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:#1812088c;backdrop-filter:blur(2px)}.kid-fireworks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kid-win-card{position:relative;width:min(420px,100%);max-height:90vh;overflow-y:auto;display:grid;justify-items:center;gap:6px;padding:22px 18px 18px;border-radius:26px;background:var(--paper);box-shadow:0 20px 50px #00000059;animation:kid-pop .35s cubic-bezier(.2,1.4,.5,1)}@keyframes kid-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.kid-win-emoji{font-size:54px;line-height:1}.kid-win-card h2{margin:2px 0 0;font-size:28px;text-align:center}.kid-win-song{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--muted);text-align:center}.kid-win-stars{display:flex;gap:6px;margin:4px 0}.kid-win-stars .is-on{color:var(--sun);animation:kid-star .5s backwards}.kid-win-stars .is-on:nth-child(2){animation-delay:.18s}.kid-win-stars .is-on:nth-child(3){animation-delay:.36s}.kid-win-stars .is-off{color:var(--line)}@keyframes kid-star{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.kid-win-xp{margin:2px 0 6px;font-size:17px;font-weight:700}.kid-win-xp b{font-size:26px;color:#b8730b}.kid-win-level,.kid-win-badge{display:flex;align-items:center;gap:8px;margin:2px 0;padding:8px 14px;border-radius:999px;background:#fff8ea;font-size:14.5px;font-weight:700;text-align:center}.kid-win-level span,.kid-win-badge span{font-size:22px}.kid-win-badge{background:#eef7ff}.kid-win-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.kid-win-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}@media (prefers-reduced-motion: reduce){.kid-win-card,.kid-win-stars .is-on{animation:none}}.kid-grownups{display:flex;align-items:center;gap:9px;width:100%;margin:18px 0 8px;padding:14px 16px;border:2px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}.kid-grownups svg:last-child{margin-left:auto}.kid-grownups:hover{color:var(--ink);border-color:var(--sun)}.kid-report{font-size:15px}.kid-report-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.kid-report h1{font-size:25px}.kid-report h2{margin:0 0 8px;font-size:17px}.kid-btn.small{min-height:40px;padding:8px 14px;font-size:14px;box-shadow:0 2px 0 var(--ink)}.kid-namefield{display:grid;gap:5px;margin:10px 0 16px;font-size:12.5px;font-weight:700;color:var(--muted)}.kid-namefield input{padding:11px 13px;border:2px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--ink)}.kid-figures{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-bottom:18px}.kid-figures span{display:grid;justify-items:center;gap:2px;padding:10px 6px;border:2px solid var(--line);border-radius:14px;text-align:center;font-size:11.5px;font-weight:700;color:var(--muted);line-height:1.2}.kid-figures b{font-size:21px;color:var(--ink)}.kid-notes-block{margin-bottom:20px}.kid-notes-block ul{margin:0;padding-left:20px;display:grid;gap:8px}.kid-notes-block li{line-height:1.5}.kid-note-box{width:100%;box-sizing:border-box;padding:12px;border:2px dashed var(--line);border-radius:12px;background:#fff;font:inherit;font-size:15px;color:var(--ink);resize:vertical}.kid-note-said{margin:0;padding:12px;border:2px solid var(--line);border-radius:12px;background:#fff;cursor:text}.kid-units{list-style:none;margin:0;padding:0;display:grid;gap:10px}.kid-unit{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 12px;border:2px solid var(--line);border-radius:14px}.kid-unit.is-here{border-color:var(--sun);background:#fff8ea}.kid-unit.is-done{background:#f2faf5;border-color:#9dd9b6}.kid-unit-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--line);font-weight:800;font-size:13px}.kid-unit.is-done .kid-unit-mark{background:#63c08a;color:#fff}.kid-unit.is-here .kid-unit-mark{background:var(--sun)}.kid-unit b{font-size:15.5px}.kid-unit b em{font-style:normal;font-weight:700;color:#b8730b;font-size:12.5px}.kid-unit p{margin:2px 0 6px;font-size:13.5px;line-height:1.45;color:var(--muted)}.kid-unit small{font-size:12px;color:var(--muted)}.kid-unit-bar{display:block;height:8px;margin:4px 0 5px;border-radius:999px;background:var(--line);overflow:hidden}.kid-unit-bar i{display:block;height:100%;background:var(--sun)}.kid-canplay{display:flex;flex-wrap:wrap;gap:6px;margin:0}.kid-canplay span{padding:5px 11px;border:2px solid var(--line);border-radius:999px;font-size:13px;font-weight:700}.kid-report-foot{margin:22px 0 4px;font-size:12px;color:var(--muted)}@media print{.kid-tabs,.kid-head,.kid-report-head,.kid-namefield{display:none!important}.kid{position:static}.kid-main{overflow:visible;padding:0}.kid-report{font-size:12pt;color:#000}.kid-unit,.kid-figures span,.kid-canplay span,.kid-note-said{border-color:#999}.kid-unit.is-here,.kid-unit.is-done{background:none}}.kid-where{margin:0 0 14px;padding:10px 13px;border-radius:12px;background:#fff3d9;font-size:14px;font-weight:700;color:#8a5b06}.kid-year{margin-bottom:18px}.kid-year h3{display:flex;align-items:baseline;gap:8px;margin:14px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--line);font-size:17px}.kid-year h3 em{margin-left:auto;font-style:normal;font-size:13px;font-weight:800;color:var(--muted)}.kid-term{margin-bottom:10px}.kid-term-name{display:block;margin:8px 0 5px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.kid-tick{display:flex;align-items:center;gap:7px;margin-top:7px;padding:7px 10px;border:2px dashed var(--line);border-radius:10px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer}.kid-tick input{width:18px;height:18px;accent-color:var(--sun)}.kid-unit.is-done .kid-tick{border-style:solid;border-color:#9dd9b6;color:#2f7d52}@media print{.kid-tick{border-style:solid}.kid-year h3{border-bottom-color:#999}}.kid-plan-btn{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);cursor:pointer}.kid-plan-btn:hover{color:var(--ink);border-color:var(--sun)}.kid-plan{display:grid;gap:3px;width:100%;margin:0 0 16px;padding:13px 15px;border:3px solid var(--sun);border-radius:18px;background:#fff8ea;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.kid-plan-where{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b8730b}.kid-plan b{font-size:17px}.kid-plan-aim{font-size:13px;line-height:1.4;color:var(--muted)}.kid-plan-bar{display:block;height:8px;margin:6px 0 2px;border-radius:999px;background:#f0e2c6;overflow:hidden}.kid-plan-bar i{display:block;height:100%;background:var(--sun)}.kid-plan small{font-size:11.5px;font-weight:700;color:var(--muted)}.kid-tabs.is-four{grid-template-columns:repeat(4,1fr)}.kid-today-head{display:flex;align-items:flex-start;gap:12px}.kid-today-head>div{flex:1;min-width:0}.kid-ring{position:relative;display:grid;place-items:center;width:62px;min-width:62px;height:62px;flex:0 0 62px;aspect-ratio:1;border-radius:50%;background:var(--line)}.kid-ring i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--sun) var(--turn, 0deg),transparent 0);transition:background .4s ease}.kid-ring span{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--paper);font-size:19px;font-weight:800}.kid-ring em{font-style:normal;font-size:11px;color:var(--muted)}.kid-ring.is-full span{background:#e6f7ec;color:#2f7d52}.kid-today{list-style:none;margin:14px 0 16px;padding:0;display:grid;gap:10px}.kid-do{display:flex;align-items:center;gap:12px;width:100%;padding:14px 15px;border:3px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--line)}.kid-do:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.kid-do.is-done{background:#f2faf5;border-color:#9dd9b6;box-shadow:0 3px #9dd9b6}.kid-do-num{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--line);font-weight:800;font-size:14px}.kid-do.is-done .kid-do-num{background:#63c08a;color:#fff}.kid-do-face{font-size:30px;line-height:1}.kid-do-words{flex:1;min-width:0;display:grid;gap:2px}.kid-do-words b{font-size:16px}.kid-do-words em{font-style:normal;font-size:13px;color:var(--muted)}.kid-today-rank{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;font-weight:700;color:var(--muted)}.kid-today-rank span{font-size:24px}.kid-echo-level{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.kid-cards{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:0}.kid-card-note{display:grid;place-items:center;gap:2px;width:72px;height:84px;border:3px solid var(--line);border-radius:16px;background:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease}.kid-card-note b{font-size:30px;line-height:1;font-weight:400}.kid-card-note em{font-style:normal;font-size:13px;font-weight:800;color:var(--muted)}.kid-card-back{color:var(--line);font-weight:800;font-size:32px}.kid-card-note.is-now{border-color:var(--sun);background:#fff3d9;transform:translateY(-6px) scale(1.06)}.kid-card-note.is-turn{border-color:#4ea3ff;background:#eef7ff}.kid-card-note.is-got{border-color:#63c08a;background:#e6f7ec}.kid-echo-say{margin:0 0 12px;font-size:15px;font-weight:700}.kid-echo-verdict{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#fff3d9;font-size:15px;font-weight:700}.kid-echo-verdict.is-win{background:#e6f7ec;color:#2f7d52}.kid-boxes{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;padding:0}.kid-box{display:grid;place-items:center;gap:2px;width:100%;height:74px;border:3px dashed var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.kid-box b{font-size:27px;line-height:1;font-weight:400}.kid-box em{font-style:normal;font-size:12px;font-weight:800;color:var(--muted)}.kid-box:not(.is-empty){border-style:solid}.kid-box.is-open{border-color:var(--sun);background:#fff8ea}.kid-box.is-playing{border-color:#4ea3ff;background:#eef7ff;transform:scale(1.05)}.kid-box-rest{color:var(--line);font-size:28px;font-weight:800}.kid-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.kid-pal{display:grid;place-items:center;gap:1px;width:62px;height:66px;border:3px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 3px 0 var(--line)}.kid-pal:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.kid-pal b{font-size:26px;line-height:1;font-weight:400}.kid-pal em{font-style:normal;font-size:12px;font-weight:800;color:var(--muted)}.kid-pal.is-rest b{color:var(--muted)}.kid-tune-open{flex:1;padding:0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.kid-tune-del{padding:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.kid-certs{display:flex;flex-wrap:wrap;gap:8px}.kid-cert-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.kid-cert-chip:hover{border-color:var(--sun)}.kid-cert-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kid-cert{padding:30px 26px;border:6px double #b8730b;border-radius:10px;background:#fffdf5;text-align:center}.kid-cert-top{margin:0;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#b8730b}.kid-cert h1{margin:10px 0 4px;font-size:27px}.kid-cert-who{margin:0 0 16px;font-size:15px;font-style:italic;color:var(--muted)}.kid-cert-can{margin:0 auto 18px;max-width:34em;font-size:16px;line-height:1.5}.kid-cert-songs{margin:0 auto 20px;max-width:34em;font-size:13.5px;color:var(--muted)}.kid-cert-songs span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}.kid-cert-foot{display:flex;justify-content:space-between;gap:10px;margin:0;padding-top:14px;border-top:1px solid #e2d6bb;font-size:12px;color:var(--muted)}@media print{.kid-cert-bar{display:none!important}.kid-cert{border-color:#000;background:#fff}.kid-cert-top,.kid-cert h1{color:#000}}.kid-tabs.is-five{grid-template-columns:repeat(5,1fr)}.kid-tabs.is-five button{font-size:11px;padding:9px 2px 11px}.kid-chord-group{margin-bottom:18px}.kid-chord-group h2{margin:6px 0 8px;font-size:19px}.kid-chord-group.is-big{padding-top:10px;border-top:2px dashed var(--line)}.kid-big-toggle{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 14px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:700;font-size:14px;cursor:pointer}.kid-big-toggle input{width:20px;height:20px;accent-color:var(--sun)}.kid-walks .kid-emoji small{font-size:14px;margin:0 4px;color:var(--muted)}.kid-walk-card.is-done{border-color:#25b449}.kid-walk-steps{display:inline-flex;gap:5px;margin:6px 0 2px}.kid-walk-steps i{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);display:inline-block}.kid-walk-steps i.is-on{background:var(--sun);border-color:var(--sun)}.kid-walk-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 12px}.kid-walk-tab{display:grid;gap:2px;justify-items:center;padding:8px 4px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:14px;color:var(--ink);cursor:pointer}.kid-walk-tab.is-on{background:var(--sun);border-color:var(--sun)}.kid-walk-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.kid-walk-note{display:grid;justify-items:center;min-width:46px;padding:6px 4px;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:22px;line-height:1}.kid-walk-note small{font-size:11px;font-weight:800;color:var(--muted);margin-top:3px}.kid-walk-note.is-now{border-color:var(--sun);background:#fff4dc;transform:scale(1.08)}.kid-walk-note.is-got{border-color:#25b449;background:#eafbe9}.kid-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.kid-btn.is-go{background:var(--sun);border-color:var(--sun)}.kid-btn:disabled{opacity:.5;cursor:default}.kid-hw-meta{margin:-6px 0 12px;color:var(--muted);font-size:14px}.kid-hw-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kid-hw-list li{display:grid;grid-template-columns:34px 34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:2px solid var(--line);background:#fff}.kid-hw-list li.is-done{border-color:#25b449;background:#f2fbf1}.kid-hw-tick{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-weight:900;color:#25b449;background:#fff}.kid-hw-list li.is-done .kid-hw-tick{border-color:#25b449}.kid-hw-icon{font-size:24px;text-align:center}.kid-hw-text{display:grid;gap:2px}.kid-hw-text small{color:var(--muted);font-size:13px}.kid-hw-go{padding:8px 12px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:800;cursor:pointer}.kid-hw-count{margin:12px 0 4px;font-size:30px;font-weight:900}.kid-hw-says{margin:0 0 14px;padding-left:18px;color:var(--muted);line-height:1.5}.kid-hw-sign{display:grid;gap:10px;padding:12px;border-radius:16px;border:2px dashed var(--line)}.kid-hw-sign label{display:grid;gap:6px;font-weight:700;font-size:14px}.kid-hw-sign textarea{width:100%;box-sizing:border-box;padding:10px;border-radius:12px;border:2px solid var(--line);font:inherit;font-weight:400;resize:vertical}.kid-print{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:2px solid var(--ink);background:#fff;font-weight:800;cursor:pointer}.kid-hw-card b{font-size:26px}@media print{.kid-hw-go,.kid-hw-sign button,.kid-print{display:none!important}.kid-hw-sign{border-color:#999}}.kid-strands{width:100%;border-collapse:collapse;font-size:14px}.kid-strands th{text-align:left;padding:8px 6px;font-weight:800;white-space:nowrap}.kid-strands td{padding:8px 6px;vertical-align:middle}.kid-strands tr+tr{border-top:1px solid var(--line)}.kid-strand-by{color:var(--muted);font-size:12.5px}.kid-mark{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;border:2px solid var(--line);background:#fff;color:var(--muted)}.kid-mark.is-achieved{border-color:#25b449;color:#1d7a34;background:#eafbe9}.kid-mark.is-exceeded{border-color:var(--sun);color:#8a5a00;background:#fff4dc}.kid-tick-small{font-size:12px;gap:6px}.kid-grades{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.kid-grade-chip{display:grid;gap:1px;padding:8px 12px;border-radius:14px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:14px}.kid-grade-chip small{font-weight:600;color:var(--muted);font-size:11.5px}.kid-grade-chip.is-here{border-color:var(--sun);background:#fff4dc}.kid-grade-chip.is-awarded{border-color:#25b449;background:#eafbe9}.kid-lesson{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kid-lesson li{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;border:2px solid var(--line);font-size:14px;line-height:1.45}.kid-lesson b{color:#8a5a00}.kid-marks-row{display:flex;gap:8px;flex-wrap:wrap}.kid-syl-link b{font-size:15px}.kid-syl-grade h2{font-size:22px}.kid-syl-unit{padding:12px 0 14px;border-top:2px dashed var(--line)}.kid-syl-unit h3{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:18px}.kid-syl-unit h3 em{margin-left:auto;font-style:normal;font-weight:600;font-size:12.5px;color:var(--muted)}.kid-syl-aim{margin:0 0 10px;color:var(--muted);font-size:14px}.kid-syl-strands{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;margin:0;font-size:14px;line-height:1.45}.kid-syl-strands dt{font-weight:800;color:#8a5a00}.kid-syl-strands dd{margin:0}.kid-syl-strands dd small{display:block;color:var(--muted);font-size:12.5px}.kid-syl-weeks{margin-top:10px;font-size:14px}.kid-syl-weeks summary{cursor:pointer;font-weight:800}.kid-syl-weeks ol{margin:8px 0 0;padding-left:22px;line-height:1.5}.kid-cert-chip.is-grade{border-color:#25b449}@media print{.kid-syl-weeks{display:block}.kid-syl-weeks[open] summary,.kid-syl-weeks summary{display:none}.kid-syl-weeks ol{display:block!important}.kid-syl-unit{break-inside:avoid}.kid-tick-small,.kid-syl-link{display:none!important}}.kid.kid-auth{position:static;min-height:100vh;display:block}.kid-auth .auth,.kid-auth .picker,.kid-auth .plan{background:var(--paper);color:var(--ink);min-height:100vh}.kid-auth .auth-card,.kid-auth .picker-card,.kid-auth .plan-card{background:#fff;border:2px solid var(--line);border-radius:22px;box-shadow:0 6px 0 var(--line);color:var(--ink)}.kid-auth .auth-card h1,.kid-auth .picker-title,.kid-auth h1{color:var(--ink);font-size:26px}.kid-auth .auth-card p,.kid-auth .auth-tagline,.kid-auth .auth-copy,.kid-auth .auth-back,.kid-auth .auth-footer a{color:var(--muted)}.kid-auth .auth-card input{background:#fff;border:2px solid var(--line);color:var(--ink);border-radius:14px;padding:12px 14px;font-size:17px}.kid-auth .auth-card input:focus{outline:3px solid var(--sun)}.kid-auth .btn.primary,.kid-auth .btn.wide{background:var(--sun);color:#26190a;border:0;border-radius:999px;min-height:48px;font-weight:800;font-size:16px}.kid-auth .auth-link{color:#8a5a00}.kid-auth .auth-error{background:#fff4dc;color:#8a5a00;border:2px solid var(--sun)}.kid-auth .auth-footer{border-top:2px solid var(--line)}.kid-auth .auth:before{content:"🎸 🐱 🐐 🐶 🐘";display:block;text-align:center;font-size:26px;letter-spacing:6px;margin-bottom:8px}.kid-help-btn{font-weight:900;font-size:18px}.kid-teacher-btn{background:#eafbe9}.kid-teacher-who{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.kid-teacher-tabs{grid-template-columns:repeat(3,1fr)}.kid-children{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kid-child{width:100%;text-align:left;display:grid;gap:3px;padding:12px 14px;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;font:inherit;color:var(--ink)}.kid-child b{font-size:17px}.kid-child small{color:var(--muted);font-size:12.5px;line-height:1.4}.kid-child-when{font-size:12.5px;font-weight:700;color:#1d7a34}.kid-child-when.is-quiet{color:#8a5a00}.kid-studio-panel{color:var(--ink)}.kid-studio-panel .btn{border-radius:999px}.kid-feedback{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kid-feedback li{padding:10px 12px;border-radius:14px;border:2px solid var(--line);background:#fff}.kid-feedback li.is-new{border-color:var(--sun);background:#fff4dc;cursor:pointer}.kid-feedback small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.kid-feedback small em{font-style:normal;font-weight:800;color:#8a5a00}.kid-feedback p{margin:0;line-height:1.5;white-space:pre-wrap}.kid-tour{position:fixed;inset:0;z-index:60}.kid-tour-dim{position:absolute;inset:0;background:#221d168c}.kid-tour-hole{position:absolute;border-radius:18px;box-shadow:0 0 0 4px var(--sun),0 0 0 9999px #221d168c;background:transparent;pointer-events:none;transition:all .25s}.kid-tour-card{position:absolute;left:16px;right:16px;bottom:96px;margin:0 auto;max-width:440px;padding:16px 18px;border-radius:22px;background:#fff;border:2px solid var(--line);box-shadow:0 8px 0 var(--line);display:grid;grid-template-columns:56px 1fr;gap:6px 12px;align-items:start}.kid-tour-face{font-size:44px;line-height:1;grid-row:span 1}.kid-tour-card b{display:block;font-size:20px;margin-bottom:2px}.kid-tour-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.kid-tour-dots{grid-column:1 / -1;display:flex;gap:6px}.kid-tour-dots i{width:10px;height:10px;border-radius:50%;background:var(--line);display:inline-block}.kid-tour-dots i.is-on{background:var(--sun)}.kid-tour-card .kid-actions{grid-column:1 / -1;align-items:center}.kid-tour-skip{margin-left:auto;border:0;background:none;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}@media (min-width: 780px){.kid-tour-card{bottom:110px}}.kid-auth .auth-tagline{display:none}.kid-auth-sub{margin:0;padding:18px 20px 0;text-align:center;color:var(--muted);font-size:15px}.kid-auth .auth{min-height:calc(100vh - 60px);padding-top:16px}.kid.kid-auth{position:relative}.kid-hero{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;background:linear-gradient(135deg,#8ddcf3,#6cc9e8);border-radius:24px;padding:14px 14px 13px;margin:0 0 10px;box-shadow:0 5px #0000001a}.kid-hero-face{width:60px;height:60px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:33px;box-shadow:0 4px #0000001a}.kid-hero-who b{display:block;font-size:20px;font-weight:900;line-height:1.1;color:#08313f}.kid-hero-who small{display:block;font-size:12.5px;color:#0d4b60;line-height:1.3;margin-top:2px}.kid-hero .kid-ring{margin:0}.kid-hero-sub{margin:0 0 14px}.weekstrip.is-kids{background:var(--paper);border:2px solid var(--line);border-radius:22px;padding:12px 14px 11px;margin:0 0 14px}.weekstrip.is-kids header{display:flex;align-items:baseline;justify-content:space-between}.weekstrip.is-kids header b{font-size:16px;font-weight:900}.weekstrip.is-kids .weekstrip-count{font-size:13px;font-weight:800;color:#8a5a00}.weekstrip.is-kids .weekstrip-bar{height:14px;border-radius:99px;background:#f2ebdc;overflow:hidden;margin:8px 0 10px}.weekstrip.is-kids .weekstrip-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--sun),#ff9d13);transition:width .3s ease}.weekstrip.is-kids .weekstrip-days{list-style:none;display:flex;gap:5px;margin:0;padding:0}.weekstrip.is-kids .weekstrip-days li{flex:1;display:grid;justify-items:center;gap:4px}.weekstrip.is-kids .weekstrip-name{font-size:10.5px;font-weight:800;color:var(--muted)}.weekstrip.is-kids .weekstrip-days i{width:100%;height:34px;border-radius:12px;background:#f2ebdc;display:grid;place-items:center;font-style:normal;font-size:17px}.weekstrip.is-kids .weekstrip-days i.is-on{background:var(--sun)}.weekstrip.is-kids .weekstrip-days i.is-today{box-shadow:0 0 0 3px #6cc9e8}.weekstrip.is-kids .weekstrip-days i.is-later{background:#f8f4ea}.weekstrip.is-kids .weekstrip-says{margin:9px 0 0;font-size:12.5px;color:var(--muted)}.demo-ribbon{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:#17120a;color:#f6f4f2;border-bottom:1px solid rgba(255,180,61,.45);font-size:13px;line-height:1.35}.demo-chip{flex:none;font:700 11px/1 Manrope,Segoe UI,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#17120a;background:var(--amber, #ffb43d);border-radius:999px;padding:5px 9px}.demo-text{margin:0;flex:1 1 260px;min-width:0;color:#e7e2da}.demo-actions{display:flex;gap:8px;align-items:center;flex:none}.demo-cta{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--amber, #ffb43d);color:#000;font-weight:700;text-decoration:none;white-space:nowrap}.demo-cta:focus-visible,.demo-leave:focus-visible{outline:2px solid #fff;outline-offset:2px}.demo-leave{min-height:36px;padding:0 12px;border-radius:999px;background:transparent;color:#cfc9c0;border:1px solid rgba(255,255,255,.22);cursor:pointer;font:inherit;white-space:nowrap}@media (max-width: 560px){.demo-actions{width:100%}.demo-cta{flex:1;justify-content:center}}:root{--bg: #0b0b0c;--bg-2: #0f0f11;--surface: #121214;--surface-2: #17171a;--surface-3: #1b1b1f;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #f6f4f2;--text-muted: #a5a2a8;--text-faint: #76737c;--bone: #e6e1d6;--bone-ink: #141418;--accent: #ffb43d;--logo-ink: #ffb43d;--accent-2: #ff6a3d;--accent-soft: rgba(255, 180, 61, .12);--accent-contrast: #1c1206;--danger: #ff8a72;--ok: #5fe3b3;--violet: #a78bfa;--sky: #37b6ff;--stage-pad: 18px;--radius-sm: 6px;--radius: 8px;--radius-lg: 10px;--radius-xl: 10px;--radius-pill: 8px;--track-caps: .08em;--track-tight: -.02em;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .8);--ease: cubic-bezier(.22, .61, .36, 1);--maxw: 1180px;--sheet-bg: #f7f7fa;--sheet-ink: #16161d;--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: Oswald, Inter, "Segoe UI", sans-serif;--font-script: "Kaushan Script", "Brush Script MT", "Segoe Script", cursive;color-scheme:dark}:root[data-theme=light]{--bg: #f4f2ef;--bg-2: #ffffff;--surface: #ffffff;--surface-2: #faf9f7;--surface-3: #efece7;--border: rgba(28, 18, 6, .09);--border-strong: rgba(28, 18, 6, .16);--bone: #1c1206;--bone-ink: #fffdf8;--text: #1c1206;--text-muted: #6a6459;--text-faint: #948d80;--accent: #c88a2a;--accent-2: #e0663f;--accent-soft: rgba(200, 138, 42, .12);--accent-contrast: #ffffff;--danger: #c53d3d;--ok: #2f9e6e;--shadow: 0 1px 2px rgba(28, 18, 6, .06), 0 12px 30px rgba(28, 18, 6, .08);--sheet-bg: #ffffff;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}h1,h2,h3,h4,h5,.sidebar-title,.card-title,.tier-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.12;text-wrap:balance}h1{font-weight:700}body{margin:0;font-family:var(--font);font-size:16px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.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}.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.icon{display:block}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:8px 14px;font-size:13.5px;font-weight:550;cursor:pointer;transition:background .14s,border-color .14s,transform .1s}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#111;font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.btn.accent:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn.primary.is-done{background:var(--ok);border-color:var(--ok)}.btn.wide{min-width:220px;justify-content:center}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.app{display:grid;grid-template-columns:auto 1fr;height:100%;overflow:hidden}.app.is-focus{grid-template-columns:1fr}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border-left:1px solid var(--border)}.sidebar{width:320px;padding:18px 16px;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;gap:12px}.sidebar.is-collapsed{width:58px;padding:18px 10px;align-items:center}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.sidebar.is-collapsed .eyebrow{display:none}.sidebar-title{margin:0;font-size:20px;letter-spacing:-.01em}.lesson-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}.lesson-card{width:100%;display:flex;gap:12px;text-align:left;padding:10px;border-radius:var(--radius-lg);border:1px solid transparent;background:var(--surface);cursor:pointer;transition:border-color .14s,background .14s}.lesson-card:hover{border-color:var(--border-strong)}.lesson-card.is-active{background:var(--accent-soft);border-color:transparent}.lesson-cover{flex:0 0 auto;width:62px;height:62px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px}.lesson-copy{display:grid;gap:2px;min-width:0}.lesson-meta{font-size:11.5px;color:var(--text-faint)}.lesson-name{font-size:14.5px;font-weight:650;line-height:1.25}.lesson-card.is-active .lesson-name{color:var(--accent)}.lesson-teacher{font-size:12.5px;color:var(--text-muted)}.lesson-progress{position:relative;display:block;height:4px;margin-top:6px;border-radius:99px;background:var(--surface-3)}.lesson-progress span{position:absolute;inset:0 auto 0 0;border-radius:99px;background:var(--accent)}.lesson-progress i{position:absolute;right:0;top:-16px;font-style:normal;font-size:10.5px;color:var(--text-faint)}.lesson-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 24px 10px}.lesson-header h1{margin:4px 0 2px;font-size:27px;letter-spacing:-.02em}.lesson-byline{margin:0;display:flex;gap:14px;font-size:13.5px;color:var(--text-muted)}.lesson-byline b{color:var(--text);font-weight:600}.header-actions{display:flex;align-items:center;gap:8px}.step-tabs{display:flex;align-items:stretch;gap:2px;padding:0 18px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:thin}.step-sep{flex:0 0 auto;align-self:center;color:var(--border-strong)}.step-tab{flex:0 0 auto;display:grid;gap:1px;padding:12px 14px 11px;border:none;border-bottom:3px solid transparent;background:none;cursor:pointer;text-align:left;max-width:190px}.step-title{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:650;color:var(--text-muted)}.step-subtitle{font-size:12px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-tab:hover .step-title{color:var(--text)}.step-tab.is-active{border-bottom-color:var(--accent)}.step-tab.is-active .step-title,.step-tab.is-active .step-subtitle{color:var(--accent)}.step-tab.is-done .step-title .icon{color:var(--ok)}.toolbar{display:flex;align-items:center;gap:14px;padding:9px 18px;background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-spacer{flex:1 1 auto}.tool-btn{position:relative;display:inline-grid;place-items:center;width:34px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.tool-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.tool-btn.is-active{background:var(--accent-soft);color:var(--accent)}.tool-btn .dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--ok)}.speed-control{display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:2px 4px}.speed-control>button{width:26px;height:26px;border:none;background:none;border-radius:50%;cursor:pointer;color:var(--text-muted);font-size:17px;line-height:1}.speed-control>button:hover{background:var(--surface-3);color:var(--text)}.speed-value{position:relative;display:inline-flex;align-items:center}.speed-value span{min-width:46px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.speed-value input[type=range]{position:absolute;inset:0;opacity:0;cursor:ew-resize;width:100%}.segmented{background:var(--surface-3);border-radius:99px;padding:3px;gap:2px}.segmented button{border:none;background:none;cursor:pointer;padding:5px 14px;border-radius:99px;font-size:13px;font-weight:600;color:var(--text-muted)}.segmented button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.segmented button:disabled{opacity:.4;cursor:not-allowed}.zoom-value{font-size:12px;color:var(--text-muted);min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.stage{display:flex;flex:1 1 auto;min-height:0;position:relative}.split{position:relative;display:flex;flex:1 1 auto;min-width:0}.split-pane{min-width:0;display:flex}.split-pane.grow{flex:1 1 auto}.split-handle{flex:0 0 auto;width:10px;display:grid;place-items:center;cursor:col-resize;color:var(--border-strong);background:var(--surface-2);border-left:1px solid var(--border);border-right:1px solid var(--border)}.split-handle:hover{color:var(--accent)}.video-pane{position:relative;flex:1 1 auto;background:#000;display:flex;align-items:center;justify-content:center;min-width:0}.video-pane video{width:100%;height:100%;object-fit:contain;background:#000}.video-meta{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#0009;color:#fff;font-size:12px;backdrop-filter:blur(6px)}.video-meta span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta button{border:none;background:none;color:#fff;cursor:pointer;display:grid}.video-empty{display:grid;justify-items:center;gap:8px;color:#8b8b9a;text-align:center;padding:20px}.video-empty p{margin:0;font-size:14px}.video-empty small{font-size:11.5px;color:#6a6a78}.score-view{position:relative;flex:1 1 auto;overflow:auto;background:var(--surface-3);padding:var(--stage-pad);min-width:0}.score-view.is-dragging{outline:2px dashed var(--accent);outline-offset:-8px}.score-surface{background:var(--sheet-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 6px;color:var(--sheet-ink)}.score-status,.score-error{position:absolute;left:50%;top:24px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--border);font-size:13px;box-shadow:var(--shadow)}.score-error{color:var(--danger);max-width:80%}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.score-range-badge{position:absolute;right:20px;top:20px;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:99px;background:var(--accent);color:var(--accent-contrast);font-size:12px;font-weight:600}.score-range-badge button{border:none;background:#fff3;color:inherit;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;cursor:pointer}.drop-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600;pointer-events:none}.at-cursor-bar{background:#ffb43d24}.at-cursor-beat{background:var(--accent);width:2px}.at-highlight *{fill:var(--accent);stroke:var(--accent)}.at-selection div{background:#ffb43d29}.overview{position:absolute;inset:0;background:var(--surface);overflow-y:auto;padding:40px 32px}.overview-inner{max-width:640px;margin:0 auto;display:grid;gap:14px}.overview h2{margin:6px 0 0;font-size:26px;letter-spacing:-.02em}.overview p{margin:0;line-height:1.6;color:var(--text-muted)}.overview ul{margin:4px 0;padding:0;list-style:none;display:grid;gap:8px}.overview li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px}.overview li .icon{color:var(--ok);margin-top:2px;flex:0 0 auto}.overview .btn{justify-self:start;margin-top:8px}.panel{flex:0 0 320px;border-left:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 12px 16px;border-bottom:1px solid var(--border)}.panel-head h3{margin:0;font-size:14px}.panel-body{overflow-y:auto;padding:16px}.panel-empty{color:var(--text-muted);font-size:13.5px}.panel-body section{margin-bottom:22px}.panel-body h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);display:flex;align-items:center;justify-content:space-between}.hint{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--text-muted)}.field-row{display:flex;gap:10px;margin-bottom:10px}.field-row label,.stacked{flex:1 1 0;display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.field-row input[type=number],.stacked input[type=url],.field-row input[type=text]{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:7px 9px;font-size:13.5px;color:var(--text)}.suffix{position:relative;display:flex;align-items:center}.suffix span{position:absolute;right:9px;font-size:11.5px;color:var(--text-faint);pointer-events:none}.suffix input{padding-right:34px!important}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn-row input[type=url]{flex:1 1 auto}.switch{position:relative;display:inline-block;width:34px;height:19px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:99px;background:var(--border-strong);cursor:pointer;transition:background .15s}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(15px)}.radio-list{display:grid;gap:6px;margin-bottom:8px}.radio-list label{display:flex;align-items:center;gap:8px;font-size:13.5px}.trainer-readout{display:flex;gap:10px;margin-top:12px}.trainer-readout div{flex:1 1 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:grid;gap:2px}.trainer-readout strong{font-size:20px;font-variant-numeric:tabular-nums}.trainer-readout span{font-size:11.5px;color:var(--text-faint)}.mixer{display:grid;gap:12px}.mixer-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:grid;gap:8px}.mixer-name{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}.mixer-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-controls{display:flex;align-items:center;gap:8px}.mixer-controls input[type=range]{flex:1 1 auto}.chip{width:26px;height:24px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);font-size:11.5px;font-weight:700;color:var(--text-muted);cursor:pointer}.chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.transport{display:flex;align-items:center;gap:14px;padding:10px 20px;border-top:1px solid var(--border);background:var(--surface-2)}.transport-play{width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow)}.transport-play:disabled{opacity:.5;cursor:not-allowed}.transport-play .icon{margin-left:2px}.transport-play .icon[width="22"]{margin-left:0}.transport-stop{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.transport-time{display:flex;gap:5px;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.transport-time i{font-style:normal;color:var(--text-faint)}.scrubber{position:relative;flex:1 1 auto;height:22px;cursor:pointer;display:flex;align-items:center}.scrubber:before{content:"";position:absolute;left:0;right:0;height:5px;border-radius:99px;background:var(--surface-3)}.scrubber-loop{position:absolute;height:13px;border-radius:4px;background:color-mix(in srgb,var(--accent) 22%,transparent);border-left:2px solid var(--accent);border-right:2px solid var(--accent);display:none}.scrubber-fill{position:absolute;left:0;height:5px;width:0;border-radius:99px;background:var(--accent)}.scrubber-head{position:absolute;left:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--surface-2)}.volume{display:flex;align-items:center}.volume input[type=range]{width:88px}.step-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 16px;border-top:1px solid var(--border)}.footer-spacer{flex:1 1 auto}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:99px;background:var(--border-strong);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}@media (max-width: 1080px){.sidebar:not(.is-collapsed){position:absolute;z-index:20;height:100%;box-shadow:var(--shadow)}.panel{flex-basis:280px}}@media (max-width: 820px){.split{flex-direction:column}.split-pane{width:100%!important;height:40%}.split-handle{width:100%;height:10px;cursor:row-resize}.panel{position:absolute;right:0;top:0;bottom:0;z-index:15}}@media print{.sidebar,.toolbar,.transport,.step-footer,.step-tabs,.panel,.video-pane,.split-handle{display:none!important}}.logo{display:inline-flex;align-items:center;gap:12px;line-height:1;background:none;border:0;padding:0;color:var(--text);cursor:inherit}.logo[type=button]{cursor:pointer}.logo-img{display:block;max-height:44px;width:auto}.logo-text{display:flex;flex-direction:column;gap:1px;align-items:flex-start}.logo-script{font-family:var(--font-script);font-size:30px;line-height:.92;letter-spacing:.5px;transform:rotate(-3deg);transform-origin:left center;color:var(--logo-ink)}.logo-caps .logo-script{font-family:var(--font-display);font-style:normal;font-weight:600;font-size:19px;letter-spacing:.3em;text-transform:uppercase;transform:none;color:var(--logo-ink)}.logo-caps .logo-sub{font-size:10px;letter-spacing:.24em;margin-left:2px;color:var(--text-faint)}.logo-caps.logo-sm .logo-script{font-size:15px}.logo-caps.logo-lg .logo-script{font-size:24px}.logo-sub{font-family:var(--font-display);font-weight:600;font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-muted);margin-left:14px}.logo-product{font-family:var(--font-display);font-weight:700;font-size:9px;letter-spacing:.42em;text-transform:uppercase;color:var(--accent, #ffb43d);margin:3px 0 0 14px}.logo-sm .logo-product{font-size:8px;margin-left:11px}.logo-lg .logo-product{font-size:12px;margin-top:5px}.logo-caps .logo-product{margin-left:2px}.logo-sm .logo-script{font-size:21px}.logo-sm .logo-sub{font-size:9.5px;letter-spacing:.28em;margin-left:11px}.logo-sm .logo-img{max-height:32px}.logo-lg .logo-script{font-size:34px}.logo-lg .logo-sub{font-size:13px}.lang-switch{display:inline-flex;max-width:100%;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px}.lang-switch button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;border-radius:99px;padding:4px 9px;cursor:pointer;color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.04em}.lang-switch button:hover{color:var(--text)}.lang-switch button.is-active{background:var(--accent-soft);color:var(--accent)}.lang-switch .code{line-height:1}.flag{flex:0 0 auto;display:block;border-radius:2px;box-shadow:0 0 0 1px #7f7f7f59}.lang-switch.is-compact button{padding:4px 7px}.home{display:grid;grid-template-columns:232px 1fr;height:100%;background:var(--bg);overflow:hidden}.rail{display:flex;flex-direction:column;gap:22px;padding:20px 16px;border-right:1px solid var(--border);background:var(--bg-2);overflow-y:auto}.rail-brand{padding:2px 4px 4px}.rail-nav{display:grid;gap:2px}.rail-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius);font-size:13.5px;color:var(--text-muted)}.rail-foot{margin-top:auto;display:grid;gap:12px}.rail-copy{margin:0;font-size:10.5px;line-height:1.5;color:var(--text-faint)}.home-main{overflow-y:auto;padding:0 0 40px}.home-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px 18px;background:linear-gradient(180deg,var(--bg) 70%,transparent);backdrop-filter:blur(6px)}.home-head h1{margin:0;font-size:30px;letter-spacing:-.01em}.home-head p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.home-empty{display:grid;justify-items:center;gap:8px;padding:80px 20px;color:var(--text-muted);text-align:center}.home-empty h2{margin:6px 0 0;font-size:20px;color:var(--text)}.home-empty p{margin:0;font-size:14px}.row{padding:10px 30px 22px}.row-head{margin-bottom:12px}.row-head h2{margin:0;font-size:17px;letter-spacing:.01em}.row-head p{margin:3px 0 0;font-size:12.5px;color:var(--text-faint)}.row-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.card{flex:0 0 auto;width:232px;display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);cursor:pointer;overflow:hidden;transition:transform .18s var(--ease),border-color .18s var(--ease)}.card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.card-lg{width:268px}.card-sm{width:200px}.card-cover{position:relative;display:block;height:116px;background:var(--surface-2)}.card-lg .card-cover{height:140px}.card-chip{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:99px;background:#00000080;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.04em;backdrop-filter:blur(4px)}.card-numeral{position:absolute;right:12px;bottom:4px;font-family:var(--font-display);font-size:54px;font-weight:700;line-height:1;color:#ffffff3d}.card-body{display:grid;gap:5px;padding:12px 13px 8px}.card-title{font-size:14.5px;line-height:1.25}.card-meta{font-size:11.5px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-foot{display:flex;align-items:center;gap:8px;margin-top:2px}.card-count{font-size:11px;color:var(--text-muted);white-space:nowrap}.card-cta{display:flex;align-items:center;gap:5px;padding:9px 13px 12px;font-size:12.5px;font-weight:600;color:var(--accent)}.dot-grid{display:flex;flex-wrap:wrap;gap:3px;max-width:96px}.dot-grid i{width:7px;height:7px;border-radius:50%;background:var(--surface-3)}.tier{flex:0 0 auto;width:186px;display:grid;gap:8px;align-content:start;padding:16px 15px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:border-color .18s var(--ease)}.tier:hover{border-color:var(--border-strong)}.tier-index{font-size:11.5px;color:var(--text-faint);letter-spacing:.08em}.tier-name{font-size:18px}.tier .dot-grid{max-width:100%;margin-top:4px}.tier-count{font-size:11px;color:var(--text-muted)}.home-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 30px 0;padding-top:20px;border-top:1px solid var(--border);color:var(--text-faint);font-size:11.5px}.home-foot p{margin:0}.home-foot-note{margin-left:auto!important}.lesson-head-left{display:flex;align-items:center;gap:12px;min-width:0}.lesson-head-title{min-width:0}.lesson-head-title h1{margin:0;font-size:22px}.lesson-head-title .lesson-byline{margin-top:2px}.step-tip{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 22px;border-top:1px solid var(--border);background:var(--accent-soft);color:var(--text-muted);font-size:13px;line-height:1.5}.step-tip .icon{color:var(--accent);flex:0 0 auto;margin-top:2px}.boot{display:grid;place-content:center;justify-items:center;gap:12px;height:100%;color:var(--text-muted);background:var(--bg)}.boot-card{display:grid;gap:10px;justify-items:center;text-align:center;max-width:420px}.studio{flex:0 0 420px;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border);background:var(--surface-2)}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px 12px 16px;border-bottom:1px solid var(--border)}.studio-head h3{margin:0;font-size:15px}.studio-state{font-size:11px;color:var(--text-faint)}.studio-state.is-dirty{color:var(--accent)}.studio-head-actions{display:flex;align-items:center;gap:6px}.studio-status{margin:0;padding:9px 16px;background:var(--accent-soft);color:var(--accent);font-size:12.5px}.studio-body{overflow-y:auto;padding:14px 16px 40px}.studio-section{margin-bottom:22px}.studio-section h5{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.studio-form{display:grid;gap:12px}.studio-seg{display:inline-flex;margin-bottom:8px}.studio-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.studio-list li{display:flex;align-items:center;gap:6px;padding:5px 6px 5px 9px;border-radius:8px;border:1px solid transparent;background:var(--surface)}.studio-list li.is-active{border-color:var(--accent);background:var(--accent-soft)}.studio-list-name{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0;border:0;background:none;color:inherit;text-align:left;font-size:13px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-list-name .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.studio-list-tools{display:flex;gap:2px}.studio-list-tools button{width:22px;height:22px;border:0;border-radius:6px;background:none;color:var(--text-faint);cursor:pointer;font-size:12px}.studio-list-tools button:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.studio-list-tools button:disabled{opacity:.3;cursor:not-allowed}.btn.small{padding:5px 10px;font-size:12px;border-radius:8px}.stacked textarea,.studio-form textarea,.studio-form input[type=text],.studio-form input[type=url],.studio-form select,.stacked select{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:7px 9px;font-size:13.5px;color:var(--text);font-family:inherit}.tex-editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;resize:vertical}.file-chip{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:12.5px}.file-chip button{margin-left:auto;border:0;background:none;color:var(--accent);cursor:pointer;font-size:12px}.loop-inputs{display:flex;gap:6px}.loop-inputs input{width:100%}.check-row{display:grid;gap:6px;margin-top:10px}.check-row label{display:flex;align-items:center;gap:8px;font-size:13px}.swatches{display:flex;gap:6px;margin-top:8px}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.is-active{border-color:var(--text)}.hint.inline{margin:0;flex:1 1 140px}.studio-danger{border-top:1px solid var(--border);padding-top:16px}.studio-danger code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--accent)}.studio-fab{position:fixed;right:22px;bottom:22px;z-index:30;padding:11px 18px;border:0;border-radius:99px;background:var(--accent);color:var(--accent-contrast);font-weight:700;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:12px;cursor:pointer;box-shadow:var(--shadow)}@media (max-width: 1240px){.studio{flex-basis:360px}}@media (max-width: 980px){.home{grid-template-columns:1fr}.rail{flex-direction:row;align-items:center;gap:14px;overflow-x:auto}.rail-nav{grid-auto-flow:column}.rail-foot{margin-top:0;margin-left:auto;grid-auto-flow:column;align-items:center}.rail-copy{display:none}.studio{position:absolute;right:0;top:0;bottom:0;z-index:25;flex-basis:340px}}.auth{display:grid;place-items:center;min-height:100%;padding:40px 20px;background:radial-gradient(90% 60% at 50% 0%,rgba(255,180,61,.1),transparent 65%),var(--bg)}.auth-inner{display:grid;justify-items:center;gap:18px;width:100%;max-width:380px}.auth-tagline{margin:-6px 0 0;color:var(--text-muted);font-size:14px;text-align:center}.auth-card{width:100%;display:grid;gap:12px;padding:24px 22px 20px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);text-align:left}.auth-card h1{margin:0 0 4px;font-size:22px}.auth-card p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.6}.auth-card .btn.wide{min-width:0;width:100%}.auth-card input{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:10px 11px;font-size:14.5px;color:var(--text)}.auth-card input:focus{outline:2px solid var(--accent);outline-offset:1px}.auth-error{margin:0;padding:9px 11px;border-radius:9px;background:#ff8a721f;color:var(--danger);font-size:13px}.auth-tick{color:var(--ok)}.auth-foot{display:flex;align-items:center;gap:14px}.auth-back{color:var(--text-muted);font-size:12.5px;text-decoration:none}.auth-back:hover{color:var(--text)}.auth-copy{margin:0;color:var(--text-faint);font-size:11px}.landing{min-height:100%;background:var(--bg);overflow-y:auto}.landing-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;padding:16px 24px;background:#0a0a0bd1;backdrop-filter:blur(10px)}:root[data-theme=light] .landing-nav{background:#f4f2efdb}.landing-nav-right{display:flex;align-items:center;gap:12px}.landing-main{max-width:1180px;margin:0 auto;padding:0 24px}.ls{padding:54px 0;border-top:1px solid var(--border)}.ls:first-child{border-top:0}.ls.alt{background:linear-gradient(180deg,transparent,var(--bg-2) 12%,transparent)}.ls h2{font-size:clamp(24px,3.2vw,34px);margin:0 0 24px}.ls-text{color:var(--text-muted);font-size:15.5px;line-height:1.7;max-width:680px}.ls.hero{padding:70px 0 60px;max-width:800px;border-top:0}.ls.hero h1{margin:0;font-size:clamp(38px,6vw,66px);line-height:1.05}.ls.hero h1 .script{display:block;font-family:var(--font-script);font-style:italic;font-weight:500;letter-spacing:-.015em;color:var(--accent);text-transform:none;font-size:clamp(40px,6.4vw,70px);margin-top:6px}.ls.hero .lede{font-size:18px;line-height:1.65;color:var(--text-muted);margin:24px 0 32px;max-width:620px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn.big{padding:13px 24px;font-size:15.5px;border-radius:12px}.ls-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px 20px 24px}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:19px;margin-bottom:14px}.feature h3{margin:0 0 8px;font-size:17px}.feature p{margin:0;font-size:14px;line-height:1.6;color:var(--text-muted)}.ls-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.ls-steps li{display:grid;grid-template-columns:62px 1fr;align-items:start;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px}.ls-steps .step-no{font-family:var(--font-display);font-size:26px;color:var(--accent)}.ls-steps h3{margin:0 0 6px;font-size:17px}.ls-steps p{margin:0;font-size:14px;line-height:1.6;color:var(--text-muted)}.ls.cta{text-align:center}.ls.cta .ls-text{margin:0 auto 26px}.ls-video{width:100%;border-radius:var(--radius-lg);background:#000}.landing-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:26px 24px 40px;border-top:1px solid var(--border);color:var(--text-faint);font-size:12.5px}.landing-foot p{margin:0}.sample-player{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.sample-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.speed-flat{min-width:46px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.sample-sheet{height:320px;display:flex}.site-editor{display:grid;gap:12px}.site-editor-top{align-items:center}.site-editor-h{margin:6px 0 0;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.lang-tabs{display:inline-flex;gap:3px;padding:3px;background:var(--surface-3);border-radius:99px}.lang-tabs button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer}.lang-tabs button.is-active{background:var(--surface);color:var(--accent)}.section-form{border-left:2px solid var(--accent);padding-left:12px}.section-items{display:grid;gap:10px}.section-item{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.section-item-head{display:flex;align-items:center;justify-content:space-between}.students-alert{margin:0 0 8px;padding:7px 10px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:12.5px}.student-info{display:grid;gap:1px;min-width:0;flex:1 1 auto}.student-info b{font-size:13px}.student-info small{font-size:11px;color:var(--text-faint)}.studio-list li.is-pending{border-color:var(--accent)}.shell{display:grid;grid-template-columns:232px 1fr;height:100%;background:var(--bg);overflow:hidden}.shell-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.rail.is-compact{width:62px}.rail.is-compact .rail-item{justify-content:center;padding:10px 0}.rail.is-compact .rail-brand{display:none}.rail-group{display:grid;gap:2px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.rail-group:last-child{border-bottom:0;margin-bottom:0}.rail-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border:0;border-radius:var(--radius);background:none;color:var(--text-muted);font-size:13.5px;cursor:pointer;text-align:left;width:100%}.rail-item:hover{background:var(--surface-2);color:var(--text)}.rail-item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.rail-user{margin:0;font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:26px 30px 16px;border-bottom:1px solid var(--border)}.page-head h1{margin:0;font-size:28px;letter-spacing:-.01em}.page-head p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.page-body{flex:1 1 auto;overflow-y:auto;padding:22px 30px 60px}.page-head.is-block{background:var(--accent);color:var(--bone-ink);border-bottom:0;align-items:flex-start;padding:10px 30px 11px}.page-head.is-block>div:first-child{flex:1 1 auto;min-width:0;max-width:620px}.page-head.is-block h1{font-size:18px;font-weight:600;letter-spacing:-.015em}.page-block-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.page-head.is-block p{color:inherit;opacity:.72}.page-eyebrow{margin:0!important;font-size:11.5px;font-weight:500;opacity:.7;text-transform:capitalize}.page-figures{display:flex;flex-wrap:wrap;gap:2px 14px;margin:4px 0 0}.page-figures>div{display:flex;align-items:baseline;gap:4px}.page-figures dt{font-size:13px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.page-figures dd{margin:0;font-size:10.5px;opacity:.7}.page-head.is-block .page-head-actions .btn.primary{background:var(--bone-ink);color:var(--bone);border-color:var(--bone-ink)}@media (max-width: 720px){.page-head.is-block{padding:10px 18px 11px;flex-direction:column-reverse}.page-head.is-block .page-head-actions{align-self:flex-end;margin-bottom:2px}.page-figures{gap:6px 18px}}.page-empty{color:var(--text-muted);font-size:14px;margin:6px 0 0}.page-section{margin-bottom:30px}.page-section>h2{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:16px}.page-section>h2 i{font-style:normal;font-size:11px;color:var(--text-faint);background:var(--surface-2);border-radius:99px;padding:2px 8px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card-kind{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:99px;background:#00000080;color:#fff;font-size:10px;font-weight:600;backdrop-filter:blur(4px)}.search-box{display:flex;align-items:center;gap:10px;padding:11px 14px;margin-bottom:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-muted)}.search-box input{flex:1 1 auto;border:0;background:none;font-size:15px;color:var(--text);outline:none}.result-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.result-list button{width:100%;display:grid;gap:2px;text-align:left;cursor:pointer;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.result-list button:hover{border-color:var(--accent)}.result-list span{font-size:12.5px;color:var(--text-muted)}.result-list small{font-size:11px;color:var(--text-faint)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}.panel-card{display:grid;gap:12px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.panel-card h2{margin:0;font-size:16px}.panel-card h2.mt{margin-top:8px}.panel-card input,.panel-card textarea,.panel-card select{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:9px 11px;font-size:14px;color:var(--text);font-family:inherit}.panel-card input:disabled{opacity:.6}.form-ok{margin:0;padding:9px 11px;border-radius:9px;background:#5fe3b31f;color:var(--ok);font-size:13px}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.practice-card{display:grid;gap:12px;padding:20px;justify-items:stretch;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.practice-card h2{margin:0;font-size:16px}.metro-beats{display:flex;gap:8px;justify-content:center}.metro-beats i{width:14px;height:14px;border-radius:50%;background:var(--surface-3);transition:background .05s}.metro-beats i.is-on{background:var(--accent)}.metro-bpm{display:flex;align-items:center;justify-content:center;gap:10px}.metro-bpm strong{font-family:var(--font-display);font-size:40px;line-height:1}.metro-bpm span{font-size:11px;color:var(--text-faint);letter-spacing:.1em}.metro-bpm button{width:30px;height:30px;border-radius:50%;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:17px}.practice-clock{margin:0;text-align:center;font-family:var(--font-display);font-size:44px;font-variant-numeric:tabular-nums}.practice-readout{display:flex;gap:10px}.practice-readout div{flex:1 1 0;padding:12px;display:grid;gap:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.practice-readout strong{font-size:26px;font-family:var(--font-display)}.practice-readout span{font-size:11px;color:var(--text-faint)}.practice-bars{display:flex;align-items:flex-end;gap:4px;height:70px}.practice-bars i{flex:1 1 0;min-height:3px;border-radius:3px 3px 0 0;background:var(--surface-3)}.practice-bars i.is-on{background:var(--accent)}.tuner{grid-column:1 / -1}.tuner-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.tuner-controls .stacked{flex:1 1 200px;min-width:0}.tuner-meter{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 10px}.tuner-note{font-family:var(--font-display);line-height:1;display:flex;align-items:baseline;gap:2px}.tuner-note b{font-size:56px;letter-spacing:-1px}.tuner-note sub{font-size:18px;color:var(--text-faint)}.tuner-waiting{color:var(--text-faint)}.tuner-scale{position:relative;width:100%;max-width:520px;height:34px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tuner-zone{position:absolute;left:45%;width:10%;top:0;bottom:0;background:color-mix(in srgb,var(--ok) 16%,transparent)}.tuner-centre{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border-strong)}.tuner-needle{position:absolute;top:3px;bottom:3px;width:4px;border-radius:2px;transform:translate(-50%);background:var(--text-faint);transition:left 90ms linear,background .16s var(--ease)}.tuner-meter.is-flat .tuner-needle,.tuner-meter.is-sharp .tuner-needle{background:var(--accent)}.tuner-meter.is-in-tune .tuner-needle{background:var(--ok)}.tuner-meter.is-in-tune .tuner-note b{color:var(--ok)}.tuner-verdict{margin:0;font-size:14px;font-weight:600}.tuner-meter.is-in-tune .tuner-verdict{color:var(--ok)}.tuner-meter.is-idle .tuner-verdict{color:var(--text-faint);font-weight:400}.tuner-hz{margin:0;font-size:11px;color:var(--text-faint)}.tuner-strings{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tuner-string{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:52px;padding:8px 6px;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .16s var(--ease),background .16s var(--ease)}.tuner-string:hover{border-color:var(--border-strong)}.tuner-string b{font-family:var(--font-display);font-size:17px}.tuner-string small{font-size:10px;color:var(--text-faint)}.tuner-string.is-target{border-color:var(--accent);background:var(--accent-soft)}.tuner-string.is-pinned{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chordbook{margin-top:16px}.chord-roots,.chord-types{display:flex;gap:6px;flex-wrap:wrap}.chord-chip{padding:6px 12px;cursor:pointer;font-weight:600;font-size:13px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color .16s var(--ease),background .16s var(--ease)}.chord-chip.small{font-size:12px;padding:5px 10px;font-weight:500}.chord-chip:hover{border-color:var(--border-strong)}.chord-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.chord-grid{display:grid;gap:14px;margin-top:4px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.chord-card{margin:0;padding:10px 6px 8px;text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.chord-card figcaption{display:flex;flex-direction:column;align-items:center;gap:4px}.chord-card figcaption b{font-family:var(--font-display);font-size:17px}.chord-diagram{width:100%;max-width:128px;height:auto}.cd-string,.cd-fret{stroke:var(--text-faint);stroke-width:1}.cd-nut{stroke:var(--text);stroke-width:4;stroke-linecap:square}.cd-dot,.cd-barre{fill:var(--accent)}.cd-finger{fill:var(--accent-contrast);font-size:9px;font-weight:700}.cd-open{fill:var(--text-muted);font-size:11px}.cd-position{fill:var(--text-muted);font-size:11px;font-weight:600}.chord-grid.is-wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.arp-diagram{width:100%;height:auto}.arp-string{stroke:var(--text-faint)}.arp-fret{stroke:var(--border-strong);stroke-width:1}.arp-nut{stroke:var(--text);stroke-width:3}.arp-fretnum{fill:var(--text-faint);font-size:10px}.arp-dot{fill:var(--surface-3);stroke:var(--accent);stroke-width:1.5}.arp-dot.is-root{fill:var(--accent);stroke:var(--accent)}.arp-degree{fill:var(--text);font-size:9px;font-weight:700}.arp-degree.is-root{fill:var(--accent-contrast)}.arp-notes{color:var(--text-faint);font-size:11px;letter-spacing:.02em}.piano-row{margin-top:8px}.piano-row-name{margin:0 0 8px;font-family:var(--font-display);font-size:15px;color:var(--accent);letter-spacing:.04em}.piano-card .keyboard-wrap{margin:0 0 6px}.piano-card .keyboard{width:100%;height:auto}.piano-card figcaption small{color:var(--text-faint);font-size:11px}.piano-fingers{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:4px 0 2px;padding:0;list-style:none}.piano-fingers li{display:flex;flex-direction:column;align-items:center;line-height:1.25}.piano-fingers span{font-size:12px;font-weight:600}.piano-fingers span.is-root{color:var(--accent)}.piano-fingers i{font-style:normal;font-size:10px;color:var(--text-faint);min-width:15px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-pill)}.request-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.request-list li{display:grid;gap:5px;padding:13px 15px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.request-list li.is-new{border-color:var(--accent)}.request-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.request-list small{font-size:11.5px;color:var(--text-faint)}.request-list p{margin:2px 0 0;font-size:13.5px;line-height:1.55;color:var(--text-muted)}.request-list time{font-size:11px;color:var(--text-faint)}.pill{padding:3px 9px;border-radius:99px;font-size:10.5px;font-weight:600;background:var(--surface-3);color:var(--text-muted);white-space:nowrap}.pill.is-done{background:#5fe3b329;color:var(--ok)}.pill.is-warn{background:#ff8a7229;color:var(--danger)}.composer{margin-bottom:20px}.composer textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:11px;font:inherit;font-size:14px;color:var(--text);resize:vertical}.thread-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.thread{padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.thread.is-hidden{opacity:.55;border-style:dashed}.post p{margin:6px 0 0;font-size:14.5px;line-height:1.6;white-space:pre-wrap}.post-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.post-head b{font-size:13.5px}.post-head time{margin-left:auto;font-size:11px;color:var(--text-faint)}.post-tools{display:flex;gap:12px;margin-top:8px}.post-tools button{border:0;background:none;padding:0;cursor:pointer;color:var(--text-faint);font-size:11.5px;text-decoration:underline}.post-tools button:hover{color:var(--text)}.reply-list{list-style:none;margin:14px 0 10px;padding:0 0 0 16px;display:grid;gap:12px;border-left:2px solid var(--border)}.reply-box{margin-top:12px;display:grid;gap:8px}.reply-box textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:9px;font:inherit;font-size:13.5px;color:var(--text)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;object-fit:cover;flex:none;background:var(--surface-2)}.avatar-initials{color:#fff;font-weight:800;letter-spacing:.02em}.picker-inner{width:min(920px,100%);margin:0 auto;padding:40px 20px;display:grid;justify-items:center;gap:26px}.picker-title{font-size:clamp(22px,4vw,34px);font-weight:700;text-align:center;margin:0}.picker-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.picker-tile{display:grid;justify-items:center;gap:10px;border:0;background:none;padding:6px;cursor:pointer;color:var(--text-dim)}.picker-tile:disabled{cursor:default}.picker-face{position:relative;display:block;border-radius:14px}.picker-face .avatar{border:3px solid transparent;transition:border-color .12s,transform .12s}.picker-tile:hover .avatar,.picker-tile:focus-visible .avatar{border-color:var(--accent);transform:translateY(-2px)}.picker-tile.is-current .avatar{border-color:var(--accent)}.picker-tile:hover .picker-name,.picker-tile:focus-visible .picker-name{color:var(--text)}.picker-name{font-size:14.5px;font-weight:600}.picker-role{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.picker-add{width:120px;height:120px;display:grid;place-items:center;border:3px dashed var(--border);border-radius:14px;font-size:44px;line-height:1;color:var(--text-faint)}.picker-tile:hover .picker-add{border-color:var(--accent);color:var(--accent)}.picker-pencil{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;border-radius:14px;color:#fff}.picker-actions{justify-content:center}.profile-editor{width:min(420px,100%);display:grid;gap:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px}.profile-editor h1{font-size:19px;margin:0}.profile-picture{display:grid;justify-items:center;gap:10px;text-align:center}.seg{display:flex;gap:4px;border:1px solid var(--border);border-radius:10px;padding:3px}.seg button{flex:1;border:0;background:none;color:var(--text-dim);padding:7px 10px;border-radius:7px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.seg button.is-active{background:var(--accent);color:#17130c}.btn.danger{color:var(--danger, #d4644c)}.rail-profile{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;padding:6px 4px;cursor:pointer;color:var(--text-dim);font:inherit;font-size:12.5px;text-align:left}.rail-profile:disabled{cursor:default}.rail-profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-profile:not(:disabled):hover{color:var(--text)}.rail-profile .avatar{border-radius:8px}.achievements{display:grid;gap:14px;margin-bottom:22px}.level-card{display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px}.level-badge{position:relative;display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:linear-gradient(150deg,var(--accent),#8a6d14);color:#17130c;font-size:22px;font-weight:800}.level-badge b{position:absolute;font-size:15px;color:#17130c}.level-body{flex:1;min-width:0;display:grid;gap:6px}.level-body small{color:var(--text-faint);font-size:12px}.level-bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.level-bar span{display:block;height:100%;background:var(--accent);border-radius:99px}.level-xp{text-align:right;flex:none}.level-xp b{display:block;font-size:19px;font-variant-numeric:tabular-nums}.level-xp small{color:var(--text-faint);font-size:11px}.badges-title{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.badges-title span{color:var(--accent)}.badge-grid{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.badge{display:grid;justify-items:center;gap:3px;text-align:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px 8px;opacity:.45}.badge.is-earned{opacity:1;border-color:var(--accent)}.badge-art{font-size:26px;line-height:1;filter:grayscale(1)}.badge.is-earned .badge-art{filter:none}.badge b{font-size:12px;font-weight:600}.badge small{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.badge-done{color:var(--accent);font-weight:700}.achievements.is-kids .level-card{padding:22px;gap:20px}.achievements.is-kids .level-badge{width:72px;height:72px;font-size:30px}.achievements.is-kids .level-body b{font-size:20px}.achievements.is-kids .level-bar{height:14px}.achievements.is-kids .level-xp b{font-size:24px}.achievements.is-kids .badge-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.achievements.is-kids .badge{padding:18px 10px;border-radius:18px}.achievements.is-kids .badge-art{font-size:40px}.achievements.is-kids .badge b{font-size:13.5px}.achievements.is-kids .badge.is-earned{box-shadow:0 0 0 3px #e8913a2e}.kids-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);padding:11px 12px}.kids-toggle span{display:grid;gap:2px}.kids-toggle small{color:var(--text-faint);font-size:12px}.plan-lede{margin:-12px 0 0;color:var(--text-faint);font-size:13.5px;text-align:center}.plan-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;width:100%;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.plan-card{display:grid;justify-items:start;gap:6px;width:100%;height:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px;cursor:pointer;text-align:left;color:var(--text-dim);transition:border-color .12s,transform .12s}.plan-card:hover:not(:disabled),.plan-card:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.plan-card.is-chosen{border-color:var(--accent)}.plan-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:11px;background:var(--surface-2);color:var(--accent)}.plan-name{color:var(--text);font-size:16px}.plan-price{color:var(--accent);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.plan-price small{font-size:12px;font-weight:600;color:var(--text-faint)}.plan-converted{margin-top:-4px;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.plan-seats{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:700}.plan-blurb{font-size:12.5px;line-height:1.45}.plan-note{text-align:center;max-width:46ch}.icon-picker{position:relative;display:inline-flex}.icon-picker-current{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text-dim);cursor:pointer}.icon-picker-current:hover{color:var(--accent);border-color:var(--accent)}.icon-picker-grid{position:absolute;top:calc(100% + 5px);left:0;z-index:30;display:grid;grid-template-columns:repeat(6,28px);gap:4px;padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 12px 28px #00000073}.icon-picker-grid button{display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:7px;background:none;color:var(--text-dim);cursor:pointer}.icon-picker-grid button:hover{background:var(--surface-2);color:var(--text)}.icon-picker-grid button.is-active{border-color:var(--accent);color:var(--accent)}.add-person{display:grid;gap:10px;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:12px}.add-person-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px}.add-person-done{margin:0;padding:9px 10px;border-radius:9px;font-size:12.5px;background:var(--surface);border:1px solid var(--accent);color:var(--text-dim)}.add-person-done code{display:block;margin-top:6px;font-size:14px;font-weight:700;color:var(--accent);user-select:all;word-break:break-all}@media (max-width: 620px){.add-person-row{grid-template-columns:1fr}}.student-info{display:flex;align-items:center;gap:10px;text-align:left}.student-info>span{display:grid;min-width:0}.student-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-list{list-style:none;margin:8px 0 2px;padding:0 0 0 14px;display:grid;gap:6px;border-left:2px solid var(--border)}.profile-list>li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-list>li.is-hidden{opacity:.5}.role-select{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:7px;padding:3px 5px;font:inherit;font-size:11px;cursor:pointer}.comments-panel{display:grid;gap:14px}.comments-panel .composer{margin-bottom:4px}.comments-compose-row{align-items:center;justify-content:space-between;gap:10px}.comments-at{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint);cursor:pointer}.comments-at b{color:var(--text-dim);font-variant-numeric:tabular-nums}.timecode{border:1px solid var(--border);background:var(--surface-2);color:var(--accent);border-radius:var(--radius-pill);padding:1px 9px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.timecode:hover{border-color:var(--accent)}.faq{display:grid;gap:8px;max-width:760px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.faq-item>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:0;background:none;color:var(--text);font-size:14.5px;font-weight:600;text-align:left;cursor:pointer}.faq-item.is-open{border-color:var(--accent)}.faq-item p{margin:0;padding:0 16px 16px;font-size:14px;line-height:1.65;color:var(--text-muted)}.contact-card{margin-top:20px;max-width:760px}.menu-editor{display:grid;gap:10px}.menu-row{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0}.menu-row input{flex:1 1 auto;min-width:0;border:1px solid var(--border);background:var(--surface-2);border-radius:7px;padding:5px 8px;font-size:13px;color:var(--text)}.menu-row code{font-size:10.5px;color:var(--text-faint)}.studio-list li.is-muted{opacity:.5}.inbox{display:grid;gap:10px}@media (max-width: 980px){.shell{grid-template-columns:1fr}.shell .rail{flex-direction:row;align-items:center;gap:10px;overflow-x:auto}.shell .rail-group{grid-auto-flow:column;border-bottom:0;padding-bottom:0;margin-bottom:0}.shell .rail-nav{display:flex;gap:10px}}.card.is-hidden{opacity:.55;border-style:dashed}.card-hidden{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:99px;background:#0009;color:var(--danger);font-size:10px;font-weight:700;letter-spacing:.04em}.step-tab.is-hidden .step-title,.step-tab.is-hidden .step-subtitle{opacity:.55}.tab-hidden{color:var(--danger);font-size:11px}.ls-wrap.is-hidden{opacity:.5;outline:1px dashed var(--border-strong);outline-offset:-6px}.hidden-note{margin:0;padding:6px 0 0;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--danger);font-weight:600}.stats{display:grid;gap:22px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{display:grid;gap:3px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.stat strong{font-family:var(--font-display);font-size:30px;line-height:1}.stat span{font-size:11.5px;color:var(--text-faint)}.stat-block{display:grid;gap:10px}.stat-block h3{margin:0;font-size:15px}.week-grid{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.week-col{display:grid;grid-template-rows:repeat(7,1fr);gap:4px}.heat{width:13px;height:13px;border-radius:3px;background:var(--surface-3)}.heat-1{background:#ffb43d47}.heat-2{background:#ffb43d80}.heat-3{background:#ffb43dbf}.heat-4{background:var(--accent)}.lesson-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lesson-bars li{display:grid;grid-template-columns:1fr 140px auto;align-items:center;gap:12px}.lesson-bar-name{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-bar{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.lesson-bar span{display:block;height:100%;border-radius:99px}.lesson-bar-count{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.fact-list{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13.5px;color:var(--text-muted)}.fact-list b{color:var(--text);font-family:var(--font-display);font-size:16px;margin-right:4px}.student-info{flex:1 1 auto;display:grid;gap:1px;min-width:0;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit}.student-info:hover b{color:var(--accent)}.student-stats{grid-column:1 / -1;width:100%;margin-top:10px;padding-top:12px;border-top:1px solid var(--border)}.studio-list li:has(.student-stats){flex-wrap:wrap}.audit{display:grid;gap:10px}.audit-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:320px;overflow-y:auto}.audit-list li{display:grid;gap:1px;padding:7px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.audit-list li.is-warn{border-color:var(--danger)}.audit-list b{font-size:12.5px;text-transform:capitalize}.audit-list span{font-size:11.5px;color:var(--text-muted)}.audit-list em{font-size:11px;color:var(--text-faint);font-style:normal}.audit-list small{font-size:10.5px;color:var(--text-faint)}.auth-link{border:0;background:none;padding:2px;color:var(--text-muted);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}.auth-link:hover{color:var(--accent)}.score-stalled{max-width:460px;text-align:left;line-height:1.5}.score-stalled code{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:5px;background:var(--surface-3);color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}html,body{max-width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%}.auth,.picker-inner,.shell,.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 1024px){.split{flex-direction:column}.split-pane{width:100%!important}.split-handle{width:100%;height:12px;cursor:row-resize}}@media (max-width: 820px){button,.btn,.tool-btn,.icon-btn,.rail-item,.step-tab,select,input[type=checkbox]{min-height:44px}.icon-btn,.tool-btn{min-width:44px}input,select,textarea{font-size:16px}.picker-inner{padding:24px 16px;gap:20px}.plan-grid{grid-template-columns:1fr}.profile-editor{width:100%;padding:18px}.picker-grid{gap:16px}.picker-tile .avatar,.picker-add{width:88px!important;height:88px!important}.picker-add{font-size:34px}}@media (max-width: 620px){.landing-nav{flex-wrap:wrap;gap:10px}.landing-nav-right{flex-wrap:wrap;justify-content:flex-end;gap:8px}.shell .rail,.rail{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--border);padding:6px 8px;gap:6px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail-item span{display:none}.rail-item{padding:10px;justify-content:center}.rail-brand,.rail-copy{display:none}.rail-profile span{max-width:90px}.video-pane{max-height:34vh}.lesson-head-title h1{font-size:16px}.lesson-byline{font-size:11px}.toolbar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.transport{position:sticky;bottom:0;z-index:25;background:var(--surface)}.stat-row{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.level-card{flex-wrap:wrap}.add-person-row{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-height: 480px) and (orientation: landscape){.video-pane{max-height:45vh}.picker-inner{padding:12px;gap:12px}.picker-tile .avatar,.picker-add{width:72px!important;height:72px!important}.picker-title{font-size:18px}}@media (min-width: 1600px){html{font-size:18px}.picker-inner{width:min(1200px,100%)}.picker-tile .avatar,.picker-add{width:150px!important;height:150px!important}.picker-name{font-size:17px}.plan-grid{grid-template-columns:repeat(4,1fr);max-width:1300px}.shell-main>*{max-width:1500px}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width: 1920px){html{font-size:20px}.picker-tile .avatar,.picker-add{width:180px!important;height:180px!important}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.picker-tile:focus-visible .avatar,.picker-tile:focus-visible .picker-add{outline:4px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bill-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2)}.bill-toggle button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--text-dim);cursor:pointer;padding:8px 16px;border-radius:var(--radius-pill);font:inherit;font-size:13px;font-weight:600}.bill-toggle button.is-active{background:var(--accent);color:#17130c}.bill-toggle span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.plan-billnote{margin-top:-2px;font-size:11.5px;line-height:1.35;color:var(--text-faint)}.plan-from{font-style:normal;font-size:12px;font-weight:600;color:var(--text-faint)}.inbox .studio-list li.is-unread{border-left:3px solid var(--accent, #c9a227)}.inbox-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:44px}.inbox-open:focus-visible{outline:2px solid var(--accent, #c9a227);outline-offset:3px;border-radius:6px}.inbox-body{margin-top:.6rem;padding:.7rem .8rem;border-radius:8px;background:#ffffff0a;font-size:.9rem}.inbox-body p{display:grid;grid-template-columns:minmax(6rem,9rem) 1fr;gap:.4rem .9rem;margin:0 0 .45rem}.inbox-body p b{color:var(--muted, #9a9186);font-weight:500}.inbox-body p span{white-space:pre-wrap;word-break:break-word}@media (max-width: 620px){.inbox-body p{grid-template-columns:1fr;gap:.15rem}}.instrument-panel{flex:0 0 auto;margin:.6rem .9rem 0;padding:.85rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.ip-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:.7rem}.ip-modes{display:inline-flex;border-radius:var(--radius-pill);background:#00000040;padding:3px}.ip-modes button{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:0 .85rem;border:0;border-radius:var(--radius-pill);background:none;color:var(--muted, #9a9186);font:inherit;font-size:.85rem;cursor:pointer}.ip-modes button.is-active{background:var(--accent, #c9a227);color:#1a1710;font-weight:600}.ip-modes button:disabled{opacity:.4;cursor:not-allowed}.ip-tools,.ip-explore{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem}.ip-explore{margin-bottom:.7rem}.ip-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--muted, #9a9186);min-height:34px}.ip-capo{font-size:.8rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background:#c9a2272e;color:var(--accent, #c9a227)}.ip-hint{margin:.6rem 0 0;text-align:center}.fretboard-wrap,.keyboard-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.fretboard{display:block;width:100%;min-width:620px;height:auto}.keyboard{display:block;width:100%;min-width:560px;height:auto}.fb-board{fill:#3b2a1c}.fb-inlay{fill:#ffffff29}.fb-fret{stroke:#b9b2a6;stroke-width:2}.fb-nut{stroke:#efe9dd;stroke-width:6}.fb-capo{stroke:var(--accent, #c9a227);stroke-width:7;opacity:.85}.fb-string{stroke:#d8d2c6;opacity:.85}.fb-fretnum{fill:var(--muted, #9a9186);font-size:13px}.fb-openname{fill:var(--text, #e9e9ee);font-size:14px;font-weight:800}.fb-hit{fill:transparent;cursor:pointer}.fb-hit:focus-visible{fill:#c9a22738;outline:2px solid var(--accent, #c9a227);outline-offset:-2px}.fb-note{fill:#ffffff24;stroke:#ffffff47;stroke-width:1}.fb-note.is-scale{fill:#c9a22759;stroke:var(--accent, #c9a227)}.fb-note.is-root{fill:var(--accent, #c9a227);stroke:#fff3d0;stroke-width:2}.fb-note.is-lit{fill:#4ad4a0;stroke:#eafff6;stroke-width:2}.fb-notename{fill:#14110c;font-size:11px;font-weight:700;pointer-events:none}.fb-note.is-scale+.fb-notename{fill:#f6efdd}.fb-note.is-root+.fb-notename,.fb-note.is-lit+.fb-notename{fill:#14110c}.kb-white{fill:#f4efe6;stroke:#2a2620;stroke-width:1;cursor:pointer}.kb-black{fill:#1b1815;stroke:#000;stroke-width:1;cursor:pointer}.kb-white.is-scale{fill:#f0dfae}.kb-black.is-scale{fill:#6b5820}.kb-white.is-root{fill:var(--accent, #c9a227)}.kb-black.is-root{fill:#a8871f}.kb-white.is-lit{fill:#4ad4a0}.kb-black.is-lit{fill:#2fa87c}.kb-white:focus-visible,.kb-black:focus-visible{outline:2px solid var(--accent, #c9a227);outline-offset:-3px}.kb-name{font-size:10px;fill:#6b6357;pointer-events:none}.kb-name.is-c{font-weight:700;fill:#3a352c}.kb-name.is-black{fill:#cfc7b8}@media (max-width: 620px){.instrument-panel{padding:.6rem}.ip-head{gap:.45rem}.fretboard{min-width:560px}}@media (prefers-reduced-motion: reduce){.fb-note,.kb-white,.kb-black{transition:none!important}}.rail-instruments{display:flex;flex-direction:column;gap:2px;margin:0 .5rem .8rem;padding:4px;border-radius:10px;background:#00000038}.rail-instruments.is-compact{margin:0 .3rem .6rem}.rail-instrument{display:flex;align-items:center;gap:.55rem;width:100%;min-height:40px;padding:0 .6rem;border:0;border-radius:7px;background:none;color:var(--muted, #9a9186);font:inherit;font-size:.88rem;text-align:left;cursor:pointer}.rail-instruments.is-compact .rail-instrument{justify-content:center;padding:0}.rail-instrument:hover{background:#ffffff0d;color:var(--text, #efe9dd)}.rail-instrument.is-active{background:var(--accent, #c9a227);color:#1a1710;font-weight:600}.rail-instrument:focus-visible{outline:2px solid var(--accent, #c9a227);outline-offset:2px}.rail-count{margin-left:auto;font-size:.72rem;font-weight:600;opacity:.75;font-variant-numeric:tabular-nums}.fretboard{max-height:210px}.keyboard{max-height:186px}.instrument-panel.is-closed{margin:.4rem .9rem 0;padding:0;background:none;border:0;text-align:center}.ip-reopen{display:inline-flex;align-items:center;gap:.4rem;min-height:32px;padding:0 .85rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-pill);background:#ffffff08;color:var(--muted, #9a9186);font:inherit;font-size:.82rem;cursor:pointer}.ip-reopen:hover{color:var(--text, #efe9dd)}@media (max-height: 700px){.fretboard{max-height:160px}.keyboard{max-height:140px}}.card-cover.has-image{background-size:cover;background-position:center;background-repeat:no-repeat}.card-cover.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,transparent 42%,rgba(0,0,0,.5) 100%);pointer-events:none}.lesson-header.has-image{position:relative;background-size:cover;background-position:center}.lesson-header-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#12100df0,#12100dd1 45%,#12100d99);pointer-events:none}.lesson-header.has-image>*:not(.lesson-header-scrim){position:relative;z-index:1}.section-cover{position:relative;display:flex;align-items:flex-end;min-height:150px;margin:0 0 1.2rem;border-radius:14px;overflow:hidden;background-size:cover;background-position:center}.section-cover-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,9,7,.85) 100%)}.section-cover-name{position:relative;padding:.9rem 1.1rem;font-size:1.35rem;font-weight:700;letter-spacing:.01em;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.6)}@media (max-width: 620px){.section-cover{min-height:110px}.section-cover-name{font-size:1.1rem}}.imgpick{display:block;margin:.9rem 0}.imgpick-label{display:block;margin-bottom:.35rem;font-size:.82rem;color:var(--muted, #9a9186)}.imgpick-frame{position:relative;display:grid;place-items:center;width:100%;border-radius:10px;border:1px dashed rgba(255,255,255,.18);background:#ffffff08;overflow:hidden}.imgpick-frame.has-image{border-style:solid}.imgpick-frame img{width:100%;height:100%;object-fit:cover;display:block}.imgpick-empty{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.8rem;color:var(--muted, #9a9186)}.imgpick-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.5rem}.imgpick-size{font-size:.75rem;color:var(--muted, #9a9186);font-variant-numeric:tabular-nums}.studio-dupe{margin:.9rem 0}.studio-dupe-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.studio-dupe-row .btn{display:inline-flex;align-items:center;gap:.35rem}.card-cover.has-image>*{position:relative;z-index:1}.teacher-list{display:flex;flex-direction:column;gap:1.6rem}.teacher{padding:1.1rem;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.teacher-head{display:flex;gap:1.1rem;align-items:flex-start}.teacher-photo{flex:0 0 auto;width:128px;height:128px;border-radius:12px;object-fit:cover;background:var(--surface-2, #1a1713)}.teacher-photo.is-blank{display:grid;place-items:center;font-size:2.6rem;font-weight:700;color:#ffffff59}.teacher-intro{min-width:0}.teacher-intro h2{margin:0 0 .15rem;font-size:1.3rem}.teacher-role{margin:0 0 .6rem;color:var(--accent, #c9a227);font-size:.9rem}.teacher-bio{margin:0 0 .85rem;max-width:62ch;line-height:1.65;white-space:pre-wrap}.teacher-actions{display:flex;flex-wrap:wrap;gap:.5rem}.teacher-actions .btn{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.teacher-video{position:relative;margin-top:1rem;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16 / 9}.teacher-video iframe,.teacher-video video{position:absolute;inset:0;width:100%;height:100%;border:0}.teacher-lessons{margin-top:1.2rem}.teacher-lessons h3{margin:0 0 .6rem;font-size:.95rem;color:var(--muted, #9a9186);font-weight:600}@media (max-width: 620px){.teacher-head{flex-direction:column}.teacher-photo{width:96px;height:96px}}.teacher-thumb{width:26px;height:26px;border-radius:6px;object-fit:cover;flex:0 0 auto}.teacher-edit{margin-top:.7rem;padding:.8rem;border-radius:10px;background:#00000038}.teacher-edit textarea{width:100%;resize:vertical;font:inherit}.teachers-panel .studio-list li{display:block}.teachers-panel .studio-list-name{display:flex;align-items:center;gap:.55rem;text-align:left}.workspace{overflow-y:auto;overflow-x:hidden}.stage{min-height:300px;border-bottom:1px solid var(--border)}.video-pane{min-height:190px}.score-view{min-height:240px}.instrument-panel{border-top:1px solid var(--border);border-radius:0;margin:0;padding:.7rem var(--stage-pad) .9rem;background:var(--surface-2, rgba(255, 255, 255, .02))}.instrument-panel.is-closed{padding:.45rem .9rem;border-top:1px solid var(--border);background:none}@media (max-height: 820px){.stage{min-height:250px}.video-pane{min-height:150px}.score-view{min-height:200px}}@media (max-height: 680px){.stage{min-height:210px}.video-pane{min-height:120px}.score-view{min-height:170px}}@media (max-width: 640px){.stage{min-height:380px}.video-pane{min-height:160px}.score-view{min-height:200px}}.stack{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0}.stack-row{display:flex;min-width:0;min-height:0}.stack{min-height:0;overflow-y:auto}.video-row{flex:0 0 auto;border-bottom:1px solid var(--border)}.lower-row{flex:1 1 auto;min-height:0}.stack-handle{flex:0 0 auto;height:10px;display:grid;place-items:center;cursor:row-resize;color:var(--border-strong);background:var(--surface-2);border-bottom:1px solid var(--border)}.stack-handle:hover{color:var(--accent)}.stack-handle svg{transform:rotate(90deg)}.fret-pane{flex:0 0 auto;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-left:1px solid var(--border)}.fret-pane .instrument-panel{flex:1 1 auto;min-height:0;overflow-y:auto;border-top:0;margin:0}.fret-pane .fretboard{min-width:420px;max-height:none}.fret-pane .keyboard{min-width:380px;max-height:none}@media (max-width: 900px){.lower-row{flex-direction:column}.fret-pane{width:100%!important;flex:0 0 auto;border-left:0;border-top:1px solid var(--border)}.lower-row>.split-handle{width:100%;height:10px;cursor:row-resize}.fret-pane .fretboard{min-width:560px;max-height:210px}.fret-pane .keyboard{min-width:520px;max-height:186px}}.fret-pane .fretboard,.fret-pane .keyboard{min-width:0;max-height:none}.ip-board{min-width:0;width:100%}.split-handle:focus-visible,.stack-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;color:var(--accent)}.split-handle:before,.stack-handle:before{content:"";position:absolute;z-index:2}.split-handle,.stack-handle{position:relative}.split-handle:before{inset:0 -6px}.stack-handle:before{inset:-6px 0}.split-handle:active,.stack-handle:active{color:var(--accent)}@media (pointer: coarse){.split-handle{width:16px}.stack-handle{height:16px}}.legal{max-width:74ch}.legal-tabs{margin-bottom:1rem}.legal-todo{margin:0 0 1.2rem;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(224,102,63,.45);background:#e0663f1f;font-size:.86rem}.legal-doc h2{margin:1.6rem 0 .5rem;font-size:1.02rem;letter-spacing:.01em}.legal-doc section:first-child h2{margin-top:0}.legal-doc p{margin:0 0 .75rem;line-height:1.7}.legal-doc ul{margin:0 0 .9rem;padding-left:1.1rem;line-height:1.7}.legal-doc li{margin-bottom:.35rem}.legal-table{list-style:none;padding:0;margin:0 0 1rem}.legal-table li{display:grid;grid-template-columns:minmax(9rem,12rem) 1fr;gap:.2rem 1rem;padding:.6rem 0;border-top:1px solid var(--border)}.legal-table li b{font-weight:600}.legal-table li small{grid-column:2;color:var(--muted)}@media (max-width: 620px){.legal-table li{grid-template-columns:1fr}.legal-table li small{grid-column:1}}.legal-foot{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.84rem;color:var(--muted)}.auth-consent{margin:.2rem 0 .6rem;font-size:.78rem;line-height:1.5;color:var(--muted);text-align:center}.auth-consent a{color:inherit}.video-embed{width:100%;height:100%;border:0;display:block}.audio-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;height:100%;padding:1rem;color:var(--muted);background:linear-gradient(160deg,rgba(201,162,39,.14),transparent 70%);text-align:center}.audio-title{margin:0;font-weight:600;color:var(--text);word-break:break-word}.audio-stage .hint{margin:0}.video-nosync{font-weight:500;font-size:.72rem;padding:.1rem .45rem;border-radius:var(--radius-pill);background:#e0663f40;color:#ffd9c9;white-space:nowrap}.hint.is-warn{color:#e0663f}.legal-standalone .auth-inner{max-width:74ch}.legal-standalone .legal-doc{text-align:left}.sidebar{flex:0 0 auto;width:264px;display:flex;flex-direction:column;min-height:0;background:var(--surface-2);border-right:1px solid var(--border)}.sidebar.is-collapsed{width:44px;align-items:center;padding-top:.6rem}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.85rem .5rem .7rem .9rem;border-bottom:1px solid var(--border)}.sidebar-heading{min-width:0}.sidebar-title{margin:0;font-size:.98rem;line-height:1.25;word-break:break-word}.sidebar-head .eyebrow{display:block;margin-top:.15rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:1rem}.sidebar-empty{padding:1rem .9rem}.grade{border-bottom:1px solid var(--border)}.grade-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.75rem .7rem .75rem .9rem;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.grade-head:hover{background:#ffffff08}.grade-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grade-titles{min-width:0}.grade-titles b{display:block;font-size:.88rem}.grade-titles small{display:block;margin-top:.1rem;font-size:.76rem;color:var(--muted)}.grade-body{padding:0 .6rem .7rem}.grade-blurb{margin:0 .3rem .6rem;font-size:.76rem;line-height:1.55;color:var(--muted)}.grade-progress{margin:0 .3rem .5rem;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.grade-loose{margin:0;padding:.75rem .9rem .3rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.lesson-list{list-style:none;margin:0;padding:0}.lesson-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:40px;padding:.4rem .55rem;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;text-align:left;cursor:pointer}.lesson-item:hover{background:#ffffff0a;color:var(--text)}.lesson-item.is-active{background:#5b4bd638;color:var(--text)}.lesson-item.is-active b{color:var(--accent)}.lesson-item.is-hidden{opacity:.5}.lesson-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.lesson-item-text{min-width:0}.lesson-item-text b{display:block;font-size:.83rem;font-weight:500}.lesson-item-text small{display:block;font-size:.72rem;opacity:.75}.lesson-item-right{flex:0 0 auto;opacity:.7}.lesson-empty{padding:.4rem .55rem}@media (max-width: 900px){.sidebar{width:210px}}@media (max-width: 640px){.sidebar{display:none}.sidebar.is-collapsed{display:flex}}.score-row{flex:1 1 auto;min-height:0}.score-row .score-view{flex:1 1 auto;width:100%}.fret-row{flex:0 0 auto;min-height:0;border-top:1px solid var(--border);background:var(--surface-2)}.fret-row .instrument-panel{flex:1 1 auto;width:100%;min-height:0;overflow-y:auto;margin:0;border-top:0}.fret-row .fretboard,.fret-row .keyboard{min-width:0;max-height:none}.lower-row{display:none}@media (max-width: 900px){.fret-row{border-left:0}}.score-row{min-height:140px}.score-row .score-view{min-height:0;height:100%}.fret-row .instrument-panel{min-height:0}.fret-row{flex:0 0 auto;height:auto}.fret-row .instrument-panel{overflow:visible}.instrument-panel.size-small .fretboard{max-height:84px}.instrument-panel.size-small .keyboard{max-height:76px}.instrument-panel.size-medium .fretboard{max-height:132px}.instrument-panel.size-medium .keyboard{max-height:118px}.instrument-panel.size-large .fretboard{max-height:210px}.instrument-panel.size-large .keyboard{max-height:186px}.instrument-panel.size-small .fb-fretnum{display:none}.ip-sizes{display:inline-flex;border-radius:var(--radius-pill);background:#00000040;padding:3px}.ip-sizes button{min-width:30px;min-height:28px;padding:0 .4rem;border:0;border-radius:var(--radius-pill);background:none;color:var(--muted);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.ip-sizes button.is-active{background:var(--accent);color:#1a1710}.ip-sizes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-height: 760px){.instrument-panel.size-large .fretboard{max-height:150px}.instrument-panel.size-large .keyboard{max-height:136px}}.waiting{margin:0 0 1.1rem;padding:.7rem .8rem .5rem;border-radius:10px;border:1px solid rgba(201,162,39,.3);background:#c9a22712}.waiting h6{display:flex;align-items:center;gap:.45rem;margin:0 0 .4rem;font-size:.82rem;letter-spacing:.02em}.waiting-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#1a1710;font-size:.72rem;font-weight:700}.waiting .studio-list li{border-color:#c9a22733}.work-list{display:flex;flex-direction:column;gap:.9rem}.work{padding:.9rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.work.is-returned{border-color:#5fe3b34d}.work header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.work h3{margin:0;font-size:1rem}.work-due{font-size:.76rem;color:var(--muted)}.work-due.is-late{color:var(--danger);font-weight:600}.work-note,.work-feedback{margin:.5rem 0;line-height:1.6;font-size:.9rem}.work-feedback{padding:.6rem .8rem;border-radius:8px;background:#5fe3b31a}.work-waiting{display:flex;align-items:center;gap:.4rem;margin:.5rem 0 0;font-size:.85rem;color:var(--ok)}.work-submit{margin-top:.6rem}.work-outcome{padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600}.work-outcome.is-again{background:#ff8a7233;color:var(--danger)}.work-outcome.is-good{background:#ffb43d2e;color:var(--accent)}.work-outcome.is-excellent{background:#5fe3b333;color:var(--ok)}.work-video{position:relative;margin-top:.6rem;aspect-ratio:16 / 9;max-height:70vh;margin-inline:auto;border-radius:10px;overflow:hidden;background:#000}.work-video:fullscreen{max-height:none;width:100%;height:100%;border-radius:0}.work-video:fullscreen video,.work-video:fullscreen iframe{object-fit:contain}.work-video iframe,.work-video video{position:absolute;inset:0;width:100%;height:100%;border:0}.chat{display:flex;flex-direction:column;gap:.7rem}.chat-log{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto;padding:.3rem}.chat-msg{display:flex}.chat-msg.is-student{justify-content:flex-start}.chat-msg.is-staff{justify-content:flex-end}.chat-bubble{max-width:78%;padding:.55rem .75rem;border-radius:12px;background:var(--surface-3);font-size:.9rem;line-height:1.55}.chat-msg.is-staff .chat-bubble{background:#ffb43d29;border:1px solid rgba(255,180,61,.28)}.chat-bubble p{margin:0 0 .25rem;white-space:pre-wrap;word-break:break-word}.chat-bubble time{display:block;margin-top:.2rem;font-size:.68rem;opacity:.6}.chat-send{display:flex;flex-direction:column;gap:.4rem}.chat-send textarea,.chat-send input{width:100%;font:inherit}.chat-actions{display:flex;gap:.4rem;justify-content:flex-end}.convo-list .studio-list-name{text-align:left}.classroom .studio-seg{margin-bottom:.8rem}.classroom .waiting-count{margin-left:.35rem}.work-detail{margin-top:.6rem}.work-facts{margin:0}.work-facts>div{display:grid;grid-template-columns:minmax(6rem,8rem) 1fr;gap:.3rem .9rem;padding:.35rem 0;border-top:1px solid var(--border)}.work-facts>div:first-child{border-top:0}.work-facts dt{font-size:.76rem;color:var(--muted)}.work-facts dd{margin:0;font-size:.85rem;line-height:1.5;word-break:break-word}.work-facts dd i{opacity:.55}@media (max-width: 620px){.work-facts>div{grid-template-columns:1fr}}.crash{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg, #0a0a0b);color:var(--text, #f6f4f2);font-family:var(--font, system-ui, sans-serif)}.crash-inner{width:100%;max-width:460px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.crash-inner h1{margin:0;font-family:var(--font-display, inherit);font-size:26px}.crash-inner p{margin:0;color:var(--text-muted, #a5a2a8);line-height:1.5}.crash .btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.crash-detail{width:100%;margin-top:6px;text-align:left}.crash-detail summary{cursor:pointer;font-size:12px;color:var(--text-faint, #76737c)}.crash-detail pre{margin:8px 0 0;padding:10px;overflow-x:auto;font-size:11px;color:var(--text-muted, #a5a2a8);background:var(--surface-2, #1c1c1f);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:var(--radius, 10px)}.rotate-hint{display:flex;align-items:center;gap:8px;margin:.6rem 0 0;padding:8px 12px;font-size:13px;line-height:1.4;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius)}.rotate-hint-icon{font-size:16px;flex:0 0 auto}.split-row{flex:1 1 auto;min-width:0;min-height:200px}.split-pane{position:relative;display:flex;min-width:0;min-height:0;overflow:hidden}.split-pane.score-pane{flex:1 1 auto}.video-pane-wrap{flex:0 0 auto}.video-pane-wrap .video-pane{width:100%;min-height:0}.split-handle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:12px;cursor:col-resize;background:var(--surface-2);border-left:1px solid var(--border);border-right:1px solid var(--border)}.split-handle:hover,.split-handle:focus-visible{background:var(--surface-3)}.split-grip{width:2px;height:26px;border-radius:2px;background:var(--text-faint);box-shadow:3px 0 0 var(--text-faint),-3px 0 0 var(--text-faint)}.fret-row,.chords-row{position:relative}.chords-row{flex:0 1 auto;max-height:32vh;overflow-y:auto;border-top:1px solid var(--border);background:var(--surface-2)}.strip-close{position:absolute;top:6px;right:6px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;cursor:pointer;color:var(--text);background:#0000008c;border:1px solid var(--border);border-radius:6px}.strip-close:hover{background:#000000bf;border-color:var(--border-strong)}.stage-tools{position:absolute;left:12px;bottom:12px;z-index:5;display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.stage-tools button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:7px}.stage-tools button:hover{color:var(--text);background:var(--surface-2)}.stage-tools button.is-on{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}@media (max-width: 860px){.split-row{flex-direction:column}.video-pane-wrap{width:100%!important;height:38%}.split-handle{width:100%;height:12px;cursor:row-resize}.split-grip{width:26px;height:2px;box-shadow:0 3px 0 var(--text-faint),0 -3px 0 var(--text-faint)}}.step-tabs-row{position:relative;display:flex;align-items:stretch;min-width:0}.step-tabs-row>.step-tabs{flex:1 1 auto;min-width:0}.lesson-menu{position:relative;flex:0 0 auto;display:flex;align-items:center;padding:0 8px}.lesson-menu-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;cursor:pointer;font-size:18px;line-height:1;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:50%}.lesson-menu-btn:hover{color:var(--text);border-color:var(--border-strong)}.lesson-menu-pop{position:absolute;top:calc(100% + 6px);right:8px;z-index:40;min-width:232px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.lesson-menu-head{margin:4px 10px 6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.lesson-menu-pop button,.lesson-menu-pop a{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;cursor:pointer;text-align:left;text-decoration:none;font-size:14px;color:var(--text);background:transparent;border:0;border-radius:8px}.lesson-menu-pop button:hover,.lesson-menu-pop a:hover{background:var(--surface-2)}.lesson-menu-pop .is-on{color:var(--ok)}.split-row.is-stacked{flex-direction:column}.split-row.is-stacked .video-pane-wrap{width:100%;flex-grow:0;flex-shrink:0}.split-row.is-stacked .split-handle{width:100%;height:12px;cursor:row-resize;border-left:0;border-right:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.split-row.is-stacked .split-grip{width:26px;height:2px;box-shadow:0 3px 0 var(--text-faint),0 -3px 0 var(--text-faint)}.fret-row.is-lefty .fretboard,.chords-row.is-lefty .chord-diagram,.chords-row.is-lefty .arp-diagram{transform:scaleX(-1)}.fret-row.is-lefty .fretboard text,.chords-row.is-lefty .chord-diagram text,.chords-row.is-lefty .arp-diagram text{transform:scaleX(-1);transform-box:fill-box;transform-origin:center}.tool-handed{font-size:13px;font-weight:700;line-height:1}@media (max-width: 1180px){.instrument-panel.size-large .fretboard{max-height:168px}.stage-tools{left:8px;bottom:8px}}@media (max-width: 860px){.split-row{flex-direction:column;min-height:260px}.video-pane-wrap{width:100%!important;flex-basis:38%!important}.split-handle{width:100%;height:14px;cursor:row-resize;border-left:0;border-right:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.split-grip{width:26px;height:2px;box-shadow:0 3px 0 var(--text-faint),0 -3px 0 var(--text-faint)}.instrument-panel.size-large .fretboard,.instrument-panel.size-medium .fretboard{max-height:118px}.chords-row{max-height:34vh}}@media (max-width: 560px){:root{--stage-pad: 10px}.instrument-panel.size-large .fretboard,.instrument-panel.size-medium .fretboard,.instrument-panel.size-small .fretboard{max-height:96px}.fb-fretnum{display:none}.stage-tools{gap:2px;padding:3px}.stage-tools button{width:28px;height:28px}.split-row{min-height:220px}.chord-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}@media (max-height: 500px) and (orientation: landscape){.split-row{flex-direction:row;min-height:150px}.video-pane-wrap{flex-basis:34%!important}.instrument-panel.size-large .fretboard,.instrument-panel.size-medium .fretboard{max-height:84px}}.lower-row{display:flex!important;flex:1 1 auto;min-height:220px;min-width:0;flex-direction:row}.lower-row>.score-pane{flex:1 1 auto;min-width:0}.board-pane{flex:0 0 clamp(280px,34%,460px);min-width:0;border-left:1px solid var(--border);background:var(--surface-2);overflow:auto}.board-pane .instrument-panel{margin:0;border:0;border-radius:0;height:100%}.board-pane .fretboard,.board-pane .keyboard{max-height:none}.split-handle.is-horizontal{width:100%;height:12px;cursor:row-resize;border-left:0;border-right:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.split-handle.is-horizontal .split-grip{width:26px;height:2px;box-shadow:0 3px 0 var(--text-faint),0 -3px 0 var(--text-faint)}.board-pane.is-lefty .fretboard,.board-pane.is-lefty .keyboard{transform:scaleX(-1)}.board-pane.is-lefty .fretboard text,.board-pane.is-lefty .keyboard text{transform:scaleX(-1);transform-box:fill-box;transform-origin:center}@media (max-width: 900px){.lower-row{flex-direction:column}.board-pane{flex:0 0 auto;border-left:0;border-top:1px solid var(--border)}}.stage-wrap:fullscreen{width:100vw;height:100vh;max-height:none;padding:0;background:var(--bg)}.stage-wrap:fullscreen .stack{height:100%}.stage-wrap:fullscreen .split-row,.stage-wrap:fullscreen .lower-row{min-height:0}.stage-wrap:fullscreen .instrument-panel.size-large .fretboard,.stage-wrap:fullscreen .instrument-panel.size-medium .fretboard{max-height:260px}.stage-wrap:fullscreen .chords-row{max-height:40vh}.stage-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}.stage-wrap:fullscreen .stage{flex:1 1 auto;min-height:0}.stage-wrap:fullscreen .transport{flex:0 0 auto}.transport-speed{display:flex;align-items:center;gap:2px;flex:0 0 auto;padding:2px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-pill)}.transport-speed button{min-width:26px;height:26px;cursor:pointer;font-size:15px;line-height:1;color:var(--text-muted);background:transparent;border:0;border-radius:999px}.transport-speed button:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.transport-speed button:disabled{opacity:.4;cursor:default}.transport-speed-value{min-width:46px!important;font-size:12px!important;font-weight:600;color:var(--text)!important}@media (max-width: 560px){.transport-speed-value{min-width:40px!important}}.owner-tag{margin-left:8px;padding:1px 7px;font-size:10px;font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-contrast);background:var(--accent);border-radius:var(--radius-pill)}.work-mini{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.work-mini li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.work-mini b{font-size:13px}.work-mini span{font-size:12px;color:var(--text-muted)}.work-mini small{margin-left:auto;font-size:11px;color:var(--text-faint)}.auth-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;font-size:12px;color:var(--text-faint)}.auth-footer a{color:var(--text-muted);text-decoration:none}.auth-footer a:hover{color:var(--accent);text-decoration:underline}.gift-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.gift-steps li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.gift-steps b{font-size:13px}.gift-steps span{font-size:12px;color:var(--text-muted);line-height:1.45}.gift-redeem{display:flex;flex-direction:column;gap:10px;margin-top:4px}.gift-ok{color:var(--ok);font-size:13px}.new-teacher{margin:10px 0;padding:12px 14px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius)}.new-teacher p{margin:0 0 8px;font-size:13px;line-height:1.5}.new-teacher dl{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 10px}.new-teacher dt{font-size:11px;color:var(--text-faint);text-transform:uppercase}.new-teacher dd{margin:2px 0 0;font-size:14px}.new-teacher-pw{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px!important;font-weight:700;letter-spacing:.5px;user-select:all}.live{display:flex;flex-direction:column;gap:12px;height:100vh;padding:14px;background:var(--bg)}.live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.live-head h1{margin:0;font-size:20px;font-family:var(--font-display)}.live-state{margin:2px 0 0;font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.live-state.is-live{color:var(--ok)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:livepulse 2s ease-in-out infinite}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.35}}.live-stats{color:var(--text-faint)}.live-warn{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:13px;line-height:1.4;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius)}.live-grid{flex:1 1 auto;display:grid;gap:10px;grid-template-columns:1fr 1fr;min-height:0}.live-pane{position:relative;min-height:0;background:#000;border-radius:12px;overflow:hidden}.live-pane video{width:100%;height:100%;object-fit:contain;display:block}.live-label{position:absolute;left:10px;bottom:10px;padding:3px 9px;font-size:12px;color:#fff;background:#0009;border-radius:var(--radius-pill)}.live-controls{display:flex;gap:10px;justify-content:center}.live-controls button{width:46px;height:46px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.live-controls button.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.live-controls .live-leave{color:#fff;background:var(--danger);border-color:var(--danger)}.live-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center}.live-share code{padding:3px 8px;font-size:12px;user-select:all;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.live-start{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}@media (max-width: 860px){.live-grid{grid-template-columns:1fr}}.class-stage{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;min-height:0}.class-teacher{flex:1 1 auto;min-height:0}.class-empty{display:flex;align-items:center;justify-content:center;height:100%;margin:0;color:var(--text-faint);font-size:14px}.class-people{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.class-people li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill)}.class-initial{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:700;color:var(--accent-contrast);background:var(--accent)}.class-name{font-size:13px;color:var(--text)}.class-none{color:var(--text-faint);font-size:13px;background:none!important;border:0!important}.forum-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.forum-new{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.forum-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.forum-list>li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.forum-list>li.is-pinned{border-color:var(--accent)}.forum-head{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;width:100%;padding:12px 14px;cursor:pointer;text-align:left;background:none;border:0;color:var(--text)}.forum-head:hover{background:var(--surface-3)}.forum-head small{grid-column:2;font-size:11px;color:var(--text-faint);display:flex;align-items:center;gap:4px}.forum-title{font-weight:600;font-size:14px}.forum-kind{grid-row:span 2;align-self:start;padding:3px 9px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border)}.forum-kind.is-challenge{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.forum-body{padding:0 14px 14px;border-top:1px solid var(--border)}.forum-body>p{font-size:14px;line-height:1.6;white-space:pre-wrap}.forum-replies{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.forum-replies li{padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.forum-replies b{font-size:13px;display:flex;align-items:center;gap:4px}.forum-replies p{margin:4px 0;font-size:13px;line-height:1.55;white-space:pre-wrap}.forum-replies small{font-size:11px;color:var(--text-faint)}.forum-reply{display:flex;flex-direction:column;gap:8px;margin-top:12px}.forum-tools{margin-top:10px}.tex-preview{margin:10px 0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tex-preview-sheet{width:100%;max-height:260px;overflow:auto;background:var(--sheet-bg);color:var(--sheet-ink);border:1px solid var(--border);border-radius:var(--radius)}.tex-raw{margin:10px 0;padding:10px;overflow-x:auto;font-size:12px;color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius)}.share-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.share-bar>button{display:flex;align-items:center;gap:6px;padding:6px 11px;cursor:pointer;font-size:12px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill)}.share-bar>button:hover{color:var(--text);border-color:var(--border-strong)}.share-bar>button.is-on{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.share-tex{width:100%}.shared-panel{padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:40vh;overflow:auto}.shared-metro{display:flex;flex-direction:column;gap:8px;align-items:center}.shared-metro-row{display:flex;align-items:center;gap:10px}.shared-metro-row b{min-width:74px;text-align:center;font-family:var(--font-display);font-size:17px}.devices{position:relative;margin-left:auto}.devices-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:290px;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.score-preview{display:flex;flex-direction:column;gap:8px}.score-preview-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.score-speeds{display:flex;gap:2px;padding:2px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-pill)}.score-speeds button{padding:4px 10px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-pill)}.score-speeds button:hover{color:var(--text)}.score-speeds button.is-on{color:var(--accent-contrast);background:var(--accent)}.score-preview-board{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.attachments{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.attach-chip{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:7px 12px;font-size:13px;text-decoration:none;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill)}.attach-chip:hover{border-color:var(--border-strong)}.attach-chip.is-video{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.attach-chip a{color:var(--accent)}.attach-image{margin:0;max-width:200px}.attach-image button{padding:0;cursor:zoom-in;background:none;border:0}.attach-image img{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--border)}.attach-image figcaption{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:var(--text-faint)}.attach-x{cursor:pointer;color:var(--danger);background:none;border:0;font-size:13px}.attach-full{position:fixed;inset:0;z-index:100;cursor:zoom-out;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000d9}.attach-full img{max-width:100%;max-height:100%;border-radius:8px}.attach-video{position:relative;width:100%;max-width:560px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000}.attach-video iframe,.attach-video video{position:absolute;inset:0;width:100%;height:100%;border:0}.attach-picker{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.attach-link{display:flex;gap:8px;align-items:flex-end}.attach-link .stacked{flex:1 1 auto}.step-handouts{padding:0 18px 14px}.editor-block h4{margin:0 0 8px;font-size:13px}.share-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 4px}.share-score .hint{margin:0}.share-score-name{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.share-link{max-width:520px}.shared-neck{display:flex;flex-direction:column;gap:10px}.shared-neck-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shared-neck-bar .hint{margin:0}.shared-neck .seg{display:flex;gap:2px;padding:2px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-pill)}.shared-neck .seg button{padding:4px 12px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-pill)}.shared-neck .seg button:hover{color:var(--text)}.shared-neck .seg button.is-on{color:var(--accent-contrast);background:var(--accent)}.live-stage{display:flex;flex:1 1 auto;gap:12px;min-height:0}.live-stage>.shared-panel{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}.live-stage>.live-grid{min-height:0;min-width:0}.live-stage.is-side{flex-direction:row-reverse}.live-stage.is-side>.live-grid{flex:0 0 320px;grid-template-columns:1fr}.live-stage.is-stacked{flex-direction:column-reverse}.live-stage.is-stacked>.live-grid{flex:0 0 40%;grid-template-columns:1fr 1fr}.live-stage.is-classic{flex-direction:column-reverse}.live-stage.is-classic>.live-grid{flex:0 0 120px;grid-template-columns:1fr 1fr}@media (max-width: 900px){.live-stage.is-side{flex-direction:column-reverse}.live-stage.is-side>.live-grid{flex:0 0 34%;grid-template-columns:1fr 1fr}}.ask-form{display:flex;flex-direction:column;gap:6px;max-width:720px;margin-bottom:18px}.ask-row{display:flex;gap:8px}.ask-row input{flex:1 1 auto;min-width:0}.ask-answer{max-width:720px;display:flex;flex-direction:column;gap:12px}.ask-said{padding:14px 16px;line-height:1.6;white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.ask-cite{display:inline-flex;align-items:center;gap:4px;margin:0 2px;padding:1px 7px;font-size:12px;text-decoration:none;white-space:nowrap;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-pill)}.ask-declined{display:flex;align-items:flex-start;gap:8px;margin:0;color:var(--text-muted);font-size:14px}.ask-sources-head{margin:4px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.ask-sources{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ask-sources a{display:flex;flex-direction:column;gap:3px;padding:10px 12px;text-decoration:none;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.ask-sources a:hover{border-color:var(--border-strong)}.ask-sources b{font-size:14px}.ask-sources span{font-size:13px;color:var(--text-muted);line-height:1.5}.chord-grid.is-piano{grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}.piano-card .keyboard{width:100%;height:auto;max-height:148px}.piano-card figcaption b{font-size:19px}.piano-card .piano-fingers span{font-size:13px}@media (max-width: 720px){.chord-grid.is-piano{grid-template-columns:1fr}}.path-intro{max-width:560px}.path-form{display:flex;flex-direction:column;gap:22px;max-width:640px}.path-question{border:0;margin:0;padding:0}.path-question legend{padding:0 0 8px;font-family:var(--font-display);font-size:16px}.path-options{display:flex;flex-wrap:wrap;gap:8px}.path-option{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 13px;font-size:13px;text-align:left;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color .18s var(--ease)}.path-option:hover{border-color:var(--border-strong)}.path-option.is-on{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.path-result{display:flex;flex-direction:column;gap:16px;max-width:640px}.path-summary{padding:18px 20px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.path-summary h2{margin:4px 0 6px;font-family:var(--font-display);font-size:20px;line-height:1.15}.path-summary p{margin:0 0 14px;color:var(--text-muted);line-height:1.6}.path-figures{display:flex;align-items:baseline;gap:6px;margin-bottom:14px;flex-wrap:wrap}.path-figures b{font-family:var(--font-display);font-size:20px}.path-figures span{margin-right:14px;font-size:13px;color:var(--text-faint)}.path-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.path-list button{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;padding:10px 12px;text-align:left;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.path-list button:hover{border-color:var(--border-strong)}.path-number{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text-muted);background:var(--surface-3);border-radius:50%}.path-lesson{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.path-lesson b{font-size:14px}.path-lesson span{font-size:12px;color:var(--text-faint)}.plan{display:flex;flex-direction:column;gap:12px;max-width:640px;margin-top:26px}.plan-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.plan-head h3{margin:0;font-family:var(--font-display);font-size:18px}.plan-head .hint{margin:0}.plan-days{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.plan-day{display:flex;align-items:stretch;gap:10px;position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.plan-day.is-rest,.plan-day.is-practise{background:transparent}.plan-day.is-test{border-color:var(--accent);background:var(--accent-soft)}.plan-day.is-done{border-color:var(--border-strong)}.plan-day-name{flex:0 0 68px;display:grid;place-items:center;padding:10px 0;font-size:12px;font-weight:700;color:var(--text-faint);background:var(--surface-3)}.plan-day-body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;text-align:left;cursor:pointer;color:inherit;background:none;border:0}.plan-day-body.is-quiet{cursor:default}button.plan-day-body:hover{background:var(--surface-3)}.plan-day-body b{font-size:14px}.plan-day-body span{font-size:12px;color:var(--text-faint)}.plan-tick{position:absolute;right:10px;top:12px;color:var(--ok)}.plan-test{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;padding:12px;min-width:0}.plan-test>b{font-family:var(--font-display);font-size:15px}.plan-test .hint{margin:0}.plan-test ul{display:flex;flex-direction:column;gap:6px;margin:4px 0;padding:0;list-style:none}.plan-test li{display:flex;align-items:flex-start;gap:8px}.plan-test label{display:flex;align-items:flex-start;gap:8px;flex:1 1 auto;font-size:13px;line-height:1.45}.plan-test-open{cursor:pointer;font-size:12px;color:var(--accent);background:none;border:0}.plan-test.is-done{gap:4px}.plan-test.is-done.is-pass>b{color:var(--ok)}.plan-all-head{margin:14px 0 0;font-family:var(--font-display);font-size:16px}.plan-weeks{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.plan-weeks button{display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;padding:8px 10px;text-align:left;color:inherit;background:none;border:1px solid transparent;border-radius:var(--radius)}.plan-weeks button:hover,.plan-weeks button.is-open{background:var(--surface-2);border-color:var(--border)}.plan-week-n{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--surface-3);border-radius:50%}.plan-week-body{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.plan-week-body b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-week-body span{font-size:11px;color:var(--text-faint)}.plan-bar{flex:0 0 60px;height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden}.plan-bar i{display:block;height:100%;background:var(--accent)}@media (max-width: 560px){.plan-day-name{flex-basis:54px;font-size:11px}}.today{display:grid;gap:8px;justify-items:start;margin:0 30px 22px;padding:18px 20px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .18s var(--ease)}.today:hover{border-color:var(--border-strong)}.today-label{font-size:11.5px;letter-spacing:.08em;color:var(--text-faint)}.today h2{margin:0;font-family:var(--font-display);font-size:22px;line-height:1.15}.today p{margin:0;font-size:14px;line-height:1.5;color:var(--text-muted)}.today .btn{margin-top:6px}.today-progress{display:flex;align-items:center;gap:10px;margin-top:6px}.today-count{font-size:11px;color:var(--text-muted)}@media (max-width: 720px){.today{margin:0 16px 18px}.today .btn{width:100%;justify-content:center}}.search-filters{display:flex;flex-direction:column;gap:10px;margin:-10px 0 22px}.search-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-filter>span{flex:0 0 62px;font-size:11.5px;letter-spacing:.08em;color:var(--text-faint)}.search-filter .segmented{display:flex;flex-wrap:wrap}.search-styles{display:flex;flex-wrap:wrap;gap:6px}.search-style{padding:5px 12px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;transition:border-color .18s var(--ease)}.search-style:hover{border-color:var(--border-strong)}.search-style.is-on{color:var(--text);background:var(--surface);border-color:var(--border-strong)}@media (max-width: 560px){.search-filter{align-items:flex-start}.search-filter>span{flex-basis:100%}}.ask-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ask-suggestion{padding:6px 12px;cursor:pointer;font-size:12.5px;text-align:left;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;transition:border-color .18s var(--ease)}.ask-suggestion:hover{color:var(--text);border-color:var(--border-strong)}.ask-suggestion:disabled{opacity:.5;cursor:default}.reward{display:grid;gap:8px;margin:0 30px 22px;padding:16px 20px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.reward-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reward-rank{display:grid;gap:2px}.reward-rank b{font-family:var(--font-display);font-size:19px}.reward-streak{display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;border-radius:99px;background:var(--surface-3);color:var(--accent)}.reward-streak b{font-family:var(--font-display);font-size:16px}.reward-streak span{font-size:11px;color:var(--text-muted)}.reward-bar{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.reward-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}.reward-next{margin:0;font-size:12px;color:var(--text-muted)}.reward-badges{display:flex;flex-wrap:wrap;gap:5px}.reward-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;border-radius:99px;color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.reward-badge.is-next{color:var(--text-faint);background:none;border-style:dashed}.reward-more{justify-self:start;padding:0;cursor:pointer;font-size:11.5px;color:var(--text-faint);background:none;border:0;text-decoration:underline}.reward-more:hover{color:var(--text-muted)}@media (max-width: 720px){.reward{margin:0 16px 18px}}.plan-season{font-size:11.5px;letter-spacing:.06em;color:var(--accent)}.plan-challenge{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.plan-challenge b{color:var(--text)}.plan-challenge.is-finale{border-color:var(--accent);background:var(--accent-soft)}.path-pacing{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:640px;margin-top:22px}.path-pacing>span:first-child{font-size:11.5px;letter-spacing:.08em;color:var(--text-faint)}.path-pacing .hint{margin:0;flex-basis:100%}.song-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.song-list button{display:flex;align-items:center;gap:14px;width:100%;cursor:pointer;padding:11px 12px;text-align:left;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.song-list button:hover{border-color:var(--border-strong)}.song-main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.song-main b{font-size:14px}.song-main span{font-size:12px;color:var(--text-faint)}.song-chords{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:46%}.song-chords i{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 7px;color:var(--text-muted);background:var(--surface-3);border-radius:var(--radius-pill)}.song-level{flex:0 0 auto;font-size:11.5px;color:var(--text-faint)}.song-note{max-width:640px;margin-top:18px}.song-detail{display:flex;flex-direction:column;gap:18px;max-width:720px}.song-head h2{margin:6px 0 8px;font-family:var(--font-display);font-size:24px}.song-head p{margin:0 0 6px;font-size:14px;line-height:1.6;color:var(--text-muted)}.song-origin{font-size:12px;color:var(--text-faint)}.song-section{margin:0;font-family:var(--font-display);font-size:16px}.song-bars{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.song-bars li{display:flex;align-items:center;gap:7px;padding:7px 11px;font-size:14px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.song-bar-n{font-size:10.5px;font-weight:500;color:var(--text-faint)}.song-strum{display:flex;align-items:baseline;gap:8px;margin:0;font-size:13px;line-height:1.5;color:var(--text-muted)}@media (max-width: 560px){.song-chords{display:none}.song-list button{gap:10px}}.buddy{flex:0 0 auto;display:block}.buddy svg{overflow:visible;display:block}.buddy-shadow{fill:var(--text);opacity:.12}.buddy-torso{fill:var(--accent)}.buddy-face{fill:#f2c9a0}.buddy-hair{fill:var(--text);opacity:.85}.buddy-eye{fill:#2b2118}.buddy-smile{stroke:#2b2118;stroke-width:2.4}.buddy-instrument{fill:var(--surface-3);stroke:var(--border-strong);stroke-width:2}.buddy-neck{fill:var(--text-muted)}.buddy-hole{fill:var(--bg)}.buddy-key{fill:var(--surface-1);stroke:var(--border);stroke-width:.8}.buddy-note{fill:var(--accent);opacity:0}.buddy-guitar,.buddy-bass,.buddy-piano{display:none}.buddy.plays-guitar .buddy-guitar,.buddy.plays-bass .buddy-bass,.buddy.plays-piano .buddy-piano{display:block}.buddy-body{transform-origin:60px 108px;animation:buddy-breathe 4.2s ease-in-out infinite}@keyframes buddy-breathe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1.2deg)}}.buddy.is-thinking .buddy-eyes{animation:buddy-look 1.6s ease-in-out infinite}.buddy.is-thinking .buddy-body{animation-duration:1.6s}.buddy.is-thinking .buddy-note{animation:buddy-float 1.8s ease-out infinite}@keyframes buddy-look{0%,to{transform:translate(0)}50%{transform:translate(2px,-3px)}}@keyframes buddy-float{0%{opacity:0;transform:translateY(6px) scale(.8)}35%{opacity:1}to{opacity:0;transform:translate(6px,-18px) scale(1)}}.buddy.is-talking .buddy-smile{animation:buddy-talk .42s steps(2,end) infinite}@keyframes buddy-talk{0%{d:path("M52 55 q8 7 16 0")}to{d:path("M52 56 q8 3 16 0")}}.buddy.is-talking .buddy-body{animation-duration:2.4s}.buddy.is-cheering .buddy-body{animation:buddy-hop .7s ease-in-out 3}.buddy.is-cheering .buddy-eye{transform:scaleY(.35);transform-origin:center}.buddy.is-cheering .buddy-note{animation:buddy-float 1.2s ease-out 3}@keyframes buddy-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-9px) rotate(-4deg)}}@media (prefers-reduced-motion: reduce){.buddy-body,.buddy-eyes,.buddy-smile,.buddy-note{animation:none!important}.buddy-note{opacity:.9}}.ask-buddy{display:flex;align-items:flex-end;gap:14px;margin-bottom:6px}.ask-buddy-says{position:relative;flex:1 1 auto;max-width:460px;padding:12px 14px;border-radius:var(--radius);font-size:14px;line-height:1.5;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border)}.ask-buddy-says:before{content:"";position:absolute;left:-7px;bottom:16px;width:12px;height:12px;transform:rotate(45deg);background:var(--surface-2);border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.ask-buddy-says b{color:var(--text)}@media (max-width: 560px){.ask-buddy{gap:10px}.ask-buddy-says{font-size:13px}}.buddy-arm{stroke:#f2c9a0;stroke-width:6}.buddy-head-stock{fill:var(--text-muted)}.buddy-fab{position:fixed;right:20px;bottom:20px;z-index:60;width:68px;height:68px;padding:4px;cursor:pointer;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:50%;box-shadow:0 8px 24px #00000047;transition:transform .18s ease,border-color .18s ease}.buddy-fab:hover{transform:translateY(-2px) scale(1.04);border-color:var(--accent)}.buddy-fab.is-nudging{animation:buddy-nudge 1.4s ease-in-out 2}@keyframes buddy-nudge{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-6px) rotate(-6deg)}60%{transform:translateY(0) rotate(4deg)}}.buddy-chat{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 40px));background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg, 14px);box-shadow:0 18px 48px #0006;overflow:hidden}.buddy-chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.buddy-chat-head>div{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.buddy-chat-head b{font-size:14px}.buddy-chat-head span{font-size:11.5px;color:var(--text-faint)}.buddy-close{flex:0 0 auto;width:28px;height:28px;cursor:pointer;font-size:20px;line-height:1;color:var(--text-muted);background:none;border:0;border-radius:6px}.buddy-close:hover{background:var(--surface-3);color:var(--text)}.buddy-chat-list{flex:1 1 auto;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.buddy-said,.buddy-asked{max-width:88%;margin:0;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.5}.buddy-said{align-self:flex-start;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}.buddy-asked{align-self:flex-end;color:var(--bg);background:var(--accent);border-bottom-right-radius:4px}.buddy-said.is-waiting{letter-spacing:3px;animation:buddy-dots 1.2s steps(4) infinite}@keyframes buddy-dots{0%{opacity:.35}50%{opacity:1}to{opacity:.35}}.buddy-sources{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.buddy-sources a{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--accent);text-decoration:none}.buddy-sources a:hover{text-decoration:underline}.buddy-suggestions{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 10px}.buddy-suggestions button{padding:6px 10px;cursor:pointer;font-size:12px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill)}.buddy-suggestions button:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.buddy-suggestions button:disabled{opacity:.5;cursor:default}.buddy-chat-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.buddy-chat-form input{flex:1 1 auto;min-width:0}.buddy-clear{padding:0 12px 10px;align-self:flex-start;cursor:pointer;font-size:11.5px;color:var(--text-faint);background:none;border:0;text-decoration:underline}.buddy-clear:hover{color:var(--text-muted)}@media (max-width: 560px){.buddy-fab{right:14px;bottom:14px;width:60px;height:60px}.buddy-chat{right:0;left:0;bottom:0;width:100%;max-height:78vh;border-radius:14px 14px 0 0}}.buddy-fab{background:transparent;border-color:transparent;box-shadow:none}.buddy-fab:hover{background:var(--surface-2);border-color:var(--accent)}.buddy-chat{background:color-mix(in srgb,var(--surface-1) 82%,transparent);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.buddy-chat-head{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.buddy-said{background:color-mix(in srgb,var(--surface-2) 78%,transparent)}@supports not (backdrop-filter: blur(4px)){.buddy-chat{background:var(--surface-1)}.buddy-chat-head,.buddy-said{background:var(--surface-2)}}.lesson-feedback{display:grid;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);max-width:520px}.lesson-feedback h3{margin:0;font-size:14px;font-weight:600;color:var(--text-dim, inherit)}.lesson-feedback textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:9px 11px;font-size:14px;color:var(--text);font-family:inherit;resize:vertical}.feedback-stars{display:flex;align-items:center;gap:4px}.feedback-stars .star{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--border);cursor:pointer;transition:color .12s,border-color .12s,transform .08s}.feedback-stars .star:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.feedback-stars .star.is-on{color:var(--accent);border-color:var(--accent)}.feedback-stars .star:disabled{cursor:default;opacity:.6}.feedback-average{margin-left:8px;font-size:13px;opacity:.7}.suggestion-box .segmented{margin-bottom:4px}.suggestion-box form{display:grid;gap:12px}.suggestion-box h3{margin:8px 0 0;font-size:14px}.suggestion-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.suggestion-list li{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:14px}.suggestion-list small{opacity:.65;font-size:12px}.card-grade{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.02em;background:#00000073;color:#fff;backdrop-filter:blur(4px)}.plan-grade{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent)}.studio-search{width:100%;margin:2px 0 6px;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:8px 11px;font-size:14px;color:var(--text);font-family:inherit}.studio-found{margin:0 0 8px;font-size:12px;opacity:.7}.studio-list-where{margin-left:6px;padding:1px 6px;border-radius:var(--radius-pill);font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);opacity:.75}.studio-sections{margin-bottom:6px}.studio-sections button{text-transform:capitalize}.studio-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.studio-bulk .hint{font-size:12px}.take{display:grid;gap:12px;margin:14px 0 4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.take-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.take-head h3{margin:0;font-size:14px;font-weight:600}.take-transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.take-count{font-size:34px;font-weight:700;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.take-live{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent)}.take-live i{width:9px;height:9px;border-radius:50%;background:currentColor}@media (prefers-reduced-motion: no-preference){.take-live i{animation:take-blink 1s steps(2,start) infinite}@keyframes take-blink{to{visibility:hidden}}}.take-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.take-score{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.take-score-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.take-score-num{font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.take-bar{display:block;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.take-bar i{display:block;height:100%;border-radius:2px;background:currentColor}.is-good{color:#6fbf73}.is-fair{color:var(--accent)}.is-poor{color:#d96a57}.take-score.is-good .take-score-num,.take-score.is-fair .take-score-num,.take-score.is-poor .take-score-num{color:currentColor}.take-notes{display:flex;flex-wrap:wrap;gap:6px}.take-note{display:inline-flex;align-items:baseline;gap:6px;padding:4px 9px;border-radius:7px;border:1px solid currentColor;background:var(--surface-2);font-size:12px}.take-note b{font-size:13px}.take-note small{opacity:.75;color:var(--text)}.take-hear{display:grid;gap:8px}.take-hear-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}button.take-note{cursor:pointer;font:inherit;font-size:12px;text-align:left;transition:transform .08s ease,box-shadow .12s ease}button.take-note:hover{transform:translateY(-1px)}button.take-note:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.take-note.is-playing{box-shadow:0 0 0 2px var(--accent);transform:translateY(-1px)}.take-hear-audio{display:none}.score-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;flex:1 1 auto;min-width:0;min-height:0;height:100%;border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;background:var(--surface)}.score-stage-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.score-stage-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.score-stage-title{margin:0;text-align:center;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-tempo{justify-self:start;padding:3px 11px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);font-size:13px;font-variant-numeric:tabular-nums}.score-zoom{justify-self:end;display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);padding:2px}.score-zoom button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.score-zoom button:hover{background:var(--surface)}.score-zoom .score-zoom-now{width:auto;padding:0 9px;border-radius:var(--radius-pill);font-size:12px;font-variant-numeric:tabular-nums;opacity:.8}.score-stage-sheet{display:flex;min-width:0;min-height:0;position:relative}.score-rail{display:flex;flex-direction:column;gap:2px;padding:8px 6px;background:var(--surface-2);border-left:1px solid var(--border)}.rail-key{display:grid;justify-items:center;gap:3px;width:62px;padding:9px 4px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.rail-key span{opacity:.62}.rail-key:hover:not(:disabled){background:var(--surface)}.rail-key:hover:not(:disabled) span{opacity:.9}.rail-key:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rail-key:disabled{opacity:.35;cursor:default}.rail-key.is-on{border-color:var(--border);background:var(--surface)}.rail-key.is-play svg{color:#3fa34d}.rail-key.is-rec svg{color:#d63b32}.rail-key.is-rec.is-on{border-color:#d63b32}@media (prefers-reduced-motion: no-preference){.rail-key.is-rec.is-on svg{animation:take-blink 1s steps(2,start) infinite}}@media (max-width: 720px){.score-stage{grid-template-columns:1fr;grid-template-rows:1fr auto}.score-rail{flex-direction:row;justify-content:space-around;border-left:0;border-top:1px solid var(--border)}.rail-key{width:auto;flex:1}}.take-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#00000061}.take-modal-inner{position:relative;width:min(560px,100%);max-height:86vh;overflow:auto;display:grid;gap:14px;padding:22px 24px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px #00000059}.take-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer;opacity:.6}.take-close:hover{opacity:1;background:var(--surface-2)}.take-verdict{margin:0;padding-right:34px;font-size:18px;font-weight:600;line-height:1.35}.take-body{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}@media (max-width: 480px){.take-body{grid-template-columns:1fr;justify-items:center}}.take-ring-wrap{display:grid;justify-items:center;gap:4px}.take-ring-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.6}.take-ring{transform:rotate(-90deg)}.take-ring-track{fill:none;stroke:var(--border);stroke-width:7}.take-ring-arc{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .5s ease}.take-ring-num{transform:rotate(90deg);transform-origin:50px 50px;fill:var(--text);font-size:27px;font-weight:700;text-anchor:middle;dominant-baseline:central}@media (prefers-reduced-motion: reduce){.take-ring-arc{transition:none}}.take-stars{font-size:15px;letter-spacing:2px;color:var(--border)}.take-stars .is-on{color:var(--accent)}.take-rows{display:grid;gap:10px}.take-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:15px}.take-row b{font-size:19px;font-variant-numeric:tabular-nums}.take-row svg{opacity:.8}.take-goal{display:flex;align-items:center;gap:7px;margin:0;padding-top:12px;border-top:1px solid var(--border);font-size:13px;opacity:.75}.take-actions{display:flex;gap:10px}.take-trace{display:grid;gap:6px}.take-trace canvas{display:block;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.take-trace-key{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;opacity:.7}.take-trace-key span{display:inline-flex;align-items:center;gap:5px}.take-trace-key i{width:12px;height:4px;border-radius:2px}.take-trace-key .k-good{background:#3fa34d}.take-trace-key .k-fair{background:#e0a32e}.take-trace-key .k-poor{background:#d63b32}.take-trace-key .k-missed{background:#d63b32;height:3px;width:12px;opacity:.6}.take-countin{position:fixed;inset:0;z-index:55;display:grid;place-items:center;font-size:120px;font-weight:800;line-height:1;color:var(--accent);pointer-events:none;text-shadow:0 4px 30px rgba(0,0,0,.5)}.take-level{position:fixed;z-index:56;left:50%;bottom:26px;transform:translate(-50%);margin:0;padding:10px 16px;border-radius:var(--radius-pill);font-weight:700;font-size:15px;max-width:min(92vw,420px);text-align:center;border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 30px #0000004d}.take-level.is-ok{color:#5fd68a}.take-level.is-quiet,.take-level.is-loud{color:var(--accent);border-color:var(--accent)}.take-running{position:fixed;z-index:55;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 30px #0000004d}.take-error{margin:8px 14px}.stage-tools .is-rec svg{color:#d63b32}.stage-tools .is-rec.is-on{border-color:#d63b32}.take-playback{display:grid;gap:5px}.take-playback-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.take-playback audio{width:100%;height:34px}.take-click{position:absolute;right:12px;bottom:12px;z-index:5;display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 11px;font-size:13px;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.take-click input{accent-color:var(--accent);width:15px;height:15px}.take-coach{display:grid;gap:8px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.take-coach p{display:grid;grid-template-columns:18px 1fr;gap:9px;margin:0;font-size:14px;line-height:1.45}.take-coach svg{margin-top:3px}.take-coach-good svg{color:#6fbf73}.take-coach-fix svg{color:var(--accent)}.example{display:grid;gap:10px;margin:14px 0 4px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.example-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.example-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600}.example audio{width:100%;height:36px}.example-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.example-loop{display:inline-flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}.example-loop input{accent-color:var(--accent);width:15px;height:15px}.example .hint{margin:0;font-size:13px}.example-live{display:inline-flex;align-items:center;gap:8px;color:#d63b32;font-weight:600}.example-live i{width:9px;height:9px;border-radius:50%;background:currentColor}@media (prefers-reduced-motion: no-preference){.example-live i{animation:take-blink 1s steps(2,start) infinite}}.btn.is-rec-on{background:#d63b32;border-color:#d63b32;color:#fff}@media (max-width: 900px){.toolbar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}}@media (max-width: 700px){.lesson-header{flex-wrap:wrap;gap:6px;padding:12px 12px 8px}.lesson-head-left{flex:1 1 100%;min-width:0}.lesson-head-title{min-width:0}.lesson-head-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{flex:1 1 100%;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}.header-actions .btn{font-size:13px;padding:8px 12px}.sidebar:not(.is-collapsed){position:fixed;top:0;left:0;bottom:0;z-index:45;width:min(320px,86vw);border-right:1px solid var(--border);box-shadow:0 0 48px #00000080}.sidebar.is-collapsed{width:44px;padding:12px 6px}.example-head{flex-wrap:wrap;gap:8px}.take-click{right:8px;bottom:8px;padding:6px 9px;font-size:12px}}@media (max-width: 480px){.lesson-head-left .logo{display:none}}.loop-hint{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;white-space:nowrap;color:var(--accent);background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow);pointer-events:none}.stage-tools .is-loop.is-on{color:var(--accent);border-color:var(--accent)}@media (max-width: 700px){.loop-hint{font-size:12px;padding:7px 11px;max-width:92vw;white-space:normal;text-align:center}.take-click{bottom:56px;max-width:64vw}}.note-trainer{position:absolute;left:50%;bottom:56px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:14px;padding:9px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);max-width:min(92%,560px);transition:border-color .15s ease,box-shadow .15s ease}.note-trainer.is-flash{border-color:var(--ok);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.note-trainer-target{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.note-trainer-target b{font-size:22px;line-height:1}.note-trainer-target small{font-size:12px;color:var(--text-muted)}.note-trainer-count{font-size:12px;color:var(--text-faint);white-space:nowrap}.note-trainer-nomic{font-size:12px;color:var(--text-muted)}.note-trainer-done{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ok)}.note-trainer-btns{display:flex;align-items:center;gap:6px}.note-trainer-ear{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex:0 0 auto;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border)}.note-trainer-ear.is-listening{color:var(--accent);border-color:var(--accent)}.note-trainer-ear.is-hearing{color:var(--ok);border-color:var(--ok)}.stage-tools .is-stepper.is-on{color:var(--accent);border-color:var(--accent)}@media (max-width: 700px){.note-trainer{bottom:96px;gap:10px;padding:8px 10px;flex-wrap:wrap;justify-content:center}.note-trainer-target b{font-size:19px}}.scope{display:grid;gap:2px}.scope-canvas{width:100%;height:150px;display:block;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.scope-axis{display:flex;justify-content:space-between;padding:0 4px;font-size:10px;color:var(--text-faint)}.scope-axis i{font-style:normal}.tuner-scope-toggle{justify-self:start}.score-sheet{position:relative}.live-marks{position:absolute;inset:0;pointer-events:none}.live-mark{position:absolute;border-radius:4px;animation:live-mark-in .18s ease-out}.live-mark.is-good{background:#58b97c38;box-shadow:inset 0 -2px #58b97ccc}.live-mark.is-wrong{background:#e0663f38;box-shadow:inset 0 -2px #e0663fd9}.live-mark.is-missed{background:#80808029;box-shadow:inset 0 -2px #80808099}@keyframes live-mark-in{0%{transform:scale(1.25);opacity:0}}@media (prefers-reduced-motion: reduce){.live-mark{animation:none}}.live-marks-nomic{position:absolute;top:8px;left:50%;transform:translate(-50%);margin:0;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.stage-tools .is-live.is-on{color:var(--ok, #58b97c);border-color:currentColor}.app-notice{background:var(--accent);color:var(--accent-contrast, #1c1206);text-align:center;padding:8px 16px;font-size:14px;font-weight:600}.app.is-maintenance{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.maintenance-card{max-width:420px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 28px}.maintenance-card h1{font-size:22px;margin:0 0 10px}.maintenance-card p{color:var(--text-muted);margin:0}.app-control{display:grid;gap:8px;padding:10px 0;border-top:1px solid var(--border)}.app-control h6{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.app-control .check-row{display:flex;gap:8px;align-items:center;font-size:13.5px}.score-pane.is-student{overflow:auto}.score-pane.is-student>:not(.lesson-student){position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.lesson-student{padding:10px 12px 30px}.lesson-student-empty{padding:12px}.console{display:grid;gap:10px}.console-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.console-row{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--border, #2a2a2e);background:#ffffff08;text-align:left;color:inherit;cursor:pointer;width:100%;font:inherit}.console-row:hover{background:#ffffff0f}.console-row.is-open{border-color:var(--accent, #ffb43d)}.console-row-head{display:flex;align-items:center;gap:8px}.console-row-head b{flex:1}.console-why{font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);background:#ffffff14;color:var(--text-muted, #8a8a92)}.console-why.is-waiting{background:#ffb43d38;color:#ffd48a}.console-why.is-quiet{background:#e0736b2e;color:#f0a49e}.console-why.is-stuck{background:#5b4bd640;color:#c2b8ff}.console-why.is-flying{background:#63c08a33;color:#9fe0bb}.console-says{margin:0;padding-left:16px;font-size:12.5px;color:var(--text-muted, #8a8a92);display:grid;gap:2px}.console-open{display:grid;gap:10px;padding:10px 12px 12px;border-radius:0 0 12px 12px;border:1px solid var(--border, #2a2a2e);border-top:0;margin-top:-6px}.console-open h6{margin:0 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #8a8a92)}.console-sections{display:flex;flex-wrap:wrap;gap:6px}.console-sections span{padding:3px 9px;border-radius:var(--radius-pill);font-size:12px;background:#ffffff0f}.console-next textarea,.console-next input{width:100%;box-sizing:border-box;font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--border, #2a2a2e);background:#00000040;color:inherit}.console-next textarea{min-height:88px;resize:vertical}.console-letter{white-space:pre-wrap;font-size:13px;line-height:1.5;padding:10px 12px;border-radius:10px;background:#ffffff0a;margin:0}.evidence{display:grid;gap:10px}.evidence-rank b{display:block;font-size:19px;margin-top:2px}.evidence-means{margin:3px 0 0;color:var(--text-muted);font-size:13.5px;line-height:1.5}.evidence-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.evidence-list li{display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:start;font-size:14px;line-height:1.5}.evidence-list svg{color:var(--ok, #63c08a);margin-top:3px}.evidence-next{margin:0;padding-top:9px;border-top:1px solid var(--border);font-size:13.5px}.evidence-next span{display:block;color:var(--text-muted);margin-top:2px}.quiet{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.quiet b{display:block;margin-bottom:2px}.quiet p{margin:0;max-width:52ch}.quiet-switch{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 9px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.quiet-switch i{width:30px;height:18px;border-radius:999px;background:var(--border);position:relative;transition:background .15s}.quiet-switch i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);transition:transform .15s}.quiet-switch.is-on{color:var(--text)}.quiet-switch.is-on i{background:var(--accent)}.quiet-switch.is-on i:after{transform:translate(12px)}.class-challenge{display:grid;gap:9px;margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface)}.class-challenge.is-done{border-color:var(--ok, #63c08a)}.class-challenge-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.class-challenge-head b{font-size:16px;width:100%}.class-challenge-left{margin-left:auto;color:var(--text-muted);font-size:12.5px}.class-challenge-bar{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.class-challenge-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}.class-challenge.is-done .class-challenge-bar i{background:var(--ok, #63c08a)}.class-challenge-says{margin:0;font-size:13.5px;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:5px;align-items:baseline}.class-challenge-says b{color:var(--text);font-size:15px}.class-challenge-says svg{color:var(--ok, #63c08a)}.class-panel{display:grid;gap:14px}.class-now{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px}.class-now-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.class-now-head span{color:var(--text-muted);font-size:12.5px}.class-now-head .btn{margin-left:auto}.class-count{margin:0;font-size:13.5px;color:var(--text-muted)}.class-count b{color:var(--text);font-size:17px}.class-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.class-list li{display:grid;grid-template-columns:1fr 90px auto 16px;gap:10px;align-items:center;font-size:13px}.class-list li.is-done .class-name{color:var(--text)}.class-name{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.class-bar i{display:block;height:100%;background:var(--accent)}.class-list li.is-done .class-bar i{background:var(--ok, #63c08a)}.class-list svg{color:var(--ok, #63c08a)}.class-set{display:grid;gap:9px}.class-set label{display:grid;gap:4px;font-size:12.5px;color:var(--text-muted)}.class-set input,.class-set select,.class-set textarea{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:8px 10px;color:var(--text);font:inherit;font-size:13.5px}.class-set-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px}@media (max-width: 620px){.class-set-row{grid-template-columns:1fr}}.micro{font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint)}.tight{letter-spacing:var(--track-tight)}.studio-nav{position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 14px 9px;display:grid;gap:7px}.studio-groups{display:flex;flex-wrap:wrap;gap:4px}.studio-groups button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.studio-groups button:hover{background:var(--surface-3);color:var(--text)}.studio-groups button.is-active{background:var(--bone);border-color:var(--bone);color:var(--bone-ink)}.studio-panels{display:flex;flex-wrap:wrap;gap:4px}.studio-panels button{padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.studio-panels button:hover{color:var(--text)}.studio-panels button.is-active{border-color:var(--accent);color:var(--accent)}.studio-body>.studio-section{border-top:0}.people{display:grid;gap:12px}.people-rollup{margin:0;color:var(--text-muted);font-size:13px}.people-rollup b{color:var(--text)}.people-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.people-chips{display:flex;flex-wrap:wrap;gap:4px}.people-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.people-chip span{opacity:.65;font-variant-numeric:tabular-nums}.people-chip:hover{color:var(--text)}.people-chip.is-on{background:var(--bone);border-color:var(--bone);color:var(--bone-ink)}.people-chip.is-on span{opacity:.8}.people-search{flex:1 1 160px;min-width:140px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:13px}.people-list>li{align-items:center}.people-app{font-style:normal;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;font-size:10px;color:var(--text-muted)}.people-app.is-kids,.people-app.is-kidsPiano{color:var(--accent)}.people-why{margin-left:auto;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;white-space:nowrap;background:var(--surface-3);color:var(--text-muted)}.people-why.is-waiting{background:#ffb43d24;color:var(--accent)}.people-open-name{margin:0}.people-open-name small{display:block;font-weight:400;color:var(--text-muted);font-size:12px}.people-kid{padding:0;background:none}@media (max-width: 560px){.people-why{margin-left:0}.people-list>li{flex-wrap:wrap}}.today-work{margin:0 0 18px}.today-work>header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.today-work>header b{font-size:13px;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-muted)}.today-work-all{background:none;border:0;color:var(--text-muted);font:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:2px}.today-work-all:hover{color:var(--text)}.today-work ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.today-work li{border-bottom:1px solid var(--border)}.today-work li button{width:100%;display:flex;align-items:baseline;gap:12px;text-align:left;background:none;border:0;color:inherit;font:inherit;padding:10px 2px;cursor:pointer}.today-work li button:hover{background:var(--surface-2)}.today-work-t{flex:1 1 auto;min-width:0}.today-work-t b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}.today-work-t small{display:block;font-size:11.5px;color:var(--text-faint);margin-top:2px}.today-work-due{font-style:normal;font-size:11px;font-weight:600;color:var(--text-faint);white-space:nowrap}.today-work-due.is-back{color:var(--accent)}.today-work-due.is-late{color:var(--text-muted)}.room-strip{display:none}@media (max-width: 980px){.room-strip{display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:0 0 auto;padding:5px 30px 6px;border-bottom:1px solid var(--border);background:var(--bg)}.rail-item.is-panel{display:none}}.room-strip::-webkit-scrollbar{display:none}.room-strip button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 11px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}.room-strip button:hover{color:var(--text);background:var(--surface-2)}.room-strip button.is-active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.room-strip.on-block{border-top:0}@media (max-width: 720px){.room-strip{padding-left:18px;padding-right:18px}}.ref-chips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 30px 0;flex:0 0 auto}.ref-chips button{padding:7px 13px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.ref-chips button:hover{color:var(--text)}.ref-chips button.is-active{border-color:var(--amber, #ffb43d);color:var(--amber, #ffb43d)}@media (max-width: 720px){.ref-chips{padding-left:18px;padding-right:18px}}.rail-room{display:block}.rail-room-head{font-weight:600}.rail-item.is-pinned{color:var(--text-faint)}.rail-item.is-panel{padding-left:30px;font-size:13px;font-weight:400}.rail-room.is-open>.rail-group{margin:2px 0 6px}.rail-item.is-panel.is-active{font-weight:600}.lesson-tabbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:8px 0;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:13.5px;color:var(--text-muted)}.lesson-tabbar svg{color:var(--text-faint)}.lesson-tabbar .btn{margin-left:auto}.lesson-tabbar.is-blank{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.lesson-tabbar.is-blank svg{color:var(--accent)}.auth.has-showcase{align-content:center;gap:40px;background:radial-gradient(60% 55% at 78% 45%,rgba(255,180,61,.16),transparent 70%),radial-gradient(90% 60% at 20% 0%,rgba(255,180,61,.08),transparent 65%),var(--bg)}.auth.has-showcase .auth-footer{grid-column:1 / -1}.showcase{display:grid;gap:22px;width:100%;max-width:620px;min-width:0;box-sizing:border-box}.showcase-copy{display:grid;gap:10px}.showcase-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent)}.showcase-copy h2{margin:0;font-family:var(--font-display);font-size:clamp(26px,3.2vw,38px);font-weight:600;line-height:1.08;text-wrap:balance}.showcase-features{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:9px}.showcase-features li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text)}.showcase-icon{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent)}.showcase-stage{position:relative;height:500px;isolation:isolate}.showcase-stage figure{margin:0;position:absolute;display:grid;gap:6px}.showcase-stage figcaption{font-size:11.5px;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-muted)}.showcase-phone{left:34%;top:0;width:210px;z-index:2}.showcase-phone-screen{height:400px;padding:7px;border-radius:26px;background:linear-gradient(160deg,#2a2a2f,#141416);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -20px #000000d9;overflow:hidden}.showcase-phone-screen img{width:100%;border-radius:20px;display:block}.showcase-card{width:250px;padding:6px 6px 8px;border-radius:var(--radius-lg);background:#121214;border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 50px -18px #000000d9}.showcase-card img{width:100%;display:block;border-radius:var(--radius)}.showcase-card figcaption{padding:0 4px}.showcase-card-1{left:0;top:40px;transform:rotate(-4deg);z-index:1}.showcase-card-2{right:0;top:10px;width:230px;transform:rotate(3deg);z-index:3}.showcase-card-3{right:-2%;bottom:0;width:230px;transform:rotate(-2deg);z-index:3}.showcase-phone{grid-template-rows:auto 1fr}.showcase-phone figcaption{order:-1;text-align:center}@media (prefers-reduced-motion: no-preference){.showcase-phone{animation:showcase-float 7s ease-in-out infinite}.showcase-card-2{animation:showcase-float 8s ease-in-out -2s infinite}@keyframes showcase-float{0%,to{translate:0 0}50%{translate:0 -8px}}}@media (min-width: 980px){.auth.has-showcase{grid-template-columns:minmax(340px,400px) minmax(0,640px);justify-content:center;column-gap:72px}}@media (max-width: 979px){.auth.has-showcase{grid-template-columns:minmax(0,1fr)}.auth.has-showcase .showcase{justify-self:center;padding-inline:16px}.showcase-copy{text-align:left}.showcase-stage{height:auto;display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory}.showcase-stage figure{position:static;transform:none;flex:0 0 auto;scroll-snap-align:start;animation:none}.showcase-phone{width:170px}.showcase-phone-screen{height:auto;max-height:320px}.showcase-card,.showcase-card-2,.showcase-card-3{width:230px;align-self:start}}.offer-inner{width:min(980px,100%)}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;align-items:stretch}.offer-card{position:relative;display:flex;flex-direction:column;text-align:left;border:1px solid var(--border-strong);border-radius:18px;background:var(--surface);padding:clamp(18px,3vw,28px)}.offer-card.is-coach{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(180deg,var(--accent-soft),var(--surface) 60%)}.offer-badge{position:absolute;top:-12px;right:20px;padding:3px 11px;border-radius:99px;background:var(--accent);color:#111;font-family:var(--font-display);font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}.offer-name{margin:0;font-family:var(--font-display);font-size:clamp(28px,3.4vw,36px);line-height:1.05}.offer-name span{color:var(--accent)}.offer-online{align-self:flex-start;margin:10px 0 0;display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:99px;border:1px solid var(--border-strong);background:var(--bg);font-size:13px;font-weight:600;color:var(--text)}.offer-online i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.offer-desc{margin:10px 0 0;color:var(--text-dim);font-size:15px;min-height:3em}.offer-pick{margin-top:14px}.offer-lbl{display:block;font-size:12.5px;color:var(--text-faint);margin-bottom:6px}.offer-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-2)}.offer-seg button{padding:8px 14px;border:0;border-radius:9px;background:none;color:var(--text-dim);font:inherit;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}.offer-seg button[aria-pressed=true]{background:var(--accent);color:#111}.offer-seg.is-soft button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.offer-save{margin-left:6px;padding:1px 6px;border-radius:6px;font-size:11.5px;font-weight:700;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.offer-seg button[aria-pressed=true] .offer-save{background:#00000029;color:#111}.offer-price{margin:18px 0 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.offer-price b{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,6vw,64px);line-height:.95;font-variant-numeric:tabular-nums;color:var(--text)}.offer-price small{color:var(--text-dim);font-size:16px}.offer-billed{margin:6px 0 0;color:var(--text-dim);font-size:14px;min-height:1.5em}.offer-feat{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--border);display:grid;gap:10px}.offer-feat li{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:14.5px;color:var(--text)}.offer-feat li svg{margin-top:2px;color:var(--ok)}.offer-feat li.is-hi{font-weight:600}.offer-feat li.is-hi svg{color:var(--accent)}.offer-acts{margin-top:auto;padding-top:22px;display:grid;gap:8px}.offer-acts .btn{justify-content:center;text-decoration:none}.offer-fine{margin:0;color:var(--text-faint);font-size:12.5px;text-align:center}.offer-spacer{visibility:hidden}.offer-under{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;width:100%;margin:0;color:var(--text-dim);font-size:14px}.offer-found{color:var(--accent);font-weight:600}.offer-under .link-button{background:none;border:0;padding:0;color:var(--text-dim);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media (max-width: 760px){.offer-grid{grid-template-columns:1fr}.offer-spacer{display:none}.offer-card.is-coach{order:-1;margin-top:8px}}.score-pane{position:relative}.listen-cover{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--surface)}.listen-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:420px;text-align:center;color:var(--text)}.listen-card h2{margin:0;font-size:1.25rem;text-wrap:balance}.listen-card .listen-ask{margin:0;font-size:1.05rem;font-weight:600}.listen-card .listen-how{margin:0 0 6px;color:var(--text-muted);line-height:1.5}:root{--glow: radial-gradient(520px 320px at 12% -8%, rgba(255, 180, 61, .12), transparent 62%), radial-gradient(420px 280px at 100% 6%, rgba(167, 139, 250, .08), transparent 60%)}[data-theme=light] :root,:root[data-theme=light]{--glow: none}.shell-main{background-image:var(--glow);background-repeat:no-repeat}.page-head h1{font-size:28px;letter-spacing:-.03em;font-weight:700}.page-head p{font-size:14.5px}.row-head h2{font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint);font-weight:700}.pp-tile b,.sr-clock b,.sr-count b,.ca-tempo,.metro-bpm strong{font-variant-numeric:tabular-nums}.btn{border-radius:var(--radius);font-weight:600}.btn.primary{letter-spacing:-.01em}.btn.primary:not(.small){padding:11px 17px;font-size:14px}.chip{font-weight:700}.card,.tp-card,.today,.reward,.cs-row,.pa-card,.work{border-radius:var(--radius-xl)}.today{background:linear-gradient(160deg,#2a1d0a 0%,var(--surface) 60%);border-color:#ffb43d59;gap:10px}.today-label{font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-faint);font-weight:700}.today h2{font-size:24px;letter-spacing:var(--track-tight);line-height:1.06;font-weight:700}.today .btn.primary{align-self:flex-start;min-height:50px;padding:0 20px}.reward{gap:12px}.reward-streak{--pct: 0;position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--pct) * 1%),rgba(255,255,255,.1) 0);padding:0;border:0}.reward-streak:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.reward-streak b,.reward-streak span{position:relative;z-index:1}.reward-streak b{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1}.reward-streak span{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-align:center;line-height:1.1;max-width:60px}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}.quick-item{font:inherit;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px 10px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform .15s var(--ease),border-color .15s var(--ease)}.quick-item:hover{transform:translateY(-2px);border-color:var(--border-strong)}.quick-item i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:18px;background:var(--tint, var(--accent-soft));color:var(--ink, var(--accent))}.quick-item span{font-size:11.5px;font-weight:700}.quick-item.is-amber{--tint: rgba(255, 180, 61, .14);--ink: var(--accent)}.quick-item.is-sky{--tint: rgba(55, 182, 255, .14);--ink: var(--sky)}.quick-item.is-violet{--tint: rgba(167, 139, 250, .14);--ink: var(--violet)}.quick-item.is-mint{--tint: rgba(95, 227, 179, .14);--ink: var(--ok)}.chord-listen:not(.is-compact) .chord-listen-name{font-size:64px;font-weight:800;letter-spacing:-.03em;color:var(--accent)}.chord-listen:not(.is-compact) .chord-listen-name.is-flash{color:var(--ok)}.chord-listen:not(.is-compact){box-shadow:0 0 0 6px #ffb43d0f}.chord-listen.is-good:not(.is-compact){box-shadow:0 0 0 6px #5fe3b31a}.fb-card{border-radius:var(--radius-xl)}.fb-card.is-3{background:linear-gradient(160deg,#10241c 0%,var(--surface) 60%)}.fb-card.is-2{background:linear-gradient(160deg,#2a1d0a 0%,var(--surface) 60%)}.fb-score{--score: 0;--ring: var(--accent);position:relative;min-width:0;width:96px;height:96px;border-radius:50%;padding:0;justify-content:center;background:conic-gradient(var(--ring) calc(var(--score) * 1%),rgba(255,255,255,.1) 0)}.fb-card.is-3 .fb-score{--ring: var(--ok)}.fb-score:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface)}.fb-score b,.fb-score span,.fb-stars{position:relative;z-index:1}.fb-score b{font-size:30px;font-weight:800;letter-spacing:-.02em}.fb-score span{font-size:10px}.fb-stars{margin-top:0;font-size:12px;letter-spacing:1px}.fb-verdict{font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.02em}.tabbar{display:none}@media (max-width: 820px){.tabbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:8px 4px 6px;border-radius:var(--radius-lg);background:#121214eb;border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow)}.tabbar button{font:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 1px;background:none;border:0;color:var(--text-faint);font-size:10px;font-weight:600;min-height:44px;cursor:pointer;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.tabbar button.is-active{color:var(--accent);font-weight:700}.page-body{padding-bottom:92px}.quick{grid-template-columns:repeat(4,minmax(0,1fr))}.today h2{font-size:24px}}@media (prefers-reduced-motion: reduce){.quick-item,.card,.btn{transition:none}}@media (max-width: 820px){.buddy-fab,.buddy-chat{bottom:96px!important}}.btn .icon,.tm-inline .icon,.hint .icon,h2 .icon,h3 .icon,.segmented button .icon,.tp-modes button .icon,.pg-board h2 .icon,.cs-rights .icon{display:inline-block;vertical-align:-.15em}.tm-btn .icon{display:block}.pp-badges li span .icon{color:var(--text-faint)}.pp-badges li.is-earned span .icon{color:var(--accent)}.fb-stars{display:inline-flex;gap:3px;align-items:center}.fb-stars .icon.is-on{color:var(--accent)}.fb-stars .icon.is-off{color:var(--border-strong)}.card,.tp-card,.today,.reward,.cs-row,.work,.quick-item,.pp-tile,.ca-stage-card{box-shadow:0 1px 2px #00000040}.card:hover,.quick-item:hover{transform:none;border-color:var(--border-strong);background:var(--surface-3)}.today{background:var(--surface);border-color:var(--border-strong);border-left:2px solid var(--accent)}.fb-card.is-3,.fb-card.is-2{background:var(--surface)}.quick-item i{width:34px;height:34px;border-radius:10px;background:var(--surface-3);color:var(--text-muted)}.quick-item.is-amber i,.quick-item.is-sky i,.quick-item.is-violet i,.quick-item.is-mint i{background:var(--surface-3);color:var(--text-muted)}.quick-item:hover i{color:var(--accent)}.quick-item span{font-size:11px;font-weight:600;letter-spacing:.01em}.row-head{display:flex;align-items:baseline;gap:12px}.row-head h2{font-size:11px;letter-spacing:var(--track-caps)}.row-head:after{content:"";flex:1;height:1px;background:var(--border)}.tm-btn{min-width:36px;display:inline-flex;align-items:center;justify-content:center}.page-head h1{font-size:28px}.page-head{border-bottom:1px solid var(--border)}.rail-more{margin-top:2px}.rail-more>summary{list-style:none;cursor:pointer}.rail-more>summary::-webkit-details-marker{display:none}.rail-more[open]>summary{color:var(--text)}.rail-more .rail-group{margin-top:2px;padding-left:10px;border-left:1px solid var(--border)}.home-more{margin-top:6px}.home-more-summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--text-muted);padding:10px 0}.home-more-summary::-webkit-details-marker{display:none}.home-more-summary:after{content:"▾";font-size:10px}.home-more[open] .home-more-summary:after{content:"▴"}.home-more-summary:hover{color:var(--accent)}.today-next{font:inherit;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:none;border:0;padding:4px 0;color:var(--text-muted);font-size:13px;cursor:pointer}.today-next:hover{color:var(--accent)}.reminder{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.reminder-icon{color:var(--accent);display:inline-flex}.reminder-body{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}.reminder-body b{font-size:13.5px}.reminder-time{width:104px}.pg-just{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;border-color:var(--accent)}.pg-just b{font-family:var(--font-display);font-size:17px;letter-spacing:-.01em}.ip-labels{flex-wrap:wrap}.ip-labels button{padding:4px 10px;font-size:12px}.ip-rainbow.is-on{background:linear-gradient(90deg,#e62b2b,#f0921b,#f2e71b,#25b449,#2a76d2,#9331c9);color:#fff;border-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.45)}.numbers .panel-head{display:flex;align-items:baseline;gap:12px}.numbers .panel-head h2{font-size:1.05rem;margin:0}.numbers .panel-head button{margin-left:auto}.num-grid{display:grid;gap:12px;margin:12px 0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.num-grid-lead{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.num-stat{border-top:3px solid var(--line, #2a2a2e);padding-top:8px;display:grid;gap:2px}.num-stat b{font-family:var(--font-display, inherit);font-size:1.7rem;line-height:1.1;font-variant-numeric:tabular-nums}.num-grid-lead .num-stat b{font-size:2.1rem}.num-stat.is-met{border-top-color:#3fa46a}.num-stat.is-short{border-top-color:var(--accent, #E8971B)}.num-label{font-size:.82rem}.num-target,.num-why{font-size:.72rem;color:var(--muted, #8a8a92)}.num-why{line-height:1.4;margin-top:2px}.num-error{color:#e0704f}.cam{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:18px}@media (max-width: 760px){.cam{grid-template-columns:1fr}}.cam-stage{position:relative;background:#000;border-radius:14px;overflow:hidden;aspect-ratio:16 / 9;touch-action:manipulation;cursor:crosshair}.cam-video,.cam-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cam-overlay{pointer-events:none}.cam-guide{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 14px;background:#0a0a0bc7;border-radius:10px;display:grid;gap:2px;backdrop-filter:blur(6px)}.cam-guide b{font-family:var(--font-display, inherit)}.cam-guide span{font-size:.9rem;color:var(--muted, #b9b3a8)}.cam-side{display:grid;gap:14px;align-content:start}.cam-advice{padding:14px 16px;border-radius:12px;border:1px solid var(--line, #2a2a2e);font-family:var(--font-display, inherit);font-size:1.05rem;line-height:1.3}.cam-advice.is-on{border-color:var(--accent, #E8971B);background:#e8971b1a}.cam-fingers h3,.cam-strum h3{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.cam-finger{display:flex;align-items:center;gap:10px;padding:6px 0}.cam-finger b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent, #E8971B);color:#1a1206;font-family:var(--font-display, inherit);font-size:1.1rem}.cam-error{color:#e0704f}.cam-privacy{display:flex;gap:6px;align-items:center;opacity:.8}.cam-ex h3{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.cam-ex-pick{display:flex;flex-wrap:wrap;gap:6px}.cam-ex-pick .cam-chip{width:auto;white-space:nowrap;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--line, #2a2a2e);background:transparent;color:inherit;font-size:.82rem;cursor:pointer}.cam-ex-pick .cam-chip.is-on{border-color:var(--accent, #E8971B);background:#e8971b1f}.cam-ex-pick .cam-chip[disabled]{opacity:.45;cursor:default}.cam-ex-card{margin-top:10px;padding:12px 14px;border:1px solid var(--line, #2a2a2e);border-radius:12px;display:grid;gap:8px}.cam-ex-card.is-done{border-color:#3fa46a}.cam-ex-bar{height:6px;border-radius:3px;background:var(--line, #2a2a2e);overflow:hidden}.cam-ex-bar i{display:block;height:100%;background:var(--accent, #E8971B);transition:width .15s linear}.cam-ex-card.is-done .cam-ex-bar i{background:#3fa46a}.cam-ex-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}.cam-ex-steps li{display:flex;gap:8px;align-items:baseline;font-size:.9rem}.cam-ex-steps li b{margin-left:auto;font-weight:600;font-size:.8rem;color:var(--muted, #8a8a92)}.cam-ex-steps li.is-done,.cam-ex-steps li.is-done b{color:#7bd39a}.cam-ex-steps li.is-wrong,.cam-ex-steps li.is-wrong b{color:#e0704f}.cam-ex-mark{width:1.1em;text-align:center;font-family:var(--font-display, inherit)}.cam-ex-done{display:flex;align-items:center;gap:10px;color:#7bd39a}.cam-ex-done button{margin-left:auto}.cam-note h3{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.cam-note-now{display:flex;align-items:baseline;gap:10px}.cam-note-now b{font-family:var(--font-display, inherit);font-size:2rem;line-height:1;color:var(--accent, #E8971B)}.cam-note-now.is-tuned b{color:#7bd39a}.cam-note-now span{font-size:.85rem;color:var(--muted, #8a8a92);font-variant-numeric:tabular-nums}.cam-stage.is-mirrored .cam-video,.cam-stage.is-mirrored .cam-overlay{transform:scaleX(-1)}.cam-stage.is-video{cursor:default}.cam-stage.is-video .cam-video{object-fit:contain;background:#000}.cam-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted, #8a8a92);font-size:.9rem;text-align:center;padding:20px;pointer-events:none}.cam-actions{display:flex;flex-wrap:wrap;gap:8px}.cam-status{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:.78rem;color:var(--muted, #8a8a92);font-variant-numeric:tabular-nums}.cam-status .is-on{color:#7bd39a}.cam-note-now em{font-style:normal;font-size:.8rem;color:var(--muted, #8a8a92)}.cam-actions .btn.is-on{border-color:var(--accent, #E8971B)}.tp .cam{margin-top:12px}.cam-reach{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cam-shape h3{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.cam-shape-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.cam-shape-row .role-select{min-width:5.5em}.cam-shape-progress{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px;font-size:.85rem}.cam-shape-progress b{font-variant-numeric:tabular-nums}.cam-shape-progress b.is-done{color:#7bd39a}.wip{display:grid;gap:14px;margin-top:12px}.wip-head{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.wip-head h2{margin:0 0 4px;font-size:1.1rem}.wip-head .btn,.wip-actions{margin-left:auto}.wip-actions{display:flex;gap:8px}.wip-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.wip-card{border:1px solid var(--line, #2a2a2e);border-radius:12px;padding:12px 14px;display:grid;gap:4px;align-content:start}.wip-card h3{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.wip-big{font-family:var(--font-display, inherit);font-size:1.6rem;line-height:1.1;color:var(--accent, #E8971B)}.wip-notes{display:flex;flex-wrap:wrap;gap:6px}.wip-notes span{padding:2px 8px;border-radius:var(--radius-pill);background:#ffffff14;font-variant-numeric:tabular-nums}.wip-notes span:last-child{background:#e8971b40}.wip-board{overflow-x:auto}.cam-seen h3{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.cam-seen-now{display:grid;gap:4px}.cam-seen-now b{font-family:var(--font-display, inherit);font-size:1.3rem;color:var(--accent, #E8971B)}.cam-seen-now .btn{justify-self:start}.cam-guide .cam-auto{pointer-events:auto;margin-bottom:6px}.cam-auto-why{display:block;font-size:.8rem;color:#e0704f;margin-bottom:6px;max-width:34ch}.cam-pluck h3{margin:0 0 6px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.cam-pluck-pattern{font-family:var(--font-display, inherit);font-size:1.5rem;letter-spacing:.12em;color:var(--accent, #E8971B)}.cam-pluck-row{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;margin:4px 0;font-variant-numeric:tabular-nums}.cam-pluck-row b{color:inherit}.cam-pluck-row em{font-style:normal;color:var(--muted, #8a8a92)}.cam-anchor-count{font-family:var(--font-display, inherit);font-size:1.2rem;color:var(--accent, #E8971B)}.cam-lock{color:#7bd39a}.take-said{display:grid;gap:8px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--line, #2a2a2e);border-radius:12px}.take-said-text{margin:0;font-size:.95rem;line-height:1.5}.take-said-wait{color:var(--muted, #8a8a92)}.take-said-row{display:flex;flex-wrap:wrap;gap:8px}.take-said-why{margin:0;font-size:.78rem}.letters .panel-head h2{font-size:1.05rem;margin:0}.letter-list{display:grid;gap:10px;margin-top:10px}.letter-row{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line, #2a2a2e);border-radius:12px}.letter-who{display:grid}.letter-who b{font-family:var(--font-display, inherit)}.letter-text{border-left:3px solid var(--accent, #E8971B);padding-left:12px;display:grid;gap:8px}.letter-text p{margin:0;line-height:1.55}.letter-actions{display:flex;gap:8px;flex-wrap:wrap}.tm-plan{margin:12px 0;padding:14px 16px;border:1px solid var(--line, #2a2a2e);border-left:3px solid var(--accent, #E8971B);border-radius:12px;display:grid;gap:8px}.tm-plan h3{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #8a8a92)}.tm-plan p{margin:0;line-height:1.6}.tm-plan .btn{justify-self:start}.cam-advice{display:flex;align-items:center;gap:8px}.cam-say{background:none;border:0;color:inherit;cursor:pointer;opacity:.7;padding:2px}.cam-say:hover{opacity:1;color:var(--accent, #E8971B)}.rec-mark{display:grid;gap:8px;justify-items:start;margin:10px 0}.rec-out{display:grid;gap:8px;width:100%;padding:12px 14px;border:1px solid var(--border, #2a2a2e);border-left:3px solid var(--accent, #E8971B);border-radius:12px}.rec-file{margin:0;font-size:11.5px;color:var(--text-faint, #6c6c74);word-break:break-all}.rec-score{margin:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rec-score b{font-size:26px;font-variant-numeric:tabular-nums;line-height:1}.rec-stars{color:var(--accent, #E8971B);letter-spacing:2px}.rec-fault{margin:0;line-height:1.55}.rec-bad{margin:0}.rec-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0}.rec-facts dt{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint, #6c6c74)}.rec-facts dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums}.send-take{display:grid;gap:8px;margin:4px 0 10px}.send-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.send-row .btn.is-rec{animation:send-pulse 1.4s ease-in-out infinite}@keyframes send-pulse{50%{opacity:.62}}@media (prefers-reduced-motion: reduce){.send-row .btn.is-rec{animation:none}}.send-meter{height:5px;border-radius:var(--radius-pill);background:var(--surface-3, #232327);overflow:hidden}.send-meter span{display:block;height:100%;background:var(--accent, #E8971B);transition:width .08s linear}.send-out{display:grid;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #2a2a2e);border-left:3px solid var(--accent, #E8971B)}.send-bad{color:var(--danger, #d9534f)}.send-ok{display:flex;align-items:center;gap:6px}.take-player{display:grid;gap:6px;margin:8px 0}.take-player audio{width:100%;max-width:420px}.take-player-label{margin:0}.take-player-mark{margin:0;display:flex;align-items:baseline;gap:8px}.take-player-mark b{font-size:20px;font-variant-numeric:tabular-nums}.cam-hold{height:4px;width:160px;margin:8px auto 0;border-radius:99px;background:#ffffff29;overflow:hidden}.cam-hold span{display:block;height:100%;background:var(--accent, #E8971B);transition:width .12s linear}.cam-chord{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--border, #2a2a2e);border-left:3px solid var(--accent, #E8971B);margin-bottom:10px}.cam-chord-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cam-chord-head b{font-size:26px;line-height:1;font-family:var(--font-display, inherit)}.cam-chord-score{display:flex;align-items:baseline;gap:8px;font-size:20px;font-variant-numeric:tabular-nums;color:var(--accent, #E8971B)}.cam-chord-score small{font-size:11.5px;color:var(--text-faint, #6c6c74)}.cam-chord p{margin:0;line-height:1.5}.strum{display:grid;gap:14px}.strum-head{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.strum-num{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted, #8a8a92)}.strum-num b{color:var(--text, #e9e9ee);font-variant-numeric:tabular-nums}.strum-grid{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.strum-slot{display:grid;justify-items:center;gap:2px;width:46px;padding:8px 0;border:1px solid var(--border, #2a2a2e);border-radius:9px;color:var(--text-faint, #6c6c74)}.strum-slot.is-hit{border-color:var(--accent, #E8971B);color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 14%,transparent);font-weight:700}.strum-slot.is-now{outline:2px solid var(--text, #e9e9ee);outline-offset:1px}.strum-arrow{font-size:17px;line-height:1}.strum-slot em{font-style:normal;font-size:10.5px;font-variant-numeric:tabular-nums}.strum-grid.is-result .strum-slot.is-good{border-color:#63c08a;color:#63c08a;background:#63c08a1f}.strum-grid.is-result .strum-slot.is-wrong{border-color:#e0a35f;color:#e0a35f;background:#e0a35f1f}.strum-grid.is-result .strum-slot.is-missed{border-color:#e0736b;color:#e0736b;background:transparent}.strum-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.strum-video{display:none}.strum-out{display:grid;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--border, #2a2a2e);border-left:3px solid var(--accent, #E8971B)}.prog{display:grid;gap:14px}.prog-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.prog-list .chip{width:auto;height:auto;min-width:0;padding:7px 13px;border-radius:var(--radius-pill);white-space:nowrap;font-size:.82rem;line-height:1.25}.prog-list .chip.is-active{background:color-mix(in srgb,var(--accent, #E8971B) 16%,transparent);border-color:var(--accent, #E8971B);color:var(--accent, #E8971B)}.prog-note{margin:0}.prog-bars{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.prog-bar{flex:1 1 90px;display:grid;justify-items:center;gap:2px;padding:10px 6px;border:1px solid var(--border, #2a2a2e);border-radius:10px;min-width:78px}.prog-bar.is-now{border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 14%,transparent)}.prog-bar em{font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint, #6c6c74)}.prog-bar b{font-size:17px;font-family:var(--font-display, inherit)}.prog-heard{font-size:11.5px}.prog-heard.is-good{color:#63c08a}.prog-heard.is-wrong{color:#e0736b}[hidden]{display:none!important}.prog-bar .ca-dia{width:54px;height:auto;color:var(--text, #e9e9ee);margin-top:4px}.prog-bar .ca-mark,.prog-bar .ca-base{fill:currentColor;font-size:9px;text-anchor:middle}.take-drill{margin-top:8px;padding:8px 6px 4px;border-radius:10px;background:color-mix(in srgb,var(--surface, #151517) 70%,transparent)}.prog-lesson{display:grid;gap:6px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent, #E8971B) 9%,transparent)}.prog-lesson-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prog-lesson-nav b{font-size:13.5px}.prog-lesson-nav .btn{margin-left:auto}.prog-lesson-text{margin:0;font-size:13.5px;line-height:1.55}.prog-solo-board.is-out .fb-note.is-lit{fill:#e0736b;stroke:#e0736b}.prog-solo-board.is-in .fb-note.is-lit{fill:#63c08a;stroke:#63c08a}.prog-solo-you{margin:0;font-size:13px;font-weight:600;color:var(--text-muted, #8a8a92)}.prog-solo-you.is-in{color:#63c08a}.prog-solo-you.is-out{color:#e0736b}.prog-solo-you.is-target{color:var(--accent, #E8971B)}.prog-follow{margin-left:auto}.prog-solo{display:grid;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--border, #2a2a2e);border-left:3px solid var(--accent, #E8971B)}.prog-solo-head{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.prog-solo-head h3{margin:0;font-size:14px}.prog-solo-head .btn{margin-left:auto}.prog-solo-title{margin:0;font-size:13px;color:var(--accent, #E8971B)}.prog-solo-board{overflow-x:auto}.prog-solo-tips{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px;line-height:1.5;color:var(--text-muted, #8a8a92)}.prog-solo-tips li::marker{color:var(--accent, #E8971B)}.prog-solo-show{justify-self:start}.prog-strum{align-items:center}.prog-strum-grid{margin-left:auto}.prog-strum-grid .strum-slot{width:38px;padding:6px 0}.prog-mix{display:flex;flex-wrap:wrap;gap:6px 14px;width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--border, #2a2a2e)}.prog-fader input[type=range]{width:90px}.prog-fader b{min-width:2.2em;text-align:right}.credits{max-width:60ch;display:grid;gap:14px}.credits h3{margin:14px 0 0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint, #6c6c74)}.credits-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.credits-list li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #2a2a2e)}.credits-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.credits-list a{font-size:11.5px;color:var(--accent, #E8971B);word-break:break-all}.credits-note{font-style:italic}.legal-credits{margin:10px 0 0}.legal-credits a{color:var(--accent, #E8971B)}.followband{display:grid;gap:8px;margin:16px 0;padding:14px;border:1px solid var(--border, #2a2a2e);border-radius:14px}.followband.is-waiting{border-color:color-mix(in srgb,var(--accent, #E8971B) 60%,transparent)}.followband-head{display:flex;align-items:baseline;gap:10px}.followband-head b{font-size:15px}.followband-bpm{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent, #E8971B)}.followband-bars{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.followband-bars li{padding:6px 12px;border:1px solid var(--border, #2a2a2e);border-radius:9px;font-weight:700;font-size:13.5px}.followband-bars li.is-now{border-color:var(--accent, #E8971B);background:color-mix(in srgb,var(--accent, #E8971B) 16%,transparent)}.followband-says{font-size:13px;font-weight:700;color:var(--text-muted, #8a8a92)}.followband-says.is-waiting{color:var(--accent, #E8971B)}