.targeted-review{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:20px;width:min(1320px,100% - 32px);margin:18px auto 0;padding:clamp(20px,4vw,32px)}.results-shell .targeted-review,.score-reading-results .targeted-review,.instrument-practice .targeted-review,.guitar-results .targeted-review{width:auto;margin:20px 0}.targeted-review h2{font-family:var(--serif);letter-spacing:-.03em;margin:10px 0 12px;font-size:clamp(24px,3.4vw,32px)}.targeted-review p{max-width:72ch;color:var(--foreground-muted);line-height:1.65}.targeted-review small{color:var(--foreground-muted);margin-top:14px;font-size:12px;line-height:1.6;display:block}.targeted-review-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.targeted-review-list li{background:var(--background-deep);border-radius:12px;gap:4px;padding:14px 16px;display:grid}.targeted-review-list strong{font-family:var(--serif);font-size:18px}.targeted-review-list small{margin:0}.targeted-review-more{margin:0 0 14px;font-size:14px}.targeted-review .primary-button{margin-top:4px}.skill-map{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(20px,4vw,32px);scroll-margin-top:80px}.skill-map h2{font-family:var(--serif);margin:12px 0;font-size:clamp(26px,4vw,36px)}.skill-map p{max-width:72ch;line-height:1.65}.skill-map>small{color:var(--foreground-muted);margin-top:18px;font-size:12px;line-height:1.6;display:block}.skill-map-empty{color:var(--foreground-muted)}.skill-map-module{border:1px solid var(--border);background:var(--background-deep);border-radius:14px;margin-top:14px}.skill-map-module summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:52px;padding:12px 16px;display:flex}.skill-map-module summary strong{font-family:var(--serif);font-size:20px}.skill-map-module summary>span{color:var(--foreground-muted);font-size:13px}.skill-map-counts{flex-wrap:wrap;gap:6px;display:flex}.skill-map-trend{color:var(--foreground-muted);margin:0 16px 8px;font-size:14px}.skill-map-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;margin:0;padding:0 16px 12px;list-style:none;display:grid}.skill-map-list li{background:var(--surface);border-radius:10px;gap:4px;padding:12px;display:grid}.skill-map-list strong{font-family:var(--serif);font-size:17px}.skill-map-list small{color:var(--foreground-muted);font-size:12px}.skill-status{background:var(--surface);border:1px solid var(--border-strong);color:var(--foreground);border-radius:999px;justify-self:start;padding:3px 9px;font-size:12px;font-weight:700}.skill-status--needs-work{background:var(--danger-soft);border-color:var(--danger);color:var(--foreground)}.skill-status--developing{background:var(--accent-soft);border-color:var(--accent);color:var(--foreground)}.skill-status--secure{background:var(--success-soft);border-color:var(--success);color:var(--foreground)}.skill-status--stale,.skill-status--insufficient{color:var(--foreground-muted)}.skill-map-clear,.skill-map-confirm button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--foreground);font:inherit;border-radius:10px;margin:8px 16px 14px;padding:10px 14px}.skill-map>.skill-map-clear{margin:16px 0 0}.skill-map-confirm{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.skill-map-confirm button{margin:0}.skill-map-confirm button:first-of-type{border-color:var(--danger);color:var(--danger)}.studio-lesson-meta{background:var(--background-deep);border-radius:12px;grid-template-columns:minmax(120px,max-content) 1fr;gap:8px 12px;margin:12px 0 18px;padding:14px 16px;display:grid}.studio-lesson-meta div{grid-column:1/-1;grid-template-columns:minmax(120px,max-content) 1fr;grid-template-columns:subgrid;gap:4px 12px;display:grid}.studio-lesson-meta dt{letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-muted);font-size:12px;font-weight:700}.studio-lesson-meta dd{margin:0}.studio-lesson-meta small{color:var(--foreground-muted)}@media (width<=560px){.studio-lesson-meta,.studio-lesson-meta div{grid-template-columns:1fr}}.chat-head{align-items:center;gap:10px;padding:16px 16px 12px 20px;display:flex}.chat-head h2{font-family:var(--fx-display);margin:0;font-size:18px;font-weight:600}.chat-head-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--primary);border-radius:12px;flex:none;place-items:center;display:grid}.chat-badge{background:var(--accent-soft);color:var(--primary);font-family:var(--fx-ui);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.chat-close{background:var(--background-deep);width:40px;height:40px;color:var(--foreground);cursor:pointer;border:0;border-radius:12px;place-items:center;margin-left:auto;display:grid}.chat-close svg{width:18px;height:18px}.chat-close:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.chat-log{flex-direction:column;gap:10px;padding:4px 16px 12px;display:flex;overflow-y:auto}.chat-empty{color:var(--foreground-muted);margin:0;font-size:15px;line-height:1.5}.chat-msg{overflow-wrap:anywhere;border-radius:16px;gap:8px;min-width:0;max-width:88%;padding:10px 14px;font-size:15px;font-weight:400;line-height:1.5;display:grid}.chat-msg p{margin:0}.chat-msg--you{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:6px;align-self:flex-end}.chat-msg--teacher{background:var(--background-deep);color:var(--foreground);border-bottom-left-radius:6px;align-self:flex-start;position:relative}.chat-staff{max-width:300px}.chat-typing{align-items:center;gap:4px;display:inline-flex}.chat-typing i{background:var(--foreground-muted);border-radius:999px;width:6px;height:6px;animation:1.1s ease-in-out infinite chat-dot}.chat-typing i:nth-of-type(2){animation-delay:.15s}.chat-typing i:nth-of-type(3){animation-delay:.3s}@keyframes chat-dot{0%,to{opacity:.3}50%{opacity:1}}.chat-waiting{color:var(--foreground-muted);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.chat-error{color:var(--danger);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.chat-suggest{background:var(--accent-soft);border-radius:16px;justify-content:space-between;align-self:stretch;align-items:center;gap:12px;padding:12px 14px;display:flex}.chat-suggest>div{gap:2px;min-width:0;display:grid}.chat-suggest>div>span{color:var(--foreground-muted);font-size:13px}.chat-suggest b{color:var(--primary);font-weight:600}.chat-suggest small{color:var(--foreground-muted);font-size:13px}.chat-suggest-go{background:var(--primary);min-height:40px;color:var(--primary-foreground);font:600 14px var(--fx-ui);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;padding:0 14px;display:inline-grid}button.chat-suggest-go:hover{background:color-mix(in srgb, var(--primary) 86%, #000)}button.chat-suggest-go:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.chat-topics{gap:6px;padding:0 16px 10px;display:grid}.chat-topics button{text-align:left;background:var(--background-deep);color:var(--foreground);cursor:pointer;border:0;border-radius:14px;padding:10px 12px;font-size:14px}.chat-topics button:hover{background:var(--accent-soft);color:var(--primary)}.chat-form{gap:8px;padding:12px 16px 16px;display:flex}.chat-input{background:var(--background-deep);min-width:0;min-height:44px;color:var(--foreground);font:inherit;border:0;border-radius:14px;flex:1;padding:0 14px;font-size:15px}.chat-form--preview .chat-input{color:var(--foreground-muted);align-items:center;display:flex}.chat-send{background:var(--primary);min-height:44px;color:var(--primary-foreground);font:600 15px var(--fx-ui);cursor:pointer;border:0;border-radius:14px;flex:none;place-items:center;padding:0 16px;display:inline-grid}.chat-send:disabled,.chat-form--preview .chat-send{opacity:.5;cursor:default}.chat-send:focus-visible,.chat-input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.chat-typing i{opacity:.7;animation:none}}.chat-head h2{white-space:nowrap}@media (width<=420px){.chat-head{gap:8px}.chat-badge{padding:3px 8px;font-size:12px}.chat-suggest{flex-wrap:wrap}}.chat-note{color:var(--foreground-muted);margin:0;font-size:13px}.chat-goals{justify-self:start}.chat-code{color:var(--foreground-muted);font-size:12px}.chat-form{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:0;display:grid}.chat-form .chat-input{box-sizing:border-box;width:100%}.chat-count{font-variant-numeric:tabular-nums;grid-column:1/-1}.chat-panel>.chat-form{padding-right:16px}.app-shell .chat-form .chat-send{white-space:nowrap;width:auto}.week-plan{background:var(--surface);border-radius:14px;gap:6px;padding:10px 12px;display:grid}.week-plan ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.week-plan li{grid-template-columns:38px minmax(0,1fr) auto;align-items:baseline;gap:8px;font-size:14px;display:grid}.week-plan li b{font:600 13px var(--fx-ui);color:var(--primary)}.week-plan li small{color:var(--foreground-muted);font-variant-numeric:tabular-nums;font-size:13px}.week-plan li.is-rest span,.week-plan li.is-rest b{color:var(--foreground-muted)}.week-plan>p{color:var(--foreground-muted);margin:0;font-size:13px}.lp{width:min(1240px,100%);padding:0 var(--fx-margin) 72px;color:var(--foreground);margin:0 auto;position:relative}.lp h1,.lp h2,.lp h3{font-family:var(--fx-display);color:var(--foreground);margin:0}.lp p{margin:0}.lp button{font:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.lp>section,.lp>div:not(.clef-traveler){z-index:2;position:relative}.app-shell .lp .primary-button,.app-shell .lp .secondary-button,.app-shell .lp-tile-action{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:auto;min-height:48px;padding:0 22px;font-weight:600;display:inline-flex}.app-shell .lp .secondary-button{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-1)}.app-shell .lp .secondary-button:hover{box-shadow:var(--shadow-2)}.app-shell .lp .ghost-button{width:auto;min-height:44px;color:var(--primary);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.app-shell .lp .ghost-button:hover{background:var(--accent-soft)}.app-shell .lp .lp-start{min-height:54px;padding-inline:28px;font-size:17px}.staff-figure{color:var(--foreground);position:relative}.staff-figure>svg{width:100%;height:auto;display:block;overflow:visible}.clef-anchor{pointer-events:none;color:var(--foreground);display:block;position:absolute}.clef-glyph{width:100%;display:block;position:absolute;left:0;overflow:visible}.clef-travel-on [data-clef-anchor]>.clef-glyph{visibility:hidden}.clef-traveler{z-index:3;pointer-events:none;color:var(--foreground);transform-origin:50%;will-change:transform;opacity:0;position:absolute;top:0;left:0}.clef-traveler.is-flying,.clef-traveler.is-intro{z-index:3;color:var(--primary)}.staff-note{color:var(--foreground)}.staff-note--ok{color:var(--success)}.staff-note--no{color:var(--danger)}.staff-note--focus,.staff-note--flag{color:var(--primary)}.staff-note--quiet{color:var(--foreground-muted)}.staff-note-halo{fill:var(--accent-soft)}.staff-note-label{fill:currentColor;font-family:var(--fx-ui);font-weight:600}.staff-playhead{fill:var(--accent-soft)}.staff-note-hit{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;position:absolute}.staff-note-hit:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.score-event.is-on{color:var(--primary)}.score-bar-number{fill:var(--foreground-muted);font-family:var(--fx-ui);font-weight:600}[data-clef-host]{isolation:isolate;position:relative}.clef-glow{z-index:-1;border-radius:inherit;pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden}.clef-glow>i{opacity:0;background:radial-gradient(220px circle at var(--clef-x,12%) var(--clef-y,50%), color-mix(in srgb, var(--primary) 16%, transparent), transparent 72%);transition:opacity .6s;position:absolute;inset:0}[data-clef-host].clef-lit>.clef-glow>i{opacity:.32}[data-clef-host].clef-arrive>.clef-glow>i{animation:.56s cubic-bezier(.2,.7,.2,1) both clef-bloom}[data-clef-host].clef-still>.clef-glow>i{opacity:.22;transition:none}@keyframes clef-bloom{0%{opacity:.1}45%{opacity:.85}to{opacity:.32}}.lp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:calc(100svh - 96px);padding:24px 0 136px;display:grid}.lp-hero>.lp-hero-copy,.lp-hero>.hero-quiz{z-index:1;position:relative}.lp-hero-scene{z-index:0;pointer-events:none;background:linear-gradient(180deg, transparent 62%, var(--background)), linear-gradient(118deg, transparent 8%, color-mix(in srgb, var(--accent-soft) 62%, transparent) 38%, transparent 58%, color-mix(in srgb, var(--accent-soft) 40%, transparent) 82%, transparent 96%);background-size:100% 100%,240% 240%;width:100vw;animation:60s ease-in-out infinite alternate hero-tone;position:absolute;top:-110px;bottom:0;left:calc(50% - 50vw);overflow:hidden}@keyframes hero-tone{0%{background-position:0 0,0 20%}to{background-position:0 0,100% 80%}}.lp-hero-scene.is-paused{animation-play-state:paused}.hero-ribbon{color:var(--foreground);display:block;position:absolute;inset:0;overflow:visible}.ribbon-lines{fill:none;stroke:currentColor;stroke-width:1.1px;opacity:.16;transform:translate3d(calc(var(--sx,0) * 6px), calc(var(--sy,0) * 4px), 0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.ribbon-riders{fill:currentColor;opacity:.5;transform:translate3d(calc(var(--sx,0) * 14px), calc(var(--sy,0) * 9px), 0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.rider-stem{fill:none;stroke:currentColor;stroke-width:1.4px}.rider--accent{color:var(--primary)}.ribbon-riders .rider--accent{opacity:1}.hero-clef-start{width:1px;position:absolute}.lp-over{font-family:var(--fx-ui);color:var(--primary);font-size:16px;font-weight:600;margin-bottom:18px!important}.lp-hero h1{letter-spacing:-.03em;font-size:clamp(44px,5.2vw,76px);font-weight:600;line-height:1}.lp-hero h1 span{display:block}.lp-hero h1 span:last-child{color:var(--primary)}.lp-lead{max-width:30em;color:var(--foreground-muted);font-size:clamp(17px,1.3vw,20px);line-height:1.55;margin-top:26px!important}.lp-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.lp :is(.lp-actions,.hero-quiz-actions)>:is(button,a){margin:0}.hero-quiz{background:var(--surface);box-shadow:var(--shadow-2);border-radius:28px;padding:clamp(24px,3vw,40px)}.hero-quiz-mode{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.hero-quiz-mode>button:first-child{border-radius:10px 4px 4px 10px}.hero-quiz-mode>button:nth-child(2){border-radius:4px 10px 10px 4px;margin-right:10px}.hero-quiz-mode button{background:var(--background-deep);min-height:38px;color:var(--foreground-muted);font:600 14px var(--fx-ui);cursor:pointer;border:0;padding:0 16px;transition:background-color .16s,color .16s}.hero-quiz-mode button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.hero-quiz-mode button[aria-pressed=false]:hover{color:var(--foreground)}.hero-quiz-mode button:focus-visible{outline:3px solid var(--primary);outline-offset:1px}.hero-quiz-note{color:var(--foreground-muted);font-size:14px}.hero-quiz-stage{position:relative}.hero-quiz[data-state=show] .hero-quiz-staff .staff-note{animation:.52s cubic-bezier(.2,.7,.2,1) note-in}@keyframes note-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.hero-quiz-caption{text-align:center;font-family:var(--fx-ui);color:var(--foreground-muted);min-height:1.5em;font-size:16px;margin-top:6px!important}.hero-quiz-caption b{color:var(--foreground);font-size:18px}.hero-quiz-answer{animation:.36s cubic-bezier(.2,.7,.2,1) open-down}@keyframes open-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.hero-quiz-q{font-family:var(--fx-display);font-size:20px;font-weight:600;margin:8px 0 12px!important}.hero-quiz-keys{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.hero-key{background:var(--background-deep);min-height:52px;color:var(--foreground);font-family:var(--fx-ui);cursor:pointer;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:16px;font-weight:600;transition:background-color .16s,transform .16s,box-shadow .16s;display:flex}.hero-key kbd{font:inherit;color:var(--foreground-muted);font-size:11px;font-weight:500}.hero-key:hover:not(:disabled){background:var(--accent-soft);color:var(--primary);transform:translateY(-1px)}.hero-key.is-answer{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-1)}.hero-key.is-answer kbd{color:inherit}.hero-key:disabled{opacity:.4;cursor:default}.hero-quiz-status{align-items:flex-start;gap:8px;min-height:3em;font-size:16px;line-height:1.5;display:flex;margin-top:14px!important}.hero-quiz[data-state=ask] .hero-quiz-status{color:var(--foreground-muted);font-size:15px}.mark{border-radius:999px;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:13px;font-weight:700;display:inline-grid}.mark--ok{background:var(--success);color:#fff}.mark--hint{background:var(--accent-soft);color:var(--primary)}.hero-quiz-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.lp-section{padding:clamp(72px,10vw,128px) 0 0}.lp-section-head{max-width:40em;margin-bottom:36px}.lp-section-head--center{text-align:center;margin-inline:auto}.lp-section-head h2{letter-spacing:-.02em;font-size:clamp(30px,3.4vw,48px);font-weight:600;line-height:1.08}.lp-section-head p{color:var(--foreground-muted);font-size:18px;line-height:1.55;margin-top:14px!important}.lp-textlink{background:var(--surface);min-height:48px;box-shadow:var(--shadow-1);color:var(--foreground-muted);border-radius:999px;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:20px;padding:8px 20px;font-size:15px;text-decoration:none;transition:box-shadow .16s;display:inline-flex}.lp-textlink b{color:var(--primary);text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 35%, transparent);text-underline-offset:4px;font-weight:600}.lp-textlink:hover{box-shadow:var(--shadow-2)}.lp-textlink:hover b{text-decoration-color:currentColor}.lp-textlink:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.lp-small{color:var(--foreground-muted);font-size:14px;margin-top:14px!important}.lp-sample-chip,.teacher-badge{background:var(--accent-soft);color:var(--primary);font-family:var(--fx-ui);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.lp-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lp-tile{grid-template-rows:subgrid;text-align:left;background:var(--surface);box-shadow:var(--shadow-1);border:0;border-radius:24px;grid-row:span 4;justify-items:start;row-gap:0;padding:8px 8px 16px;transition:box-shadow .22s,transform .22s cubic-bezier(.2,.7,.2,1);display:grid}@supports not (grid-template-rows:subgrid){.lp-tile{grid-template-rows:auto auto 1fr auto}}.lp-tile:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.lp-tile-visual{background:var(--card-scene);border-radius:17px;justify-self:stretch;place-items:center;height:150px;margin:0 0 16px;padding:0 20px;display:grid;overflow:hidden}.lp-tile-visual:has(>.card-picture){padding:0}.lp-tile-visual>*{width:100%;max-width:188px}.lp-tile-visual>.card-picture{max-width:none}.lp-tile-visual>.staff-figure{margin-left:-6px}.lp-tile h3{margin:0 12px 6px;font-size:20px;font-weight:600}.lp-tile p{color:var(--foreground-muted);max-width:30ch;font-size:15px;line-height:1.5;margin:0 12px!important}.app-shell .lp-tile-action{background:var(--accent-soft);min-height:40px;color:var(--primary);box-shadow:none;place-self:end start;margin:16px 12px 0;padding:0 16px;font-size:15px;transition:background-color .18s}.app-shell .lp-tile-action:hover{background:color-mix(in srgb, var(--primary) 16%, var(--surface))}.studio-visual{width:100%;height:auto;display:block;overflow:visible}.sv-ink{fill:var(--foreground);color:var(--foreground)}.sv-accent{fill:var(--primary);color:var(--primary)}.sv-key{fill:var(--surface);stroke:color-mix(in srgb, var(--foreground) 22%, transparent);stroke-width:1px}.sv-dot{fill:color-mix(in srgb, var(--foreground) 40%, transparent)}.sv-well{fill:color-mix(in srgb, var(--primary) 10%, transparent)}.sv-line{stroke:var(--foreground);stroke-width:1px;opacity:.55}.sv-line--bar{stroke-width:1.6px;opacity:.8}.sv-stem{stroke:currentColor;stroke-width:1.3px;color:var(--foreground)}.sv-stem--accent,.sv-accent .sv-stem{color:var(--primary)}.pdf-stage{border-radius:28px;max-width:1040px;margin:0 auto}.pdf-frame{--print-ink:#2a2622;--paper:#f6f0e3;aspect-ratio:16/5.4;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;min-height:280px;box-shadow:var(--shadow-2);background:var(--surface);border-radius:24px;position:relative;overflow:hidden}.pdf-layer{flex-direction:column;justify-content:center;padding:22px clamp(18px,4vw,48px);display:flex;position:absolute;inset:0}.pdf-layer--print{background:var(--paper);color:var(--print-ink);font-family:Georgia,Times New Roman,serif}.pdf-layer--print:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000000f,#0000 18% 82%,#00000014),radial-gradient(120% 90% at 50% 40%,#0000 60%,#46321424);position:absolute;inset:0}.pdf-grain{pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.pdf-sheet{position:relative;transform:rotate(-.7deg)translateY(4px)}.pdf-sheet .staff-figure,.pdf-sheet .clef-anchor{color:var(--print-ink)}.pdf-sheet .staff-figure>svg{filter:blur(.4px)contrast(1.05)}.pdf-sheet-head{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin-bottom:4px;display:grid}.pdf-sheet-head strong{text-align:center;font-size:clamp(18px,2.1vw,26px);font-style:italic;font-weight:400}.pdf-tempo-mark{font-size:13px;font-weight:700}.pdf-composer{text-align:right;font-variant:small-caps;letter-spacing:.04em;font-size:13px}.pdf-page-no{text-align:center;opacity:.7;font-size:12px;position:absolute;bottom:12px;left:0;right:0}.pdf-layer--digital{background:var(--surface);clip-path:inset(0 0 0 var(--split));gap:10px}.pdf-app-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pdf-app-bar strong{font-family:var(--fx-display);margin-right:auto;font-size:clamp(16px,1.8vw,21px);font-weight:600}.pdf-chip{background:var(--accent-soft);color:var(--primary);font-family:var(--fx-ui);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.pdf-chip--quiet{background:var(--background-deep);color:var(--foreground-muted);font-variant-numeric:tabular-nums}.pdf-play{background:var(--primary);min-height:40px;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.pdf-play svg{width:16px;height:16px}.pdf-handle{top:0;bottom:0;left:var(--split);z-index:3;cursor:ew-resize;touch-action:none;outline:none;place-items:center;width:44px;margin-left:-22px;display:grid;position:absolute}.pdf-handle:before{content:"";background:var(--primary);width:2px;position:absolute;top:0;bottom:0;left:21px}.pdf-handle-knob{background:var(--primary);width:44px;height:44px;color:var(--primary-foreground);box-shadow:var(--shadow-2);border-radius:999px;place-items:center;display:grid;position:relative}.pdf-handle-knob svg{width:20px;height:20px}.pdf-handle:focus-visible .pdf-handle-knob{outline:3px solid var(--foreground);outline-offset:3px}.pdf-tag{font-family:var(--fx-ui);pointer-events:none;z-index:2;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:14px}.pdf-tag--left{color:#f6f0e3;background:#2a2622c7;left:16px}.pdf-tag--right{background:var(--primary);color:var(--primary-foreground);right:16px}.pdf-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.pdf-foot p{color:var(--foreground-muted);max-width:44em;font-size:15px;line-height:1.5}.pdf-drag-hint{white-space:nowrap}.clef-travel-on .pdf-layer--print .clef-anchor>.clef-glyph{visibility:hidden}.lp-ai{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.lp-ai .lp-section-head{margin:0}.lp-ai-try{margin-top:28px}.ai-preview{background:var(--surface);box-shadow:var(--shadow-2);border-radius:24px;margin:0;overflow:hidden}.ai-preview-body{pointer-events:none;-webkit-user-select:none;user-select:none;display:grid}.ai-preview .chat-head{padding:18px 20px 10px}.ai-preview .chat-log{gap:12px;padding:6px 20px 14px;overflow:visible}.ai-preview .chat-msg{font-size:16px}.ai-preview .chat-msg--teacher{gap:10px;max-width:94%}.ai-preview .chat-form{padding:6px 20px 20px}.ai-msg--you,.ai-suggest,.ai-msg--teacher>p,.ai-msg--teacher .staff-note{opacity:0;transition:opacity .6s}.ai-msg--teacher .staff-note{transition-delay:.25s}.ai-msg--you.is-in,.ai-suggest.is-in,.ai-msg--teacher.is-in>p,.ai-msg--teacher.is-in .staff-note{opacity:1}@media (width<=560px){.ai-preview .chat-head{padding:14px 14px 8px}.ai-preview .chat-log{padding:4px 14px 12px}.ai-preview .chat-form{padding:4px 14px 14px}.ai-preview .chat-msg{font-size:15px}}.ai-msg--teacher>.chat-typing{transition:opacity .3s;position:absolute;top:18px;left:16px}.ai-msg--teacher.is-in>.chat-typing{opacity:0}.lp-path{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.lp-continue h2{letter-spacing:-.015em;font-size:clamp(28px,3vw,40px);font-weight:600}.lp-continue>p{color:var(--foreground-muted);font-size:18px;line-height:1.5;margin-top:12px!important}.lp-next{background:var(--accent-soft);border-radius:22px;margin-top:24px;padding:24px}.lp-next h3{font-size:21px;font-weight:600}.lp-next p{line-height:1.5;margin-top:8px!important}.lp-next .lp-actions{margin-top:16px}.lp-goal{background:var(--surface);box-shadow:var(--shadow-1);border-radius:22px;gap:12px;padding:24px;display:grid}.lp-goal h3{font-size:20px;font-weight:600}.lp-goal-name{color:var(--primary);font-weight:600}.lp-bar{gap:6px;font-size:15px;display:grid}.lp-bar b{background:var(--background-deep);border-radius:999px;height:8px;display:block;overflow:hidden}.lp-bar i{background:var(--primary);border-radius:inherit;height:100%;display:block}.lp-links{flex-wrap:wrap;gap:4px 8px;display:flex}.lp-goal-form{gap:10px;display:grid}.lp-goal-form label{gap:4px;font-size:14px;font-weight:600;display:grid}.lp-goal-form select{background:var(--background-deep);min-height:44px;color:var(--foreground);font:inherit;border:0;border-radius:12px;padding:0 10px}.lp-cta{background:var(--surface);box-shadow:var(--shadow-2);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);margin-top:clamp(72px,8vw,112px);padding:clamp(28px,4vw,56px);display:grid}.lp-cta h2{letter-spacing:-.02em;font-size:clamp(30px,3.6vw,52px);font-weight:600;line-height:1.05}.lp-cta p{color:var(--foreground-muted);font-size:18px;margin:14px 0 24px!important}.teacher{background:var(--surface);box-shadow:var(--shadow-2);border-radius:24px;gap:18px;padding:clamp(20px,2.6vw,32px);display:grid}.teacher-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.teacher-title{font-size:20px;font-weight:600}.teacher-intro{color:var(--foreground-muted);line-height:1.5}.teacher-topics{flex-wrap:wrap;gap:8px;display:flex}.teacher-topic{text-align:left;background:var(--background-deep);width:auto;color:var(--foreground);cursor:pointer;border:0;border-radius:999px;padding:9px 14px;font-size:14px;line-height:1.35}.teacher-topic:hover,.teacher-topic.is-on{background:var(--accent-soft);color:var(--primary)}.teacher-thread{outline:none;gap:14px;display:grid}.teacher-msg{border-radius:18px;gap:8px;max-width:92%;padding:14px 16px;line-height:1.55;display:grid}.teacher-msg--you{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:6px;justify-self:end}.teacher-msg--you .teacher-who{color:inherit;opacity:.8}.teacher-msg--teacher{background:var(--background-deep);border-bottom-left-radius:6px}.teacher-who{font-family:var(--fx-ui);color:var(--foreground-muted);font-size:13px;font-weight:600}.teacher-sample{background:var(--surface);border-radius:14px;margin-top:4px;padding:12px 14px}.teacher-sample strong{font-family:var(--fx-ui);color:var(--primary);font-size:14px}.teacher-sample ul{margin:6px 0 0;padding-left:18px}.teacher-visual{gap:10px;display:grid}.teacher-tools,.teacher-actions,.teacher-retry{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teacher-hint{background:var(--accent-soft);border-radius:14px;padding:12px 14px;line-height:1.5}.teacher-retry .hero-key{flex-direction:row;width:auto;min-width:56px;min-height:44px;padding-inline:12px}.teacher-ok{color:var(--success)}.teacher-no{color:var(--danger)}.teacher-actions .primary-button{text-align:left;flex-direction:column;align-items:flex-start;min-height:56px;padding-block:8px}.teacher-actions .primary-button small{opacity:.9;font-size:13px;font-weight:400}.teacher-notice{color:var(--success);font-weight:600}.teacher-ask{gap:6px;display:grid}.teacher-ask label{font-family:var(--fx-ui);font-size:14px;font-weight:600}.teacher-ask>div{gap:8px;display:flex}.teacher-ask input{background:var(--background-deep);min-width:0;min-height:46px;color:var(--foreground);font:inherit;border:0;border-radius:14px;flex:1;padding:0 14px}.teacher-plan{gap:10px;padding-top:8px;display:grid}.teacher-plan h3{font-size:18px;font-weight:600}.teacher-plan ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.teacher-plan li{background:var(--background-deep);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.teacher-plan-actions{flex:none;gap:4px;display:flex}.teacher-plan-note{color:var(--foreground-muted);font-size:14px}.lp-honest{color:var(--foreground-muted);gap:6px;margin:18px 0 0;padding-left:20px;line-height:1.5;display:grid}.pricing-head{max-width:46em;padding:56px 0 40px}.pricing-head h1{letter-spacing:-.025em;font-size:clamp(34px,4.2vw,58px);font-weight:600;line-height:1.04}.pricing-head p{color:var(--foreground-muted);font-size:19px;line-height:1.55;margin-top:18px!important}.pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.plan{background:var(--surface);box-shadow:var(--shadow-1);border-radius:28px;flex-direction:column;gap:12px;padding:clamp(24px,3vw,40px);display:flex}.plan--ai{background:color-mix(in srgb, var(--primary) 7%, var(--surface));box-shadow:var(--shadow-2)}.plan h2{font-size:24px;font-weight:600}.plan-price{font-family:var(--fx-display);letter-spacing:-.02em;font-size:44px;font-weight:600}.plan-price--text{color:var(--primary);font-size:26px}.plan-note{color:var(--foreground-muted);font-size:15px}.plan ul{gap:10px;margin:8px 0 16px;padding:0;list-style:none;display:grid}.plan li{padding-left:26px;line-height:1.45;position:relative}.plan li:before{content:"";border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);width:10px;height:6px;position:absolute;top:.45em;left:4px;transform:rotate(-45deg)}.plan>button{align-self:flex-start;margin-top:auto}.pricing-faq{max-width:760px;padding-top:72px}.pricing-faq h2{margin-bottom:18px;font-size:28px;font-weight:600}.pricing-faq dl{gap:12px;margin:0;display:grid}.pricing-faq dl>div{background:var(--surface);box-shadow:var(--shadow-1);border-radius:18px;padding:18px 20px}.pricing-faq dt{font-weight:600}.pricing-faq dd{color:var(--foreground-muted);margin:6px 0 0;line-height:1.5}.chat-bubble{z-index:70;background:var(--primary);width:56px;height:56px;color:var(--primary-foreground);box-shadow:var(--shadow-2);cursor:pointer;border:0;border-radius:20px;place-items:center;transition:transform .18s cubic-bezier(.2,.7,.3,1),background-color .18s;display:grid;position:fixed;bottom:20px;right:20px}@media (hover:hover) and (pointer:fine){.chat-bubble:hover{background:color-mix(in srgb, var(--primary) 84%, #000);transform:scale(1.025)}}.chat-bubble:active{background:color-mix(in srgb, var(--primary) 80%, #000)}.chat-bubble:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.chat-bubble svg:not(.ai-icon){width:26px;height:26px}.chat-panel{z-index:71;background:var(--surface);width:min(380px,100vw - 24px);height:min(560px,100svh - 140px);color:var(--foreground);box-shadow:var(--shadow-2);border-radius:24px;grid-template-rows:auto 1fr auto auto;animation:.26s cubic-bezier(.2,.7,.2,1) open-down;display:grid;position:fixed;bottom:88px;right:20px;overflow:hidden}.skeleton{width:min(1240px,100%);padding:48px var(--fx-margin);margin:0 auto}.skeleton>div{gap:14px;display:grid}.sk{background:linear-gradient(90deg, var(--background-deep) 0 40%, color-mix(in srgb, var(--background-deep) 55%, var(--surface)) 50%, var(--background-deep) 60% 100%);background-size:300% 100%;border-radius:14px;animation:1.4s linear infinite sk-shine;display:block}.sk-title{width:min(420px,70%);height:40px}.sk-line{width:min(640px,90%);height:16px}.sk-short{width:min(360px,60%)}.sk-stage{border-radius:24px;height:clamp(180px,26vw,280px);margin-top:12px}.sk-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.sk-card{border-radius:22px;height:120px}@keyframes sk-shine{0%{background-position:100% 0}to{background-position:0 0}}.nf{place-items:center;min-height:calc(100svh - 120px);display:grid}.nf-card{text-align:center;background:var(--surface);width:min(620px,100%);box-shadow:var(--shadow-2);border-radius:32px;padding:clamp(28px,5vw,56px)}.nf-stage{max-width:380px;margin:0 auto 8px;position:relative}.nf-lost{width:30px;color:var(--primary);animation:3.2s ease-in-out infinite nf-drift;position:absolute;top:-14%;right:2%}@keyframes nf-drift{0%,to{transform:translate(0)rotate(-14deg)}50%{transform:translate(6px,-10px)rotate(8deg)}}.nf-code{font-family:var(--fx-ui);color:var(--primary);letter-spacing:.02em;font-weight:600}.nf-card h1{letter-spacing:-.02em;margin:6px 0 12px;font-size:clamp(30px,4vw,46px);font-weight:600;line-height:1.08}.nf-card>p:not(.nf-code){color:var(--foreground-muted);font-size:17px;line-height:1.55}.nf-card .lp-actions{justify-content:center}@media (width<=1100px){.lp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.lp-hero{grid-template-columns:minmax(0,1fr);gap:28px;min-height:auto;padding:24px 0 128px}.lp-ai,.lp-path,.lp-cta,.pricing-plans{grid-template-columns:minmax(0,1fr)}.pdf-frame{aspect-ratio:16/8.5}}@media (width<=560px){.lp{padding-bottom:48px}.lp-hero h1{font-size:clamp(36px,10.5vw,46px)}.hero-quiz{border-radius:22px;padding:18px}.hero-quiz-keys{gap:5px}.hero-key{border-radius:12px;min-height:48px;font-size:15px}.lp-tiles{grid-template-columns:minmax(0,1fr);gap:12px}.lp-tile{text-align:left;border-radius:20px;grid-row:auto;grid-template-rows:none;grid-template-columns:112px minmax(0,1fr);place-items:center start;gap:4px 16px;padding:8px 16px 8px 8px}.lp-tile>.lp-tile-visual{border-radius:14px;grid-row:span 3;width:112px;height:96px;margin:0;padding:0 8px}.lp-tile h3,.lp-tile p{margin:0!important}.app-shell .lp-tile-action{place-self:start;margin:6px 0 0}.pdf-frame{aspect-ratio:auto;height:300px}.pdf-layer{padding:14px}.pdf-sheet-head{text-align:left;grid-template-columns:1fr}.pdf-sheet-head strong{text-align:left}.pdf-composer,.pdf-chip--quiet{display:none}.chat-bubble{width:52px;height:52px;bottom:84px;right:14px}.chat-panel{width:auto;height:min(520px,100svh - 220px);bottom:146px;left:8px;right:8px}.sk-row{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.clef-traveler{display:none}.lp-hero-scene{animation:none}.ribbon-lines,.ribbon-riders{transition:none;transform:none}.sk,.nf-lost,[data-clef-host]>.clef-glow>i{animation:none}.ai-msg--you,.ai-suggest,.ai-msg--teacher>p,.ai-msg--teacher .staff-note{opacity:1;transition:none;transform:none}.ai-msg--teacher>.chat-typing{display:none}.hero-quiz *,.lp-tile{transition:none!important;animation:none!important}}.ai-icon{flex:none;display:block}.chat-bubble .ai-icon{width:30px;height:30px}.aiw{padding-top:40px}.aiw-head{align-items:center;gap:20px;max-width:52em;display:flex}.aiw-mark{background:var(--accent-soft);width:84px;height:84px;color:var(--primary);border-radius:26px;flex:none;place-items:center;display:grid}.aiw-head h1{letter-spacing:-.025em;font-size:clamp(32px,4vw,54px);font-weight:600;line-height:1.05}.aiw-head p{color:var(--foreground-muted);font-size:18px;line-height:1.5;margin-top:10px!important}.aiw-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px;display:grid}.app-shell .aiw-entry{text-align:left;cursor:pointer;background:var(--surface);min-height:112px;color:var(--foreground);box-shadow:var(--shadow-1);border:0;border-radius:22px;align-content:start;gap:6px;padding:20px 22px;transition:box-shadow .16s,background-color .16s;display:grid}.app-shell .aiw-entry b{font-family:var(--fx-display);font-size:20px;font-weight:600}.app-shell .aiw-entry span{color:var(--foreground-muted);font-size:15px;line-height:1.45}.app-shell .aiw-entry:hover{box-shadow:var(--shadow-2)}.app-shell .aiw-entry.is-on{background:var(--accent-soft)}.app-shell .aiw-entry.is-on b{color:var(--primary)}.app-shell .aiw-entry:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.aiw-entries.is-compact .aiw-entry{min-height:0;padding:14px 18px}.aiw-entries.is-compact .aiw-entry span{display:none}.aiw-area{margin-top:28px;scroll-margin-top:96px}.aiw-area>*{background:var(--surface);box-shadow:var(--shadow-2);border-radius:28px;padding:clamp(20px,3vw,36px)}.aiw-h{letter-spacing:-.015em;outline:none;font-size:clamp(24px,2.6vw,34px);font-weight:600}.aiw-help,.aiw-provenance,.aiw-sum,.aiw-last{color:var(--foreground-muted);line-height:1.55;margin-top:12px!important}.aiw-help b{color:var(--foreground);font-weight:600}.aiw-warn{background:var(--accent-soft);color:var(--foreground);border-radius:14px;padding:12px 16px;font-weight:500;margin-top:12px!important}.aiw-steps{color:var(--foreground-muted);flex-wrap:wrap;gap:6px 16px;margin:0 0 18px;padding:0;font-size:14px;list-style:none;display:flex}.aiw-steps li{align-items:center;gap:8px;display:inline-flex}.aiw-steps span{background:var(--background-deep);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;width:24px;height:24px;font-weight:600;display:inline-grid}.aiw-steps .is-on{color:var(--foreground);font-weight:600}.aiw-steps .is-on span{background:var(--primary);color:var(--primary-foreground)}.aiw-steps .is-done span{background:var(--accent-soft);color:var(--primary)}.aiw-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.aiw-card{background:var(--background-deep);border-radius:22px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.aiw-card h3{font-size:20px;font-weight:600}.aiw-card p{color:var(--foreground-muted);flex:1;line-height:1.5}.aiw-thumb{object-fit:cover;object-position:50% 12%;width:100%;height:150px;box-shadow:var(--shadow-1);background:#fff;border-radius:14px}.aiw-drop{background:var(--surface);width:100%;height:150px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.aiw-file{background:var(--surface);border-radius:14px;gap:6px;width:100%;padding:12px 14px;display:grid}.aiw-file span{color:var(--foreground-muted);font-size:13px}.aiw-busy{align-items:center;gap:8px;display:inline-flex}.aiw-busy i{border:2px solid var(--accent-soft);border-top-color:var(--primary);border-radius:999px;width:14px;height:14px;animation:.8s linear infinite aiw-spin}@keyframes aiw-spin{to{transform:rotate(360deg)}}.aiw-compare{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;margin-top:18px;display:grid}.aiw-compare figure{gap:10px;margin:0;display:grid}.aiw-compare figcaption{color:var(--foreground-muted);align-items:center;gap:10px;font-size:14px;display:flex}.aiw-sheet{background:color-mix(in srgb, var(--foreground) 6%, var(--background-deep));border-radius:18px;padding:14px;position:relative}.aiw-sheet img{background:#fff;width:100%;height:auto;transition:opacity .24s;display:block;box-shadow:0 1px 2px #0000002e,0 10px 30px -12px #00000059}.aiw-sheet-sk{border-radius:4px;position:absolute;inset:14px}.aiw-digital .lab-score-wrap,.aiw-single .lab-score-wrap{color:#1c1b1a;background:#fff;border-radius:18px;max-height:640px;padding:12px;overflow:auto}.aiw-single{margin-top:16px}.aiw-single .lab-score-wrap{max-height:420px}.aiw-voices{border:0;margin:20px 0 0;padding:0}.aiw-voices legend{margin-bottom:10px;font-weight:600;line-height:1.45}.aiw-voices>div{flex-wrap:wrap;gap:8px;display:flex}.aiw-voices label{background:var(--background-deep);cursor:pointer;border-radius:999px;align-items:baseline;gap:8px;min-height:44px;padding:10px 16px;font-weight:500;display:inline-flex;position:relative}.aiw-voices label small{color:var(--foreground-muted);font-size:13px}.aiw-voices label.is-on{background:var(--primary);color:var(--primary-foreground)}.aiw-voices label.is-on small{color:inherit;opacity:.85}.aiw-voices input{opacity:0;pointer-events:none;position:absolute}.aiw-voices label:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:2px}.aiw-voices p{color:var(--foreground-muted);font-size:14px;margin-top:8px!important}.aiw-bars{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.aiw-bars li{background:var(--background-deep);border-radius:16px;gap:8px;padding:12px;display:grid}.aiw-bar-no{color:var(--foreground-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.aiw-bars li>div{flex-wrap:wrap;gap:6px;display:flex}.aiw-note-wrap{flex-wrap:wrap;gap:4px;display:inline-flex}.app-shell .aiw-note{background:var(--surface);min-height:36px;color:var(--foreground);font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:10px;padding:0 10px;font-weight:600}.app-shell .aiw-note small{color:var(--foreground-muted);font-weight:400}.app-shell .aiw-note.is-fixed{background:var(--primary);color:var(--primary-foreground)}.app-shell .aiw-note.is-fixed small{color:inherit}.app-shell .aiw-note.is-open{outline:2px solid var(--primary);outline-offset:1px}.aiw-edit{gap:4px;display:inline-flex}.app-shell .aiw-edit button{background:var(--accent-soft);min-width:36px;min-height:36px;color:var(--primary);cursor:pointer;border:0;border-radius:10px;padding:0 10px;font-weight:600}.aiw-range{flex-wrap:wrap;gap:16px;margin-top:18px;display:flex}.aiw-range label{gap:6px;font-size:14px;font-weight:600;display:grid}.aiw-range select{background:var(--background-deep);min-width:140px;min-height:48px;color:var(--foreground);font:inherit;border:0;border-radius:14px;padding:0 12px}.aiw-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.aiw-panel{background:var(--background-deep);border-radius:20px;align-content:start;gap:10px;padding:20px;display:grid}.aiw-panel h3{font-size:18px;font-weight:600}.aiw-panel--next{background:var(--accent-soft)}.aiw-plan-title{font-size:18px;font-weight:600}.aiw-misses{gap:6px;margin:0;padding:0;list-style:none;display:grid}.aiw-misses li{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:12px;justify-content:space-between;padding:8px 12px;display:flex}.aiw-empty{font-size:18px;line-height:1.5;margin-top:12px!important}.aiw-chat{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.aiw-chat p{margin:0;font-size:18px;line-height:1.5}.aiw-panel .primary-button{justify-self:start}@media (width<=960px){.aiw-entries,.aiw-pick-grid,.aiw-compare,.aiw-review-grid{grid-template-columns:minmax(0,1fr)}.aiw-entries.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.aiw{padding-top:24px}.aiw-digital .lab-score-wrap{max-height:none}.aiw-head{align-items:flex-start;gap:14px}.aiw-mark{border-radius:18px;width:56px;height:56px}.aiw-mark .ai-icon{width:36px;height:36px}.aiw-entries.is-compact{grid-template-columns:minmax(0,1fr)}.aiw-entries.is-compact .aiw-entry{padding:12px 16px}.aiw-area>*{border-radius:22px;padding:18px}.aiw-bars{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.aiw-busy i{animation:none}}.aiw-sheet-fail{text-align:center;color:var(--foreground-muted);place-items:center;padding:24px;display:grid;position:absolute;inset:14px}.app-shell .aiw .aiw-h:focus,.app-shell .aiw .aiw-h:focus-visible{box-shadow:none;outline:none}.pdf-frame--source .pdf-layer--print{color:#1c1b1a;background-color:#f3ebdb;background-image:radial-gradient(120% 95% at 45% 45%,#0000 55%,#6e502829),repeating-linear-gradient(97deg,#785a3209 0 1px,#0000 1px 5px),repeating-linear-gradient(8deg,#ffffff38 0 2px,#0000 2px 9px);gap:6px;box-shadow:inset 10px 0 18px -12px #3c280a59}.pdf-frame--source .pdf-layer--print:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000000d,#0000 14% 86%,#0000000a);display:block;position:absolute;inset:0}.pdf-frame--source .pdf-layer--print .pdf-source-img{mix-blend-mode:multiply;filter:contrast(1.05)sepia(.08)}.pdf-frame--source .pdf-sheet-head{grid-template-columns:1fr auto;font-family:Georgia,Times New Roman,serif}.pdf-frame--source .pdf-sheet-head strong{text-align:left;font-style:normal;font-weight:700}.pdf-frame--source .pdf-layer--digital{background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface));box-shadow:inset 12px 0 20px -14px color-mix(in srgb, var(--primary) 40%, transparent)}.pdf-legend{justify-content:space-between;gap:12px;margin:0 6px 10px;display:flex}.pdf-legend-item{font:600 14px var(--fx-ui);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;transition:opacity .2s;display:inline-flex}.pdf-legend-item svg{flex:none;width:16px;height:16px}.pdf-legend-item--print{color:#3a2f22;background:#efe5d1}.pdf-legend-item--digital{background:var(--primary);color:var(--primary-foreground)}@media (width<=560px){.pdf-legend-item{padding:5px 10px;font-size:12px}.pdf-legend-item svg{display:none}}.pdf-source-img{object-fit:contain;object-position:left center;pointer-events:none;flex:0 auto;width:100%;height:auto;min-height:0;display:block}.pdf-osmd{color:#111;min-height:0;box-shadow:0 1px 2px #0000000f, 0 8px 24px -12px color-mix(in srgb, var(--primary) 30%, transparent);background:#fff;border-radius:14px;flex:auto;padding:4px 8px;overflow:hidden}.osmd-view{position:relative}.osmd-note{color:#5b5650;margin:0;padding:12px;font-size:14px}.osmd-box svg{max-width:100%;height:auto;display:block}.hero-quiz{padding:clamp(20px,2.3vw,30px) clamp(20px,2.6vw,32px)}.hero-quiz-mode{margin-bottom:0}.hero-quiz-stage .hero-quiz-staff{margin:-22px 0 -30px}.hero-quiz-caption{margin-top:0!important}.hero-quiz-actions{margin-top:12px}.hero-quiz-q{margin:4px 0 10px!important}.hero-quiz-status{min-height:2.6em;margin-top:10px!important}@media (width<=560px){.hero-quiz{padding:16px}.hero-quiz-stage .hero-quiz-staff{margin:-16px 0 -22px}}.hero-quiz-mode,.hero-quiz-caption,.hero-quiz-answer,.hero-quiz-actions{z-index:1;position:relative}.hero-quiz-stage .hero-quiz-staff svg{pointer-events:none}.settings-page{width:min(920px, calc(100% - 2 * var(--fx-margin,20px)));color:var(--foreground);font-family:var(--fx-text);margin:clamp(24px,5vw,56px) auto 96px}.settings-head{gap:8px;margin-bottom:clamp(20px,3vw,32px);display:grid}.settings-head h1{font:600 clamp(34px, 5vw, 52px)/1 var(--fx-display);letter-spacing:-.03em;margin:0}.settings-head p{color:var(--foreground-muted);margin:0;font-size:17px}.settings-section{border-top:1px solid var(--border);grid-template-columns:200px minmax(0,1fr);align-items:start;gap:14px 32px;padding:26px 0;display:grid}.settings-section>h2{font:600 18px/1.3 var(--fx-ui);grid-row:1;margin:4px 0 0}.settings-section>:not(h2){grid-column:2}.settings-section{grid-auto-flow:dense}.settings-page .primary-button,.settings-page .secondary-button,.settings-page .danger-button{width:auto;min-height:44px;font:600 14px var(--fx-ui);border-radius:999px;justify-self:start;margin:0;padding:0 18px}.settings-page .secondary-button{border:1px solid var(--border-strong,var(--border));color:var(--foreground);background:0 0}.settings-section fieldset{border:0;min-width:0;margin:0;padding:0}.settings-section legend{color:var(--foreground-muted);margin-bottom:8px;padding:0;font-size:14px}.settings-help{color:var(--foreground-muted);max-width:60ch;margin:0;font-size:14px;line-height:1.5}.settings-palettes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.settings-palettes legend{grid-column:1/-1}.settings-palettes label{border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:8px 12px;font-size:15px;display:flex;position:relative}.settings-palettes label.is-on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.settings-palettes input,.settings-segmented input,.settings-voice input{opacity:0;pointer-events:none;position:absolute}.settings-swatch{border-radius:8px;flex:none;width:26px;height:26px}.settings-emblem{display:none}.settings-segmented{border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;justify-self:start;gap:4px;padding:4px;display:inline-flex}.settings-segmented legend{width:100%}.settings-segmented label{cursor:pointer;min-height:38px;font:500 15px var(--fx-ui);color:var(--foreground-muted);border-radius:999px;align-items:center;padding:0 16px;display:inline-flex;position:relative}.settings-segmented label.is-on{background:var(--foreground);color:var(--background)}:is(.settings-palettes label:has(input:focus-visible),.settings-segmented label:has(input:focus-visible),.settings-voice label:has(input:focus-visible)){outline:2px solid var(--primary);outline-offset:2px}.settings-names-sample{font:500 17px var(--fx-ui);letter-spacing:.01em;margin:0}.settings-link{color:var(--primary);font:500 15px var(--fx-text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.settings-switch{border:1px solid var(--border);width:100%;max-width:560px;min-height:56px;color:inherit;text-align:left;cursor:pointer;font:500 15px var(--fx-text);background:0 0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.settings-switch small{color:var(--foreground-muted);margin-top:2px;font-size:13px;display:block}.settings-switch b{text-align:center;background:var(--background-deep);min-width:64px;font:600 13px var(--fx-ui);border-radius:999px;padding:6px 12px}.settings-switch[aria-checked=true] b{background:var(--primary);color:var(--primary-foreground)}.settings-voices{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-width:560px;display:grid}.settings-voices:disabled{opacity:.5}.settings-voice{background:var(--surface,transparent);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:6px 6px 6px 14px;display:flex}.settings-voice.is-on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.settings-voice label{cursor:pointer;flex:1;align-items:center;min-height:40px;font-size:15px;display:flex;position:relative}.settings-listen{background:var(--background-deep);min-height:40px;color:inherit;font:500 13px var(--fx-ui);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.settings-listen svg{width:14px;height:14px}.settings-row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-row-actions p{margin:0}.settings-confirm{font-weight:500}.settings-account{justify-items:start;gap:12px;display:grid}.settings-account p{margin:0}.settings-page .danger-button{min-height:44px;font:600 14px var(--fx-ui);border-radius:999px;padding:0 16px}@media (width<=720px){.settings-section{grid-template-columns:minmax(0,1fr)}.settings-section>h2{grid-row:auto}.settings-section>:not(h2){grid-column:1}.settings-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-voices{grid-template-columns:minmax(0,1fr)}}.settings-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.settings-goals label{color:var(--foreground-muted);gap:6px;font-size:14px;display:grid}.settings-goals :is(select,input){border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--foreground);font:inherit;border-radius:12px;padding:0 12px}.settings-goals-wide{grid-column:1/-1}@media (width<=640px){.settings-goals{grid-template-columns:minmax(0,1fr)}}.settings-goals-plan{color:var(--foreground-muted);justify-items:start;gap:8px;font-size:14px;display:grid}.settings-goals-plan .week-plan{background:var(--background-deep);width:100%;max-width:460px;color:var(--foreground)}.ai-teacher{border:1px solid var(--border,#dfe6e9);color:var(--foreground);background:var(--surface,transparent);border-radius:16px;gap:14px;margin-block:20px;padding:clamp(20px,3vw,32px);display:grid}.ai-teacher-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.ai-teacher h2{font-family:var(--fx-display,inherit);letter-spacing:-.02em;margin:0;font-size:clamp(22px,2vw,28px)}.ai-teacher-mode{min-height:30px;font:500 14px var(--fx-ui,inherit);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.ai-teacher-mode--live{background:var(--primary);color:var(--primary-foreground)}.ai-teacher-mode--mock{background:var(--accent-soft,#dcecee);color:var(--foreground);outline:1px dashed var(--border-strong)}.ai-teacher-mode--deterministic{background:var(--background-deep,#ecf0f2);color:var(--foreground)}.ai-teacher p{margin:0;line-height:1.55}.ai-teacher-reason{color:var(--foreground-muted);font-size:15px}.ai-teacher-summary{max-width:70ch;font-size:17px}.ai-teacher-observations{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ai-teacher-observations li{background:var(--background-deep,#ecf0f2);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.ai-teacher-evidence{color:var(--foreground-muted);font-size:14px}.ai-teacher-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.ai-teacher-limits summary{cursor:pointer;color:var(--foreground-muted);font-size:15px}.ai-teacher-limits ul{color:var(--foreground-muted);margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.6}.ai-teacher button{white-space:normal}.ai-teacher-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.ai-teacher-stats div{background:var(--background-deep,#ecf0f2);border-radius:12px;padding:12px 14px}.ai-teacher-stats dt{color:var(--foreground-muted);font-size:13px}.ai-teacher-stats dd{font:600 clamp(22px, 2.4vw, 28px)/1.1 var(--fx-display,inherit);font-variant-numeric:tabular-nums;margin:2px 0 0}.ai-teacher-body{gap:14px;display:grid}.ai-teacher-exercises{gap:8px;display:grid}.ai-teacher-exercises h3{margin:0;font-size:15px;font-weight:600}.ai-teacher-exercises ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ai-teacher-exercises li{border:1px solid var(--primary);border-radius:12px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.ai-teacher-alert{border:1px solid var(--border-strong,currentColor);background:var(--background-deep,#ecf0f2);border-radius:12px;padding:12px 14px;font-size:15px}.ai-teacher-code{color:var(--foreground-muted);font-size:12px}.ai-teacher-ask{border:1px solid var(--primary);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px;display:flex}.ai-teacher-ask>div{flex:320px;gap:4px;display:grid}.ai-teacher-ask-title{font-weight:600}@media (width<=480px){.ai-teacher-stats{gap:6px}.ai-teacher-stats div{padding:10px}.ai-teacher-ask button{width:100%}}.weekly{background:var(--surface);box-shadow:var(--shadow-1);border-radius:24px;gap:16px;margin-bottom:24px;padding:clamp(18px,2.4vw,28px);display:grid}.weekly-head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.weekly-head h2{font-family:var(--fx-display);margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:600}.weekly-head p{color:var(--foreground-muted);margin:0;font-size:14px}.weekly-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;display:grid}.weekly-stats div{background:var(--background-deep);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.weekly-stats dt{color:var(--foreground-muted);font-size:13px}.weekly-stats dd{font:600 24px/1.15 var(--fx-display);font-variant-numeric:tabular-nums;margin:0}.weekly-stats small{color:var(--foreground-muted);font-size:12px}.weekly-note{color:var(--foreground-muted);margin:0;font-size:14px;line-height:1.5}.weekly-note--thin{color:var(--foreground);font-weight:600}.weekly-struggles h3,.weekly-ai h3,.weekly-ai h4{margin:0 0 8px;font-size:16px;font-weight:600}.weekly-struggles ul,.weekly-ai ul{gap:4px;margin:0;padding-left:20px;line-height:1.5;display:grid}.weekly-ai{border:1px solid var(--primary);border-radius:16px;gap:10px;padding:16px;display:grid}.weekly-ai p{margin:0;line-height:1.55}.weekly-headline{font-size:17px;font-weight:600}.weekly-ask{justify-items:start;gap:10px;display:grid}.app-shell .weekly .primary-button{width:auto}.learning-studio .weekly{margin:0}.weekly-more summary{cursor:pointer;color:var(--primary);font:600 14px var(--fx-ui);margin-top:8px}.weekly-more[open] ul{margin-top:8px}.weekly-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pulse-practice{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:clamp(20px,4vw,32px);scroll-margin-top:80px}.pulse-practice h2{font-family:var(--serif);margin:0 0 16px;font-size:clamp(28px,4vw,36px)}.pulse-practice p{line-height:1.65}.pulse-controls{flex-wrap:wrap;align-items:center;gap:20px;margin:24px 0;display:flex}.pulse-controls label{flex:1;gap:8px;min-width:160px;display:grid}.pulse-controls input{width:100%;min-height:44px;accent-color:var(--primary)}.pulse-practice button{border:1px solid var(--border-strong);background:var(--background-deep);min-height:48px;color:var(--foreground);border-radius:12px;padding:12px 18px}.pulse-live{text-align:center}.pulse-beats{justify-content:center;gap:16px;margin:20px;display:flex}.pulse-beats i{border:2px solid var(--foreground-muted);border-radius:50%;width:24px;height:24px}.pulse-beats .is-current{background:var(--primary);border-color:var(--primary)}.pulse-practice .pulse-tap{background:var(--primary);width:100%;min-height:150px;color:var(--primary-foreground);touch-action:manipulation;align-content:center;gap:14px;font-size:24px;font-weight:600;display:grid}.pulse-tap small{font-size:13px;font-weight:400;line-height:1.5}.pulse-result{background:var(--background-deep);border-radius:12px;margin-top:24px;padding:20px}.pulse-caveat{color:var(--foreground-muted);margin-top:24px;font-size:12px}.pulse-pattern{gap:8px;max-width:360px;margin:16px 0;display:grid}.pulse-pattern select{border:1px solid var(--border-strong);background:var(--background-deep);min-height:48px;color:var(--foreground);font:inherit;border-radius:12px;padding:10px 12px}.pulse-pattern-score{background:var(--background-deep);border-radius:12px;max-width:560px;margin:8px 0 18px;padding:6px 10px;overflow-x:auto}@media (width<=560px){.pulse-practice>.primary-button{width:auto}body:has(.pulse-live) .chat-bubble{visibility:hidden}}.ear-training{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(20px,4vw,32px);scroll-margin-top:80px}.ear-training h2{font-family:var(--serif);margin:12px 0;font-size:clamp(28px,4vw,36px)}.ear-training p{line-height:1.65}.ear-training small{color:var(--foreground-muted);margin-top:20px;font-size:12px;line-height:1.6;display:block}.ear-training button,.ear-training select{border:1px solid var(--border-strong);background:var(--background-deep);min-height:48px;color:var(--foreground);font:inherit;border-radius:12px;padding:12px 16px}.ear-training button:disabled{opacity:.5;cursor:not-allowed}.ear-level{gap:10px;max-width:360px;margin:20px 0;display:grid}.ear-level select{width:100%;min-width:0}.ear-answers{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.ear-answers button{flex:1;min-width:90px}.ear-training .ear-listen{background:var(--primary);color:var(--primary-foreground)}.ear-feedback,.ear-result{background:var(--background-deep);border-radius:12px;margin:20px 0;padding:20px}.ear-end{margin-top:16px}.ear-modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin:18px 0;display:grid}.ear-training .ear-modes button{text-align:left;gap:4px;padding:14px 16px;display:grid}.ear-training .ear-modes button[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--surface)}.ear-modes small{margin:0;font-size:13px}.ear-dictation ol{flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.ear-dictation li{border:1px dashed var(--border-strong);min-width:56px;min-height:48px;font-family:var(--serif);border-radius:10px;place-items:center;padding:0 10px;font-size:18px;display:grid}.ear-dictation li:first-child{background:var(--background-deep);border-style:solid}.ear-dictation li.is-correct{border:1px solid var(--success);background:var(--success-soft)}.ear-dictation li.is-wrong{border:1px solid var(--danger);background:var(--danger-soft)}.ear-history{margin-top:18px}.ear-history summary{cursor:pointer;min-height:44px;padding:12px 0}.ear-history ul{padding-left:18px;line-height:1.8}.site-header .appearance-tools{background:0 0;margin:0;padding:0;display:block}.site-header .appearance-tools summary{cursor:pointer;background:var(--background-deep);border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:10px 12px;font-size:12px;list-style:none;display:flex}.site-header .appearance-tools summary::-webkit-details-marker{display:none}.site-header .appearance-tools label{background:var(--surface);border:1px solid var(--border);color:var(--foreground);border-radius:12px;padding:12px}.site-header .appearance-tools:not([open])>label{display:none}html[data-theme=dark] .site-header .sound-toggle{background:var(--background-deep);color:var(--foreground)}@media (width>=821px){.site-header .appearance-tools{width:100%}.site-header .appearance-tools label{margin-top:8px}}@media (width<=820px){.site-header .appearance-tools label{z-index:110;box-shadow:0 8px 24px var(--shadow-color);position:fixed;top:72px;right:12px}.site-header .appearance-tools summary{padding:8px}}@media (width<=360px){.site-header .header-actions{gap:2px}.site-header .appearance-tools summary{padding-inline:5px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--shade-x:50%;--shade-y:46%}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}@property --shade-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --shade-y{syntax:"<percentage>";inherits:false;initial-value:46%}:root{--background:#f4efe4;--background-deep:#e9e2d5;--surface:#fbf8f1;--surface-elevated:#fffdf8;--foreground:#20231f;--foreground-muted:#64665f;--primary:#8b2f3c;--primary-hover:#772533;--primary-active:#651e2b;--primary-foreground:#fffdf8;--success:#73826b;--success-deep:#56634f;--success-soft:#e1e7dd;--accent:#c6a15b;--accent-soft:#e7d7b6;--border:#d5caba;--border-strong:#bbae9a;--danger:#b94a48;--danger-soft:#f2deda;--shadow-color:#362b1e1f;--surface-shadow:0 14px 34px #362b1e16, 0 2px 8px #362b1e09;--surface-shadow-soft:0 8px 22px #362b1e11;--surface-radius:12px;--ink:var(--foreground);--ink-deep:#171a17;--ink-soft:var(--foreground-muted);--paper:var(--background);--paper-light:var(--surface-elevated);--card:var(--surface);--sage:var(--success-soft);--sage-deep:var(--success);--coral:var(--primary);--coral-deep:var(--primary-hover);--coral-soft:#ead7d7;--green:var(--success);--green-soft:var(--success-soft);--line:var(--border);--shadow:var(--shadow-color);--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 4%, #ffffffe6, transparent 25%), radial-gradient(circle at 93% 18%, #8b2f3c14, transparent 22%), radial-gradient(circle at 48% 92%, #55766c17, transparent 28%), var(--paper);cursor:default;caret-color:#0000;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;opacity:.34;background-image:linear-gradient(#12342d06 1px,#0000 1px);background-size:100% 32px;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),a,select{cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,[contenteditable=true]{cursor:text;caret-color:var(--coral);-webkit-user-select:text;user-select:text}button,a,[role=button]{-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.app-shell{cursor:default;caret-color:#0000;min-height:100vh}.ui-icon{width:100%;height:100%;display:block;overflow:visible}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf3c2;border:1px solid #12342d21;border-radius:18px;justify-content:space-between;align-items:center;width:min(1320px,100% - 32px);height:66px;margin:16px auto 0;padding:0 18px;display:flex;position:relative;box-shadow:0 12px 38px #12342d0e}.brand{letter-spacing:-.055em;font-variant-ligatures:common-ligatures;background:0 0;border:0;align-items:center;gap:11px;min-height:44px;padding:0;font-family:Bodoni MT,Didot,Iowan Old Style,Times New Roman,serif;font-size:27px;font-weight:700;line-height:.95;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--coral);-webkit-user-select:none;user-select:none;caret-color:#0000;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:visible}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark--footer{width:28px;height:28px;font-size:18px}.session-meta{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:650;display:flex}.header-actions{align-items:center;gap:clamp(12px,2vw,26px);min-width:0;display:flex}.community-header-actions{align-items:center;gap:8px;min-width:0;display:flex}.community-header-actions button{min-height:38px;color:var(--ink);background:#ffffff73;border:1px solid #12342d3b;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:10px;font-weight:780;line-height:1;transition:border-color .28s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1);display:inline-flex}.community-header-actions button:last-child{border-color:var(--coral);background:var(--coral);color:#fff}.language-switch{background:#ffffff73;border:1px solid #12342d3b;border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.language-switch button{min-width:38px;min-height:32px;color:var(--ink-soft);letter-spacing:.06em;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:10px;font-weight:800;line-height:1;transition:background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1);display:inline-flex}.module-loading{width:min(1180px,100% - 56px);min-height:50vh;color:var(--foreground-muted);font-family:var(--serif);grid-column:2;place-items:center;margin:34px auto 48px;font-size:22px;display:grid}.landing-hero{background:radial-gradient(circle at 82% 20%, #ed654e33, transparent 31%), linear-gradient(135deg, var(--foreground) 0%, var(--ink-deep) 100%);min-height:620px;color:var(--paper-light);border-radius:34px;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(44px,7vw,110px);padding:clamp(56px,8vw,108px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #082c272e}.landing-hero:after{content:"";pointer-events:none;opacity:.26;background-image:linear-gradient(#ffffff14 1px,#0000 1px);background-size:100% 42px;position:absolute;inset:0}.landing-copy{z-index:2;position:relative}.landing-copy h1{font-family:var(--serif);letter-spacing:-.075em;margin:0;font-size:clamp(68px,7.4vw,112px);font-weight:600;line-height:.86}.landing-copy h1 em{color:#f47b65;font-weight:500}.landing-copy>p:not(.kicker){color:#fbf7efbd;max-width:620px;margin:30px 0 0;font-size:17px;line-height:1.75}.landing-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.landing-actions .primary-button,.landing-actions .secondary-button{width:auto;min-width:220px;margin:0;padding-inline:24px}.landing-actions .secondary-button{color:#fff;background:#ffffff0f;border-color:#ffffff8c}.landing-proof{color:#fbf7efad;letter-spacing:.04em;flex-wrap:wrap;gap:12px 26px;margin-top:42px;font-size:10px;font-weight:750;display:flex}.landing-proof span:before{content:"✓";color:#f47b65;margin-right:8px}.landing-art{z-index:1;min-height:440px;position:relative}.landing-staff-card,.landing-fret-card{color:var(--ink);background:#fffaf3f5;border:1px solid #ffffff45;border-radius:24px;position:absolute;box-shadow:0 28px 55px #0000003d}.landing-staff-card{width:min(100%,430px);padding:34px 24px 22px;top:10px;right:0;transform:none}.landing-staff-card .staff{margin:-22px auto -4px}.landing-staff-card>span{color:var(--ink-soft);font-family:var(--serif);text-align:center;font-size:17px;display:block}.landing-fret-card{grid-template-rows:repeat(6,1fr);grid-template-columns:38px repeat(6,1fr);width:min(94%,390px);min-height:174px;padding:32px 28px;display:grid;bottom:4px;left:0;transform:none}.landing-fret-card:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(16.66% - 1px),#12342d73 calc(16.66% - 1px) 16.66%);position:absolute;inset:31px 27px 43px 65px}.landing-fret-card>i{z-index:1;background:var(--ink);grid-column:2/-1;align-self:center;height:1px}.landing-fret-card>b{z-index:2;background:var(--coral);color:#fff;width:30px;height:30px;font-family:var(--serif);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:48%;left:53%}.landing-fret-card>span{font-size:9px;position:absolute;bottom:49px;right:25%}.landing-fret-card>em{color:var(--ink-soft);font-family:var(--serif);font-size:14px;position:absolute;bottom:17px;left:28px}.landing-orbit{border:1px solid #c6a15b57;border-radius:50%;position:absolute}.landing-orbit--one{width:370px;height:370px;top:35px;left:40px}.landing-orbit--two{width:245px;height:245px;bottom:50px;right:20px}.module-heading{max-width:800px;margin-bottom:34px}.module-heading h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,62px);line-height:1}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.module-category{grid-template-rows:auto 1fr;gap:10px;min-width:0;display:grid}.module-category-label{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:9px;font-weight:850}.module-category .module-card{width:100%;height:100%}.module-card{border:1px solid var(--line);text-align:left;background:#fffaf3cc;border-radius:28px;flex-direction:column;align-items:flex-start;min-height:440px;padding:38px;transition:border-color .32s;display:flex;position:relative;overflow:hidden}.module-number{color:var(--coral);letter-spacing:.13em;font-size:10px;font-weight:850}.module-card>strong{font-family:var(--serif);letter-spacing:-.045em;margin-top:auto;font-size:clamp(32px,4vw,48px)}.module-card>span:not(.module-number):not(.module-visual):not(.module-guitar-visual){max-width:530px;color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.65}.module-card>small{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;margin-top:17px;font-size:9px;font-weight:850}.module-card>b:last-child{margin-top:26px;font-size:11px}.module-visual{place-items:center;width:100%;height:170px;display:grid}.module-visual .range-preview{width:min(100%,470px);transform:scale(1.18)}.module-guitar-visual{background:repeating-linear-gradient(0deg,#0000 0 24px,#12342db3 24px 25px);width:100%;height:170px;margin:15px 0 0;position:relative}.module-guitar-visual:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(14.28% - 1px),#12342d61 calc(14.28% - 1px) 14.28%);position:absolute;inset:0}.module-guitar-visual>b{z-index:1;background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:16%;font-size:10px;display:inline-grid;position:relative;top:74px}.module-coming{color:var(--ink-soft);text-align:center;margin:22px 0 0;font-size:11px}.module-back{min-height:42px;color:var(--ink-soft);background:0 0;border:0;padding:0;font-size:11px;font-weight:750}.guitar-shell{border:1px solid var(--line);background:#fffaf3d1;border-radius:32px;padding:46px;box-shadow:0 26px 62px #12342d14}.guitar-hero{background:var(--ink);min-height:330px;color:var(--paper-light);border-radius:26px;grid-template-columns:1fr .85fr;align-items:center;gap:40px;padding:48px;display:grid;overflow:hidden}.guitar-hero h1,.guitar-results h1,.guitar-question-card h1{font-family:var(--serif);letter-spacing:-.06em;margin:0;font-size:clamp(48px,6vw,82px);line-height:.95}.guitar-hero>div:first-child>p:not(.kicker){max-width:620px;line-height:1.7}.guitar-neck-art{background:repeating-linear-gradient(0deg,#0000 0 35px,#fbf7efa6 35px 37px);height:220px;position:relative;transform:none}.guitar-neck-art:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 2px),#c6a15bb8 calc(12.5% - 2px) 12.5%);position:absolute;inset:0}.guitar-neck-art>span,.guitar-neck-art>b{z-index:1;color:var(--accent-soft);font-size:11px;position:absolute;bottom:-25px}.guitar-neck-art>span{left:12%}.guitar-neck-art>b{right:5%}.guitar-range-heading{justify-content:space-between;align-items:end;gap:30px;margin:62px 0 22px;display:flex}.guitar-range-heading h2,.fretboard-card-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,46px)}.guitar-range-heading aside{background:var(--coral-soft);border:0;gap:4px;max-width:560px;padding:16px 18px;display:grid}.guitar-range-heading aside strong{font-family:var(--serif)}.guitar-range-heading aside span{color:var(--ink-soft);font-size:11px;line-height:1.5}.guitar-range-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guitar-range-grid>button{border:1px solid var(--line);text-align:left;background:#ffffff59;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:160px;padding:24px;transition:border-color .28s,background-color .28s;display:flex}.guitar-range-grid>button small{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.guitar-range-grid>button strong{font-family:var(--serif);margin-top:12px;font-size:22px}.guitar-range-grid>button span{color:var(--ink-soft);margin-top:6px;font-size:11px;line-height:1.45}.guitar-range-grid>button i{border:1px solid var(--coral);border-radius:50%;width:12px;height:12px;margin:auto 0 0 auto;transition:box-shadow .28s,background-color .28s}.guitar-range-grid>button.is-selected{border-color:var(--ink);background:var(--sage)}.fretboard-card{border:1px solid var(--line);background:#ffffff59;border-radius:22px;margin-top:42px;padding:30px}.fretboard-card-heading{text-align:right;flex-direction:row-reverse;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.fretboard-card-heading>span{color:var(--ink-soft);text-align:left;font-size:10px}.fretboard-scroll{scrollbar-color:var(--coral) transparent;width:100%;padding:10px 0 18px;overflow-x:auto}.fretboard{background:linear-gradient(#d9aa72,#c38a52);border-radius:10px;padding-top:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #41260f47}.fretboard-fret-numbers,.fretboard-string{display:grid;position:relative}.fretboard-fret-numbers{color:#2d1d0fb3;text-align:center;font-size:8px;position:absolute;inset:4px 0 auto}.fretboard-string>strong{color:#4d321f;text-align:right;align-self:center;padding-right:9px;font-size:9px}.fret-cell{border-left:2px solid #5a3d2385;place-items:center;min-height:44px;display:grid;position:relative}.fret-cell--open{border-left-width:6px;border-left-color:#f0dfc8}.fretboard-string:after{z-index:1;content:"";pointer-events:none;background:#231c16c7;height:1px;position:absolute;top:50%;left:65px;right:0;box-shadow:0 1px #ffffff59}.fretboard-string--4:after,.fretboard-string--5:after,.fretboard-string--6:after{height:2px}.fret-note{z-index:3;background:var(--paper-light);width:29px;height:29px;color:var(--ink);font-family:var(--serif);border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:grid;box-shadow:0 3px 8px #41260f40}.fret-note.is-active{background:var(--coral);color:#fff;width:34px;height:34px;font-size:16px;box-shadow:0 0 0 5px #fffaf38c,0 5px 14px #41260f4d}.fretboard-inlays{pointer-events:none;position:absolute;inset:26px 0 0}.fretboard-inlays i{background:#41260f47;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.guitar-actions{grid-template-columns:1.3fr 1fr;gap:10px;margin-top:24px;display:grid}.guitar-actions .primary-button,.guitar-actions .secondary-button{margin:0}.guitar-quiz-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.guitar-quiz-top>div{align-items:baseline;gap:10px;display:flex}.guitar-quiz-top span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.guitar-question-card{background:var(--ink);color:var(--paper-light);border-radius:26px;padding:52px 42px 42px}.guitar-question-card h1{max-width:800px;margin-bottom:30px;font-size:clamp(42px,5vw,68px)}.guitar-answer{gap:10px;max-width:860px;margin:28px auto 0;display:grid}.guitar-answer label{color:#fbf7efb8;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.guitar-answer>div:first-of-type{grid-template-columns:1fr auto;display:grid}.guitar-answer input{border:0;border-radius:12px 0 0 12px;outline:none;min-width:0;min-height:56px;padding:0 16px}.guitar-answer>div:first-of-type>button{background:var(--coral);color:#fff;border:0;border-radius:0 12px 12px 0;min-width:150px;font-weight:750}.guitar-note-choices{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.guitar-note-choices button{color:#fff;min-height:44px;font-family:var(--serif);background:0 0;border:1px solid #ffffff4d;border-radius:10px}.guitar-feedback{background:#ffffff1a;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:860px;margin:28px auto 0;padding:20px;display:grid}.guitar-feedback>strong{font-family:var(--serif);font-size:22px}.guitar-feedback>span{color:#fbf7efc2;font-size:12px}.guitar-feedback>button{background:var(--coral);color:#fff;border:0;border-radius:10px;min-height:44px;padding:0 18px}.guitar-results{max-width:1040px;padding:80px}.guitar-results>p:not(.kicker){color:var(--ink-soft);font-size:16px;line-height:1.65}.guitar-stats{border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:38px;display:grid;overflow:hidden}.guitar-stats>div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:130px;padding:20px;display:flex}.guitar-stats>div:last-child{border:0}.guitar-stats strong{font-family:var(--serif);font-size:34px}.guitar-stats span{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.setup-shell{isolation:isolate;background:#fffaf3c7;border:1px solid #12342d24;border-radius:32px;gap:12px;width:min(1320px,100% - 32px);margin:20px auto 46px;padding:clamp(28px,4.5vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 70px #12342d1a}.setup-shell:before,.setup-shell:after{z-index:-1;content:"";pointer-events:none;border-radius:50%;position:absolute}.setup-shell:before{background:#ed654e14;width:360px;height:360px;top:-180px;right:-150px}.setup-shell:after{background:#55766c17;width:240px;height:240px;bottom:-150px;left:-150px}.hero-copy{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;column-gap:clamp(42px,7vw,110px);min-height:380px;padding:clamp(12px,2vw,28px) clamp(4px,2vw,24px) clamp(36px,5vw,68px);display:grid;position:relative}.kicker{color:var(--coral);letter-spacing:.19em;text-transform:uppercase;margin:0 0 16px;font-size:10px;font-weight:850}.hero-copy .kicker{align-self:end}.hero-copy h1,.results-intro h1{font-family:var(--serif);letter-spacing:-.072em;text-wrap:balance;margin:0;font-size:clamp(64px,7vw,104px);font-weight:600;line-height:.88}.hero-copy h1 em{color:var(--coral);font-weight:500}.hero-lead{max-width:540px;color:var(--ink-soft);align-self:start;margin:27px 0 0;font-size:17px;line-height:1.7}.hero-staff{-webkit-user-select:none;user-select:none;caret-color:#0000;cursor:default;grid-area:1/2/4;justify-self:center;place-items:center;width:min(100%,430px);min-height:245px;display:grid;position:relative;transform:none}.hero-staff:before{z-index:-1;aspect-ratio:1;content:"";background:#f8d9cf94;border:1px solid #ed654e2e;border-radius:50%;width:min(26vw,280px);position:absolute}.hero-staff .staff--compact{z-index:1}.scribble{color:var(--sage-deep);white-space:nowrap;font-family:Segoe Print,Bradley Hand,cursive;font-size:15px;position:absolute;bottom:12px;right:2px;transform:none}.step-heading{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.step-heading>span{color:var(--coral);font-family:var(--serif);padding-top:3px;font-size:14px;font-style:italic}.step-heading p{color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}.step-heading h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(25px,3vw,32px);font-weight:600}.compact-heading{margin-bottom:15px}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.level-card{text-align:left;border:1px solid var(--line);background:#ffffff7a;border-radius:16px;width:100%;min-width:0;min-height:224px;padding:17px 18px 18px;transition:border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.level-top{justify-content:space-between;gap:12px;margin:0 0 5px;display:flex}.level-top small{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:850}.level-top b{color:var(--sage-deep);white-space:nowrap;font-size:9px;font-weight:760}.level-card>strong{font-family:var(--serif);font-size:20px;line-height:1.12;display:block}.level-card>span:not(.level-top):not(.range-preview){color:var(--ink-soft);margin-top:5px;font-size:11px;line-height:1.45;display:block}.level-card .level-instruments{color:var(--primary);margin-top:10px;font-size:9px;font-weight:720;line-height:1.4;display:block}.level-card,.mode-card,.score-option-grid>button,.mobile-module-navigation a{touch-action:manipulation}.level-card:focus-visible,.mode-card:focus-visible{outline-offset:3px;outline:3px solid #c6a15bc7}.range-preview{width:100%;height:78px;color:var(--ink);-webkit-user-select:none;user-select:none;caret-color:#0000;margin:2px 0 12px;display:block;position:relative;overflow:hidden}.range-preview-lines{opacity:.62;background:repeating-linear-gradient(currentColor 0 1px,#0000 1px 8px);height:33px;position:absolute;top:23px;left:27px;right:3px}.range-preview-clef{z-index:2;font-family:Noto Music,Segoe UI Symbol,serif;font-size:45px;line-height:1;position:absolute;top:10px;left:2px;transform:translateY(-1px)}.range-preview-mark{z-index:3;display:block;position:absolute;inset:0}.range-preview-ledger{z-index:2;background:var(--ink);width:18px;height:1px;display:block;position:absolute;transform:translate(-50%,-50%)}.range-preview-note{z-index:3;background:var(--ink);border-radius:50%;width:10px;height:7px;transition:background-color .24s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%)rotate(-14deg)}.range-preview-note:after{background:inherit;content:"";transform-origin:bottom;width:1.5px;height:16px;position:absolute;bottom:2px;right:0;transform:rotate(14deg)}.range-preview-note--down:after{transform-origin:top;inset:2px auto auto 0}.level-card.is-selected .range-preview-note{background:var(--coral);transition-delay:.1s}.divider{background:#12342d1f;height:1px;margin:32px 0 26px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-card{text-align:left;border:1px solid var(--line);background:#ffffff70;border-radius:14px;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;min-width:0;padding:14px;transition:border-color .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);display:grid}.mode-card.is-selected{border-color:var(--sage-deep);background:var(--sage);transition-delay:70ms;box-shadow:0 9px 22px #12342d0e}.mode-card>span:nth-child(2){min-width:0}.mode-icon{background:var(--card);width:46px;height:46px;color:var(--ink);-webkit-user-select:none;user-select:none;caret-color:#0000;border-radius:12px;place-items:center;padding:9px;font-size:27px;line-height:1;display:inline-grid}.mode-icon--clef{padding:4px 7px 8px;font-family:Noto Music,Segoe UI Symbol,serif;font-size:30px}.mode-icon--text{font-family:var(--serif);padding-bottom:11px;font-size:20px;font-style:italic}.mode-icon--check{padding:12px}.mode-icon--infinity{font-family:var(--serif);padding-bottom:11px;font-size:30px}.mode-card strong{font-size:12px;line-height:1.25;display:block}.mode-card small{color:var(--ink-soft);margin-top:4px;font-size:10px;line-height:1.35;display:block}.selection-indicator{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;line-height:1;transition:border-color .24s cubic-bezier(.22,1,.36,1);display:inline-grid;position:relative}.selection-indicator:after{background:var(--coral);content:"";opacity:0;border-radius:50%;width:7px;height:7px;transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1);transform:scale(.35)}.mode-card.is-selected .selection-indicator{border-color:var(--coral);transition-delay:90ms}.mode-card.is-selected .selection-indicator:after{opacity:1;transition-delay:90ms;transform:scale(1)}.session-type-grid .mode-card{background:#f8d9cf2b}.session-type-grid .mode-card.is-selected{border-color:var(--coral);background:#f8d9cf80}.primary-button{border:1px solid var(--ink-deep);background:linear-gradient(135deg, var(--ink), var(--ink-deep));width:100%;min-height:56px;color:var(--paper-light);border-radius:14px;justify-content:space-between;align-items:center;margin-top:28px;padding:16px 20px;font-weight:780;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 12px 24px #082c2721}.setup-panel>.primary-button{max-width:560px;margin-left:auto;margin-right:auto}.primary-button:disabled{opacity:.65;box-shadow:none;transform:none}.primary-button[aria-busy=true]{cursor:wait;opacity:.82}.primary-button>span,.answer-line button>span,.feedback button>span{width:1.4em;height:1.4em;color:var(--accent-soft);flex:none;place-items:center;font-size:19px;line-height:1;display:inline-grid}.setup-note{text-align:center;color:var(--ink-soft);margin:12px auto 0;font-size:9px}.staff,.staff *{-webkit-user-select:none;user-select:none;caret-color:#0000;cursor:default}.staff{width:480px;max-width:100%;height:220px;margin:8px auto;position:relative}.staff--compact{width:300px;height:110px;margin:0}.staff-lines{position:absolute;inset:0}.staff-lines>span:not(.note-head):not(.note-stem){background:var(--ink);height:1.5px;position:absolute;transform:translateY(-50%)}.staff-lines .ledger{height:1.8px!important}.clef{z-index:2;font-family:Noto Music,Segoe UI Symbol,serif;font-size:96px;line-height:1;position:absolute;top:27px;left:55px}.staff--compact .clef{font-size:61px;top:18px;left:38px}.note-head{z-index:3;background:var(--coral);border-radius:50%;width:25px;height:17px;position:absolute;transform:translate(-50%,-50%)rotate(-15deg);box-shadow:0 0 0 1px #12342d29}.staff--compact .note-head{width:19px;height:13px}.note-stem{z-index:2;background:var(--coral);width:2px;height:47px;position:absolute}.staff--compact .note-stem{height:35px}.staff--animated .note-head,.staff--animated .note-stem{will-change:top, left;transition:top .78s cubic-bezier(.22,1,.36,1),left .78s cubic-bezier(.22,1,.36,1)}.quiz-shell{background:linear-gradient(145deg, #0d493f, var(--ink-deep));width:min(980px,100% - 32px);min-height:calc(100vh - 170px);color:var(--paper-light);border:1px solid #ffffff24;border-radius:28px;margin:24px auto 48px;padding:22px;box-shadow:0 24px 58px #082c273d}.progress-row{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-width:0;margin-bottom:18px;padding:2px 4px;display:grid}.progress-row>*{min-width:0}.progress-row>div:first-child{align-items:baseline;gap:10px;display:flex}.progress-label{color:#fbf7efad;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.progress-row strong{font-family:var(--serif);font-size:27px}.progress-row strong small{color:var(--foreground-muted);font-size:14px;font-weight:400}.progress-track{background:#ffffff29;border-radius:999px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--coral);height:100%;transition:width .35s;display:block}.progress-track--endless span{background:linear-gradient(90deg, var(--coral), #f5b1a1, var(--coral));background-size:200% 100%;animation:2.8s linear infinite endless-progress}.remaining{color:#fbf7efb3;font-size:10px;font-weight:650}.question-card{background:var(--card);min-height:540px;color:var(--ink);text-align:center;border:1px solid #ffffff47;border-radius:18px;padding:44px clamp(24px,7vw,76px) 36px;position:relative;overflow:hidden;box-shadow:0 16px 36px #0000002b}.question-card:before{content:"";pointer-events:none;background:#ed654e11;border-radius:50%;width:230px;height:230px;position:absolute;top:-130px;right:-130px}.question-number{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:850;position:absolute;top:18px;left:20px}.question-prompt{font-family:var(--serif);letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(24px,4vw,36px)}.location-question{flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.location-question span{color:var(--coral);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:850}.location-question strong{max-width:680px;font-family:var(--serif);letter-spacing:-.055em;text-wrap:balance;margin-top:13px;font-size:clamp(43px,7vw,70px);line-height:1}.location-question p{max-width:680px;color:var(--ink-soft);opacity:.68;text-wrap:balance;font-size:13px;line-height:1.45}.answer-form{text-align:left;max-width:620px;margin:10px auto 0}.answer-form>label{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:850;display:block}.answer-line{grid-template-columns:1fr auto;display:grid}.answer-line input{border:1px solid var(--ink);background:#fff;border-right:0;border-radius:12px 0 0 12px;outline:none;min-width:0;padding:14px 16px;font-size:16px}.answer-line button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:0 12px 12px 0;justify-content:center;align-items:center;gap:5px;padding:0 18px;font-size:12px;font-weight:760;display:inline-flex}.answer-line button:disabled{cursor:default;opacity:.45}.note-hints{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.note-hints button{border:1px solid var(--line);color:var(--ink-soft);background:0 0;border-radius:999px;padding:6px 11px;font-size:10px;transition:border-color .26s,color .26s}.mobile-answer-pad{display:none}.feedback{text-align:left;border:1px solid;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;max-width:700px;margin:20px auto 0;padding:16px;display:grid}.feedback--correct{background:var(--green-soft);border-color:#8bb4a2}.feedback--wrong{background:var(--coral-soft);border-color:#e8a092}.feedback-icon{background:var(--green);color:#fff;-webkit-user-select:none;user-select:none;caret-color:#0000;border-radius:50%;place-items:center;width:40px;height:40px;padding:10px;line-height:1;display:inline-grid}.feedback strong{font-family:var(--serif);font-size:21px}.feedback p{color:var(--ink-soft);margin:3px 0 0;font-size:12px;line-height:1.45}.feedback button{background:var(--ink);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-height:42px;padding:10px 14px;font-size:11px;font-weight:760;display:inline-flex}.text-button{color:#fbf7efc7;text-underline-offset:5px;background:0 0;border:0;min-height:44px;margin:10px auto -7px;padding:10px 14px;font-size:10px;text-decoration:underline;display:block}.results-shell{width:min(940px,100% - 32px);margin:0 auto;padding:58px 0 80px}.results-intro{text-align:center}.result-flourish{width:48px;height:48px;margin:0 auto 18px;font-size:30px}.results-intro h1{text-wrap:balance;max-width:900px;margin-inline:auto;font-size:clamp(44px,6.5vw,74px);line-height:.96}.results-intro>p:last-child{color:var(--ink-soft)}.session-insight{background:#fffaf3d1;border:0;border-radius:18px;gap:22px;margin-top:34px;padding:24px 26px;display:grid;box-shadow:0 14px 34px #12342d0f}.session-insight--split{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:stretch}.session-insight-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.session-insight-copy>p{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(20px,3vw,27px);line-height:1.25}.session-insight-copy>strong{background:var(--sage);width:fit-content;color:var(--ink);letter-spacing:.035em;border-radius:999px;margin-top:14px;padding:7px 11px;font-size:10px}.session-insight-copy>span{max-width:580px;color:var(--ink-soft);margin-top:12px;font-size:12px;line-height:1.55}.confusion-insight{background:var(--paper-light);border:1px solid #12342d1a;border-radius:14px;min-width:0;padding:18px 20px}.confusion-insight .kicker{margin-bottom:10px}.confusion-insight>p:not(.kicker){color:var(--ink-soft);margin:10px 0 0;font-size:12px;line-height:1.5}.confusion-insight>small{color:var(--sage-deep);margin-top:8px;font-size:10px;line-height:1.45;display:block}.confusion-pair{align-items:center;gap:8px;display:flex}.confusion-pair b{background:var(--ink);color:#fff;min-width:42px;height:34px;font-family:var(--serif);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:17px;line-height:1;display:inline-flex}.confusion-pair b:last-child{background:var(--coral)}.confusion-pair span{color:var(--coral);font-size:18px;line-height:1}.results-card{border:1px solid var(--line);background:var(--card);border-radius:22px;grid-template-columns:190px 1fr;align-items:center;gap:32px;margin-top:18px;padding:30px;display:grid;box-shadow:0 16px 38px #12342d12}.score-ring{-webkit-user-select:none;user-select:none;caret-color:#0000;border-radius:50%;place-items:center;width:156px;height:156px;margin:auto;display:grid;position:relative}.score-ring>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.score-ring-track,.score-ring-progress{fill:none;stroke-width:11px}.score-ring-progress{stroke:var(--coral);stroke-linecap:round;animation:.9s cubic-bezier(.22,1,.36,1) .12s both score-ring-fill}.score-ring-copy{z-index:1;background:var(--card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:124px;height:124px;display:flex;position:relative}.score-ring strong{font-family:var(--serif);font-size:42px;line-height:1}.score-ring span{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-top:5px;font-size:9px}.stats-grid{border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.stat{border-bottom:1px solid var(--line);flex-direction:column-reverse;justify-content:center;min-height:80px;padding:15px 22px;display:flex}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(n+3){border-bottom:0}.stat span{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;margin-top:3px;font-size:9px}.stat strong{font-family:var(--serif);font-size:29px}.endless-results-card{border:1px solid var(--line);background:var(--card);border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;padding:10px 22px;display:grid;box-shadow:0 16px 38px #12342d12}.endless-results-card .stat{border:0;min-height:112px}.endless-results-card .stat:first-child{border-right:1px solid var(--line)}.endless-results-card .stat strong{font-size:clamp(34px,5vw,48px)}.hardest-card{border:1px solid var(--line);background:#ffffff61;border-radius:18px;grid-template-columns:.75fr 1.25fr;align-items:center;gap:30px;margin-top:18px;padding:26px 28px;display:grid}.hardest-card .kicker{margin-bottom:5px}.hardest-card h2{font-family:var(--serif);margin:0;font-size:24px}.hardest-list{gap:7px;display:grid}.hardest-list>div{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;font-size:11px;display:grid}.hardest-list>div>span:nth-child(2){color:var(--ink-soft)}.hardest-list b{color:var(--coral);font-size:10px}.note-pill{background:var(--ink);color:#fff;width:34px;height:34px;font-family:var(--serif);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:inline-grid}.perfect-copy{color:var(--green);font-family:var(--serif);font-size:18px}.perfect-copy--empty{color:var(--ink-soft)}.result-actions{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.result-actions .primary-button{margin-top:18px}.secondary-button{border:1px solid var(--ink);background:#ffffff4d;border-radius:14px;min-height:56px;margin-top:18px;font-weight:700}.community-result-card{border:1px solid var(--ink);background:linear-gradient(135deg, var(--ink), var(--ink-deep));color:var(--paper-light);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:18px;padding:22px 26px;display:grid}.community-result-card .kicker{margin-bottom:5px}.community-result-card>div>strong{font-family:var(--serif);font-size:20px}.community-result-note{color:#fbf7efc2;max-width:590px;margin:8px 0 0;font-size:11px;line-height:1.55}.community-result-card>button{color:#fff;background:0 0;border:1px solid #f1a493;border-radius:12px;max-width:320px;min-height:44px;padding:12px 16px;font-size:11px;font-weight:750}.community-result-card>button:disabled{cursor:default;opacity:.55}.community-result-card .community-message{color:var(--sage);grid-column:1/-1;margin:0}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#082c27b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--card);border:1px solid #12342d33;border-radius:24px;width:min(720px,100%);max-height:min(820px,100dvh - 48px);padding:30px;overflow:auto;box-shadow:0 28px 70px #00000040}.modal-card--leaderboard{width:min(1040px,100%)}.modal-card>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.modal-card>header h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(27px,5vw,40px)}.modal-card>header button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;flex:none;place-items:center;padding:12px;line-height:1;transition:border-color .26s,background-color .26s;display:inline-grid}.community-form{gap:10px;display:grid}.google-sign-in-button{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:11px;padding:11px 16px;font-size:12px;font-weight:750;transition:background-color .25s,box-shadow .25s,transform .25s;display:inline-flex;box-shadow:0 7px 18px #12342d12}.google-sign-in-button svg{flex:none;width:20px;height:20px}.google-sign-in-button:disabled{cursor:default;opacity:.58}.community-auth-divider{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:7px 0;font-size:9px;display:flex}.community-auth-divider:before,.community-auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.community-auth-divider span{white-space:nowrap}@media (hover:hover) and (pointer:fine){.google-sign-in-button:not(:disabled):hover{background:var(--paper-light);box-shadow:0 10px 22px #12342d1c}}.community-form>p:first-child{color:var(--ink-soft);margin:0 0 8px;line-height:1.6}.community-auth-notice{background:var(--coral-soft);border:0;border-radius:10px;padding:12px 14px;font-size:12px;color:var(--ink)!important;margin:0 0 10px!important;line-height:1.5!important}.community-form label{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.community-form input{border:1px solid var(--ink);background:#fff;border-radius:12px;outline:none;width:100%;min-height:52px;padding:12px 14px}.community-form .primary-button{margin-top:8px}.community-form small{color:var(--ink-soft)}.community-message{min-height:18px;color:var(--coral);font-size:12px}.community-fineprint{color:var(--ink-soft);margin:4px 0 0;font-size:10px;line-height:1.5}.community-fineprint button{color:inherit;font-size:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0}.account-panel>p{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:11px;display:flex}.account-panel>p strong{color:var(--ink);font-size:14px}.username-display{background:var(--sage);font-family:var(--serif);text-align:center;overflow-wrap:anywhere;border-radius:14px;margin:24px 0 0;padding:24px;font-size:34px}.account-panel .secondary-button{width:100%;min-height:48px}.leaderboard-panel{grid-template-columns:224px minmax(0,1fr);grid-template-areas:"filters ranking";align-items:start;gap:22px;display:grid}.leaderboard-main{grid-area:ranking;gap:14px;min-width:0;display:grid}.leaderboard-controls{border:1px solid var(--line);background:#dce9e294;border-radius:16px;grid-area:filters;gap:15px;padding:16px;display:grid;position:sticky;top:0}.leaderboard-filter-group{border:0;min-width:0;margin:0;padding:0}.leaderboard-filter-group legend{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:850}.leaderboard-segments{border:1px solid var(--line);background:#ffffff75;border-radius:14px;gap:4px;padding:4px;display:grid}.leaderboard-segments--two,.leaderboard-segments--levels{grid-template-columns:1fr}.leaderboard-segments button{min-width:0;min-height:42px;color:var(--ink-soft);background:0 0;border:0;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:750;line-height:1.25;transition:background-color .28s cubic-bezier(.22,1,.36,1),color .24s,box-shadow .28s cubic-bezier(.22,1,.36,1)}.leaderboard-current-view{background:var(--sage);border:1px solid #12342d26;border-radius:14px;gap:4px;padding:15px 17px;display:grid}.leaderboard-current-view p{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:8px;font-weight:850}.leaderboard-current-view strong{font-family:var(--serif);font-size:17px;line-height:1.25}.leaderboard-current-view span{color:var(--ink-soft);font-size:10px;line-height:1.45}.leaderboard-table{gap:7px;display:grid}.leaderboard-table-head{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:0 14px 2px;font-size:8px;font-weight:850;display:grid}.leaderboard-table-head span:last-child{text-align:right}.leaderboard-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{border:1px solid var(--line);background:#ffffff73;border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px 14px;display:grid}.leaderboard-list li:nth-child(-n+3){background:#fff5df;border-color:#d5a266}.leaderboard-list li>b{color:var(--coral);font-family:var(--serif);font-size:20px}.leaderboard-list li>strong{overflow-wrap:anywhere;min-width:0;font-size:13px}.leaderboard-list li>span{color:var(--ink-soft);text-align:right;font-size:11px}.legal-copy{color:var(--ink-soft);-webkit-user-select:text;user-select:text;font-size:13px;line-height:1.65}.legal-copy h3{color:var(--ink);font-family:var(--serif);margin:25px 0 6px;font-size:20px}.legal-copy p{margin:0}.legal-draft{background:var(--coral-soft);border:0;border-radius:10px;padding:14px;color:var(--ink)!important}.confirm-panel>p{color:var(--ink-soft)}.footer-link{min-height:36px;color:inherit;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid;padding:8px 0;font-size:9px}footer{width:min(1320px,100% - 32px);min-height:76px;color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #12342d24;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:0 10px;font-size:9px;display:flex}footer span:first-child{font-family:var(--serif);text-transform:none;font-size:14px}@media (hover:hover){.community-header-actions button:hover{border-color:var(--coral)}.level-card:not(.is-selected):hover{border-color:#12342d6b}.mode-card:not(.is-selected):hover{background-color:#ffffff9e;border-color:#12342d6b}.primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 28px #082c272b}.primary-button:active{transform:translateY(0);box-shadow:0 10px 20px #082c2724}.note-hints button:hover{border-color:var(--coral);color:var(--coral)}.modal-card>header button:hover{border-color:var(--coral);background:var(--coral-soft)}.module-card:hover{border-color:#12342d85}}@keyframes endless-progress{to{background-position:-200% 0}}@keyframes score-ring-fill{0%{stroke-dashoffset:100px}}@media (width<=1080px){.session-meta{display:none}.hero-copy{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);column-gap:28px;min-height:350px}.hero-copy h1{font-size:clamp(60px,8.7vw,88px)}.level-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.landing-hero{grid-template-columns:1fr minmax(340px,.72fr);padding:64px 54px}.landing-copy h1{font-size:clamp(62px,8.5vw,90px)}}@media (width<=820px){.landing-hero{grid-template-columns:1fr;min-height:0;padding:62px 42px}.landing-art{min-height:400px}.module-section{padding-top:70px}.module-grid{grid-template-columns:1fr}.guitar-shell{padding:28px}.guitar-hero{grid-template-columns:1fr}.guitar-neck-art{height:170px}.guitar-range-heading{flex-direction:column;align-items:stretch}.guitar-range-grid{grid-template-columns:1fr}.guitar-range-grid>button{min-height:132px}.guitar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.guitar-stats>div:nth-child(2){border-right:0}.guitar-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.setup-shell{border-radius:26px;padding:30px}.hero-copy{grid-template-columns:1fr;min-height:330px;padding-right:180px}.hero-copy>:not(.hero-staff){z-index:1;position:relative}.hero-copy h1{font-size:clamp(58px,11vw,78px)}.hero-staff{z-index:0;opacity:.18;width:330px;min-height:220px;position:absolute;top:50%;right:-50px;transform:translateY(-50%)}.hero-staff:before{width:220px}.scribble{display:none}.level-grid{grid-template-columns:1fr}.level-card{grid-template-rows:auto auto 1fr;grid-template-columns:170px 1fr;column-gap:16px;min-height:0;display:grid}.range-preview{grid-row:1/4;margin:3px 0 0}.level-top,.level-card>strong,.level-card>span:not(.level-top):not(.range-preview){grid-column:2}.community-header-actions button:first-child{display:inline-flex}}@media (width<=720px){.site-header{width:calc(100% - 16px);height:62px;padding:0 max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));border-radius:16px;margin-top:8px}.brand{gap:7px;font-size:23px}.brand-mark{width:31px;height:31px;font-size:20px}.brand-mark--footer{width:27px;height:27px;font-size:17px}.header-actions{gap:6px}.community-header-actions button{text-overflow:ellipsis;white-space:nowrap;max-width:92px;min-height:42px;padding-inline:10px;overflow:hidden}.language-switch{padding:2px}.language-switch button{min-width:32px;min-height:38px;padding-inline:5px}.landing-shell,.guitar-shell{width:calc(100% - 16px);margin-top:8px}.landing-hero{border-radius:22px;padding:50px 22px 30px}.landing-copy h1{font-size:clamp(50px,15vw,70px)}.landing-copy>p:not(.kicker){margin-top:23px;font-size:14px}.landing-actions{display:grid}.landing-actions .primary-button,.landing-actions .secondary-button{width:100%;min-width:0}.landing-proof{gap:9px;margin-top:28px;display:grid}.landing-art{min-height:330px;margin-top:10px}.landing-staff-card{width:94%;padding:25px 12px 16px}.landing-staff-card .staff{transform:scale(.88)}.landing-fret-card{width:92%;min-height:145px}.module-section{padding-top:54px}.module-heading h2{font-size:38px}.module-card{border-radius:22px;min-height:400px;padding:26px}.module-card>strong{font-size:38px}.module-visual,.module-guitar-visual{height:145px}.guitar-shell{border-radius:22px;padding:18px 12px 26px}.guitar-hero{border-radius:18px;min-height:0;padding:36px 22px}.guitar-hero h1{font-size:48px}.guitar-neck-art{height:130px}.guitar-range-heading{margin-top:42px}.fretboard-card{padding:22px 12px}.fretboard-card-heading{flex-direction:column;align-items:stretch}.fretboard-card-heading>div{align-self:flex-end}.fretboard-card-heading>span{align-self:flex-start}.guitar-actions{grid-template-columns:1fr}.guitar-question-card{border-radius:18px;padding:38px 12px 24px}.guitar-question-card h1{font-size:42px}.guitar-answer>div:first-of-type{grid-template-columns:1fr;gap:7px}.guitar-answer input,.guitar-answer>div:first-of-type>button{border-radius:10px;min-height:50px}.guitar-note-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.guitar-feedback{grid-template-columns:1fr}.guitar-results{padding:44px 18px}.guitar-results h1{font-size:48px}.guitar-stats>div{min-height:105px;padding:14px}.guitar-stats strong{font-size:28px}.setup-shell,.quiz-shell,.results-shell{width:calc(100% - 16px);min-width:0}.setup-shell{border-radius:22px;gap:0;margin-top:8px;margin-bottom:26px;padding:24px 16px 30px}.hero-copy{min-height:285px;padding:20px 76px 34px 4px}.hero-copy h1{font-size:clamp(49px,14vw,64px)}.hero-lead{overflow-wrap:anywhere;margin-top:20px;font-size:14px;line-height:1.6}.hero-staff{opacity:.13;width:300px;right:-120px}.setup-panel{padding:28px 2px 4px}.step-heading h2{font-size:25px}.level-card{padding:15px 16px 17px;display:block}.range-preview{margin-bottom:10px}.level-top{margin-right:28px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:76px}.divider{margin:27px 0 23px}.primary-button{border-radius:12px;min-height:54px}.quiz-shell{border-radius:20px;min-height:calc(100dvh - 86px);margin:8px auto 24px;padding:10px}.progress-row{grid-template-columns:auto 1fr;gap:12px;margin-bottom:10px;padding:3px 4px}.remaining{display:none}.question-card{border-radius:14px;min-height:0;padding:38px 14px 20px}.question-prompt{font-size:24px}.staff:not(.staff--compact){transform-origin:top;width:480px;max-width:none;height:150px;margin:0;left:50%;transform:translate(-50%)scale(.68)}.location-question{min-height:178px}.location-question strong{overflow-wrap:anywhere;font-size:clamp(34px,11vw,48px)}.location-question p{margin-bottom:4px;font-size:12px;line-height:1.4}.answer-line{grid-template-columns:1fr;gap:8px}.answer-line input{border-right:1px solid var(--ink);border-radius:11px}.answer-line button{border-radius:11px;min-height:48px}.feedback{grid-template-columns:40px 1fr;margin-top:12px;padding:13px}.feedback button{grid-column:1/-1;min-height:46px}.text-button{margin-top:5px}.results-shell{padding-top:42px}.results-intro h1{font-size:clamp(38px,12vw,54px)}.session-insight,.session-insight--split{grid-template-columns:1fr;padding:20px 16px}.session-insight-copy>p{font-size:21px}.results-card{grid-template-columns:1fr;padding:24px 18px}.endless-results-card{padding:8px}.endless-results-card .stat{min-height:96px;padding-inline:14px}.stats-grid{border:0;border-top:1px solid var(--line)}.hardest-card,.result-actions{grid-template-columns:1fr}.secondary-button{margin-top:0}.community-result-card{grid-template-columns:1fr}.community-result-card>button{max-width:none;min-height:48px}.leaderboard-panel{grid-template-columns:1fr;grid-template-areas:"ranking""filters"}.leaderboard-controls{position:static}.leaderboard-segments--two{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-table-head{display:none}.leaderboard-list li{grid-template-columns:42px 1fr}.leaderboard-list li>span{text-align:left;grid-column:2}.modal-backdrop{align-items:end;padding:8px}.modal-card{max-height:calc(100dvh - 16px);padding:24px 16px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 12px 12px}footer{width:calc(100% - 20px);min-height:68px;padding-block:12px calc(12px + env(safe-area-inset-bottom));text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 16px}footer p{display:none}}@media (hover:none) and (pointer:coarse){.brand,.community-header-actions button,.language-switch button,.text-button,.footer-link,.modal-card>header button{min-height:44px}.note-hints--desktop,.practice-navigation small{display:none}.mobile-answer-pad{text-align:center;margin-top:8px;display:block}.mobile-answer-pad>span{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:850;display:block}.mobile-answer-pad>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.mobile-answer-pad button{border:1px solid var(--ink);background:var(--paper-light);min-height:48px;color:var(--ink);font-family:var(--serif);touch-action:manipulation;border-radius:11px;font-size:18px;font-weight:700}.mobile-answer-pad button:active{background:var(--coral);color:#fff}}@media (width<=420px){.brand{font-size:21px}.brand-mark{width:29px;height:29px;font-size:19px}.brand-mark--footer{width:26px;height:26px;font-size:16px}.community-header-actions button{max-width:76px;padding-inline:8px}.language-switch button{min-width:29px}.hero-copy{min-height:270px;padding-right:42px}.hero-copy h1{font-size:46px}.hero-staff{opacity:.1;right:-150px}.setup-panel{padding-top:24px}.level-card{padding-inline:13px}.quiz-shell{width:calc(100% - 10px)}.question-card{padding-inline:11px}.staff:not(.staff--compact){height:136px;transform:translate(-50%)scale(.62)}.mobile-answer-pad>div{gap:6px}.mobile-answer-pad button{min-height:46px;font-size:17px}.stats-grid{grid-template-columns:1fr}.stat,.stat:nth-child(odd),.stat:nth-child(n+3){border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}footer>span:last-child{display:none}}@media (height<=760px) and (width>=1081px){.setup-shell{padding-top:34px}.hero-copy{min-height:315px;padding-bottom:35px}.hero-copy h1{font-size:clamp(62px,6.2vw,88px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{color:var(--foreground);background:linear-gradient(#58462e06 1px, transparent 1px), radial-gradient(circle at 18% 12%, #fffdf8b8, transparent 34%), var(--background);background-size:100% 34px,auto,auto}body:before{opacity:.18;background-image:radial-gradient(circle at 20% 30%,#4b37221f 0 .45px,#0000 .6px),radial-gradient(circle at 70% 60%,#4b372217 0 .4px,#0000 .55px);background-size:8px 9px,11px 13px}.app-shell{grid-template-columns:174px minmax(0,1fr);align-items:start;min-height:100vh;display:grid}.static-fallback{border:1px solid var(--border);background:var(--surface);width:min(820px,100% - 40px);margin:8vh auto;padding:clamp(28px,6vw,64px)}.static-fallback header{isolation:isolate;width:max-content;min-height:48px;font-family:var(--serif);align-items:center;gap:2px;font-size:24px;display:flex;position:relative}.static-fallback header:before{z-index:0;content:"";background:repeating-linear-gradient(#20231f6b 0 1px,#0000 1px 6px);position:absolute;inset:12px 0 11px}.static-fallback header>*{z-index:1;position:relative}.static-fallback header>span{background:0 0;border:0;border-radius:0;place-items:center;width:40px;height:44px;padding:0;display:grid}.static-fallback header>span img{object-fit:contain;width:100%;height:100%;display:block}.static-fallback header>strong{text-shadow:none;background:#fbf8f1f0;margin-left:-8px;padding:3px 5px 3px 1px}.static-fallback section{margin-top:42px}.static-fallback h1{font-family:var(--serif);letter-spacing:-.05em;margin:10px 0 22px;font-size:clamp(46px,8vw,78px);font-weight:500;line-height:.95}.static-fallback p{max-width:650px;color:var(--foreground-muted);line-height:1.65}.site-header{width:174px;height:100vh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overscroll-behavior:contain;scrollbar-width:thin;background:#fbf8f1e0;border:0;border-right:1px solid #c6a15bd1;border-radius:0;flex-direction:column;grid-area:1/1/span 2;justify-content:flex-start;margin:0;padding:34px 18px 26px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{isolation:isolate;width:100%;min-height:52px;color:var(--foreground);font-family:var(--serif);letter-spacing:-.045em;justify-content:center;gap:0;padding:0 4px;font-size:23px;font-weight:500;position:relative}html,body,#root{max-width:100%;overflow-x:clip}.app-shell,.app-shell>*{min-width:0}.brand .brand-mark{width:43px}.instrument-hub{grid-column:2;width:min(1128px,100% - 56px);margin:38px auto 70px}.instrument-hub-heading{max-width:820px;padding:clamp(28px,5vw,64px) 0 clamp(32px,5vw,58px)}.instrument-hub-heading h1{font-family:var(--serif);letter-spacing:-.065em;margin:8px 0 18px;font-size:clamp(54px,8vw,106px);font-weight:500;line-height:.9}.instrument-hub-heading>p:last-child{max-width:690px;color:var(--foreground-muted);margin:0;font-size:16px;line-height:1.7}.instrument-hub-heading a{color:var(--primary);text-underline-offset:3px;font-weight:650;text-decoration:underline}.instrument-grid{grid-template-columns:1.25fr 1fr 1fr;gap:18px;display:grid}.instrument-card{background:var(--surface-elevated);min-width:0;min-height:480px;box-shadow:var(--surface-shadow-soft);color:var(--foreground);text-align:left;border:0;border-radius:18px;flex-direction:column;align-items:flex-start;padding:30px;display:flex}button.instrument-card{cursor:pointer;transition:background-color .3s,box-shadow .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1)}.instrument-card--guitar{background:linear-gradient(145deg,#fffdf8fa,#ebe1d0f0);box-shadow:0 18px 42px #362b1e1f}.instrument-card--upcoming{color:var(--foreground-muted);background:#f4eee4ad}.instrument-status{letter-spacing:.1em;text-transform:uppercase;background:#d5caba73;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}.instrument-status--ready{background:var(--primary);color:var(--primary-foreground)}.instrument-card>strong{font-family:var(--serif);letter-spacing:-.05em;margin-top:auto;font-size:clamp(38px,4vw,58px);font-weight:500}.instrument-card>span:not(.instrument-status):not(.instrument-illustration){margin-top:11px;font-size:13px;line-height:1.6}.instrument-card>b{color:var(--primary);margin-top:24px;font-size:11px}.instrument-illustration{background:#fbf8f194;border-radius:13px;width:100%;height:190px;margin:32px 0 28px;position:relative;overflow:hidden}.instrument-illustration--guitar{background:repeating-linear-gradient(0deg,#0000 0 25px,#2d3a31a6 25px 27px),repeating-linear-gradient(90deg,#0000 0 calc(16.66% - 1px),#a17b4094 calc(16.66% - 1px) 16.66%),#e5d8c2d1;transform:none}.instrument-illustration--guitar i{background:var(--primary);border-radius:50%;width:16px;height:16px;margin-right:11%;display:inline-block;position:relative;top:76px;left:12%}.instrument-illustration--piano{background:#2c2d29;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.instrument-illustration--piano i{background:#fffdf8eb;position:relative}.instrument-illustration--piano i:not(:nth-child(3)):not(:nth-child(7)):after{z-index:1;content:"";background:#2c2d29;border-radius:0 0 4px 4px;width:42%;height:58%;position:absolute;top:0;right:-21%}.instrument-illustration--violin{background:radial-gradient(#8b2f3c21 0 26%,#0000 27%),#fbf8f194;place-items:center;display:grid}.instrument-illustration--violin:before,.instrument-illustration--violin:after{content:"";position:absolute}.instrument-illustration--violin:before{border:3px solid #8b2f3c94;border-radius:46% 46% 38% 38%;width:74px;height:124px}.instrument-illustration--violin:after{background:#2d3a31ad;width:3px;height:180px}.instrument-illustration--violin i{z-index:1;background:#2d3a3180;width:1px;height:145px;margin:0 3px;display:inline-block;position:relative}.fretboard-card-heading{text-align:left;flex-direction:row;align-items:flex-end}.fretboard-card-heading>aside{background:var(--background-deep);border-radius:12px;gap:3px;width:min(480px,52%);padding:17px 19px;display:grid;box-shadow:inset 0 0 0 1px #d5cabaad}.fretboard-card-heading>aside small{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.fretboard-card-heading>aside strong{font-family:var(--serif);margin-top:4px;font-size:20px}.fretboard-card-heading>aside span,.fretboard-card-heading>aside b{color:var(--foreground-muted);font-size:10px;font-weight:500;line-height:1.45}.fretboard-card-heading>aside b{color:var(--foreground);margin-top:5px;font-weight:750}.fretboard-fret-numbers .is-open{color:var(--primary);font-weight:850}.fretboard-string>.fretboard-string-number{color:#4d321f;font-family:var(--serif);text-align:center;place-items:center;padding:0;font-size:13px;font-weight:800;display:grid}.fretboard-string>.fretboard-string-number--end{border-left:1px solid #5a3d2352}.fretboard-string:after,.fretboard-inlays{left:46px;right:46px}.guitar-start-panel{background:var(--background-deep);box-shadow:var(--surface-shadow-soft);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:28px;margin-top:24px;padding:22px;display:grid}.guitar-start-panel>div{gap:4px;display:grid}.guitar-start-panel>div>strong{font-family:var(--serif);font-size:24px}.guitar-start-panel>div>span{color:var(--foreground-muted);font-size:11px;line-height:1.55}.guitar-start-panel .primary-button{width:100%;margin:0}.guitar-exit-button{background:var(--surface-elevated);min-height:46px;box-shadow:var(--surface-shadow-soft), inset 0 0 0 1px #8b2f3c40;color:var(--primary);border:0;border-radius:11px;padding:0 17px;font-size:11px;font-weight:800}.guitar-target-location{background:var(--background-deep);border-radius:10px;gap:3px;width:fit-content;margin-bottom:20px;padding:10px 13px;display:grid}.guitar-target-location span{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850}.guitar-target-location strong{font-family:var(--serif);font-size:20px}.guitar-answer{background:var(--background-deep);border-radius:13px;max-width:none;padding:20px;box-shadow:inset 0 0 0 1px #d5cabab8}.guitar-answer input{border:1px solid var(--border);background:var(--surface-elevated);color:var(--foreground)}.guitar-note-choices button{border-color:var(--border);background:var(--surface-elevated);color:var(--foreground);transition:background-color .2s,color .2s}.guitar-feedback{background:var(--background-deep);max-width:none;color:var(--foreground)}@media (hover:hover) and (pointer:fine){button.instrument-card:hover{background:linear-gradient(145deg,#fffdf8,#eee2d0);transform:translateY(-1px);box-shadow:0 22px 48px #362b1e26}.guitar-exit-button:hover{background:var(--danger-soft)}.guitar-note-choices button:hover{background:var(--primary);color:var(--primary-foreground)}}@media (width<=1000px){.instrument-grid{grid-template-columns:1fr 1fr}.instrument-card--guitar{grid-column:1/-1}}@media (width<=820px){.instrument-hub{grid-column:auto;width:calc(100% - 24px);margin:18px auto 36px}.instrument-hub-heading{padding:38px 8px}.instrument-hub-heading h1{font-size:clamp(52px,14vw,76px)}.guitar-quiz-top{flex-direction:column;align-items:stretch;gap:12px}.guitar-exit-button{justify-content:center;width:100%}}.app-shell--session .score-reading-shell{width:min(1480px,100% - 32px);margin-top:16px}@media (width<=520px){.app-shell--session .score-reading-shell{width:calc(100% - 10px);margin-top:5px}}@media (width<=620px){.site-header,.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell,.instrument-hub,footer{max-width:100%}.landing-copy,.landing-copy>*,.practice-streak-card,.practice-streak-card>*,.instrument-hub-heading,.instrument-card{min-width:0;max-width:100%}.landing-copy>p,.instrument-hub-heading>p{overflow-wrap:anywhere}.instrument-grid{grid-template-columns:1fr}.instrument-card,.instrument-card--guitar{grid-column:auto;min-height:390px;padding:24px}.instrument-illustration{height:150px}.brand .brand-mark{width:37px}.brand .brand-mark img{width:43px;height:43px}.brand-name{margin-left:-9px}.fretboard-card-heading{flex-direction:column;align-items:stretch}.fretboard-card-heading>div{align-self:flex-start}.fretboard-card-heading>aside{width:100%}.guitar-start-panel{grid-template-columns:1fr;gap:18px;padding:18px}.guitar-question-card{padding:28px 10px 18px}.guitar-question-card h1{margin-inline:8px;font-size:36px}.guitar-target-location{margin-left:8px}.guitar-answer{padding:12px}}@media (width<=420px){.brand{min-width:58px}.brand-name{display:none}.brand:before{left:0;right:0}.header-actions{gap:4px}.community-header-actions button{max-width:72px;padding-inline:7px}.language-switch{min-width:66px}}.brand:before{z-index:0;content:"";pointer-events:none;background:repeating-linear-gradient(#20231f6b 0 1px,#0000 1px 6px);height:25px;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%)}.brand>*{z-index:1;position:relative}.brand .brand-mark{background:0 0;border:0;border-radius:0;width:38px;height:50px;padding:0;overflow:visible}.brand-name{text-shadow:-2px -2px #fbf8f1f5,2px -2px #fbf8f1f5,-2px 2px #fbf8f1f5,2px 2px #fbf8f1f5;margin-left:-5px;padding:1px 3px 0;line-height:1}.brand-ornament{width:calc(100% - 10px);color:var(--accent);grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:0 5px 46px;display:grid}.brand-ornament i{background:currentColor;height:1px}.brand-ornament b{font-size:10px;font-weight:400}.app-navigation{gap:7px;margin-inline:0;display:grid}.app-navigation button{min-height:56px;color:var(--foreground-muted);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:31px 1fr;align-items:center;gap:11px;padding:0 15px;transition:color .2s,background-color .2s;display:grid;position:relative}.app-navigation button:after{display:none}.app-navigation button>span{color:var(--accent);font-family:var(--serif);letter-spacing:.08em;font-size:11px}.app-navigation button>b{white-space:nowrap;min-width:0;font-size:11px;font-weight:730}.app-navigation button.is-active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 8px 18px #651e2b26}.app-navigation button.is-active:before{display:none}.app-navigation button.is-active>span{color:var(--accent-soft)}.session-meta span+span{border-left:1px solid #d5cabacc;padding-left:10px}.header-actions{flex-direction:column;gap:10px;width:100%;margin-top:auto;display:flex}.audio-settings{z-index:40;width:100%;position:relative}.sound-toggle{width:100%;min-height:44px;box-shadow:var(--surface-shadow-soft);color:var(--foreground);background:#fbf8f1c7;border:0;border-radius:10px;place-items:center;display:inline-grid}.sound-toggle svg{width:19px;height:19px}.audio-settings-panel{z-index:120;border-radius:var(--surface-radius);background:var(--surface-elevated);border:0;gap:8px;width:min(310px,100vw - 150px);max-height:min(420px,100dvh - 32px);padding:16px;display:grid;position:fixed;bottom:90px;left:188px;right:auto;overflow-y:auto;box-shadow:0 20px 48px #362b1e2e,0 0 0 1px #d5caba73}.audio-settings-panel>strong{font-family:var(--serif);padding:2px 4px 8px;font-size:18px}.audio-settings-panel>button{background:var(--surface);text-align:left;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:10px 11px;display:flex;box-shadow:inset 0 0 0 1px #d5cabaad}.audio-settings-panel>button span{gap:4px;font-size:11px;font-weight:750;display:grid}.audio-settings-panel>button small{color:var(--foreground-muted);font-size:9px;font-weight:500;line-height:1.4}.audio-settings-panel>button b{background:var(--background-deep);min-width:48px;min-height:32px;color:var(--foreground-muted);text-align:center;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:7px 9px;font-size:9px;line-height:1;display:inline-flex}.audio-settings-panel>button[aria-checked=true] b{background:var(--success-soft);color:var(--success-deep)}.session-meta{display:none}.community-header-actions{gap:7px;width:100%;display:grid}.community-header-actions button{width:100%;min-height:44px;box-shadow:var(--surface-shadow-soft);color:var(--foreground);background:#fbf8f1c7;border:0;border-radius:9px;justify-content:flex-start;padding:0 12px;font-size:10px;transition:background-color .28s,color .28s,box-shadow .32s}.community-header-actions button:last-child{color:var(--primary);background:#8b2f3c1a}.mobile-module-navigation{display:none}.language-switch{background:var(--surface-elevated);width:100%;box-shadow:var(--surface-shadow-soft);border:0;border-radius:10px;grid-template-columns:1fr 1fr;padding:2px}.language-switch button{border-radius:8px;min-height:44px}.language-switch button.is-active{background:var(--foreground);color:var(--surface-elevated)}.rail-motto{color:var(--foreground-muted);font-family:var(--serif);text-align:center;margin:22px 0 0;font-size:11px;font-style:italic;line-height:1.45}.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell,footer{grid-column:2}.landing-shell,.guitar-shell{width:min(1180px,100% - 56px);margin:34px auto 48px}.landing-hero{min-height:320px;color:var(--foreground);box-shadow:var(--surface-shadow);background:#fbf8f1bd;border:0;border-radius:14px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:44px;padding:46px 50px}.landing-hero:after{opacity:1;background:linear-gradient(90deg, var(--accent), transparent);height:1px;inset:auto 50px 31px}.landing-copy .kicker{color:var(--primary);margin-bottom:15px}.landing-copy h1{color:var(--foreground);font-size:clamp(50px,5.4vw,76px);line-height:.94}.landing-copy h1 em{color:var(--primary)}.landing-copy>p:not(.kicker){max-width:610px;color:var(--foreground-muted);margin-top:22px;font-size:15px}.landing-actions{margin-top:26px}.landing-actions .primary-button{background:var(--primary)}.landing-actions .secondary-button{border-color:var(--border-strong);color:var(--foreground);background:0 0}.landing-proof{color:var(--foreground-muted);gap:0;margin-top:25px}.landing-proof span{padding:0 18px}.landing-proof span:first-child{padding-left:0}.landing-proof span+span{border-left:1px solid var(--border)}.landing-proof span:before{content:none;display:none}.landing-art{min-height:180px}.landing-staff-card,.landing-fret-card{background:var(--surface-elevated);border:0;border-radius:10px;box-shadow:8px 10px 22px #362b1e17}.landing-staff-card{transform-origin:50%;will-change:transform;width:88%;max-width:420px;padding:10px 14px 9px;animation:18s ease-in-out infinite landing-staff-card-drift;top:8px;right:4%;box-shadow:8px 14px 14px -12px #362b1e3d,8px 10px #c6a15b1a,8px 12px 20px -12px #362b1e1a}.landing-staff-card .staff{transform-origin:top;height:86px;margin:0 auto 1px;transform:scale(.88)}.landing-staff-card>span{color:var(--primary);font-size:14px}.landing-staff-label{opacity:0;transition:opacity .34s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(4px)}.landing-staff-label.is-visible{opacity:1;transform:translateY(0)}@keyframes landing-staff-card-drift{0%,to{transform:translate(-1px,4px)}25%{transform:translateY(-3px)rotate(0)}50%{transform:translate(1px,4px)}75%{transform:translateY(-3px)rotate(0)}}.landing-fret-card{width:72%;min-height:112px;padding:18px;bottom:-12px;left:2%;transform:none}.landing-fret-card:before{inset:18px 17px 31px 47px}.landing-fret-card>b{background:var(--primary);width:24px;height:24px;font-size:11px;top:43%;left:54%}.landing-fret-card>em{font-size:11px;bottom:8px;left:18px}.landing-orbit{display:none}.practice-streak-card{border-radius:var(--surface-radius);box-shadow:var(--surface-shadow-soft);background:#fbf8f1c7;border:0;grid-template-columns:minmax(230px,.72fr) minmax(420px,1.28fr);align-items:center;gap:28px;margin:16px 0 0;padding:22px 26px;display:grid}.practice-streak-card--guest,.practice-streak-card--error{grid-template-columns:minmax(0,1fr) auto}.practice-streak-card h2{font-family:var(--serif);letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1}.practice-streak-card p:not(.kicker){color:var(--foreground-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.practice-streak-card small{color:var(--primary);letter-spacing:.04em;margin-top:8px;font-size:10px;font-weight:750;display:block}.practice-streak-card .secondary-button{width:auto;min-width:130px;margin:0}.practice-week>span{color:var(--foreground-muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:11px;font-size:9px;font-weight:800;display:block}.practice-week ol{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.practice-week li{justify-items:center;gap:7px;min-width:0;display:grid}.practice-day-mark{border:1px solid var(--border-strong);background:var(--surface-elevated);width:34px;height:34px;color:var(--foreground);border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid}.practice-week li.is-complete .practice-day-mark{border-color:var(--success);background:var(--success);color:var(--surface-elevated)}.practice-week li[aria-current=date] .practice-day-mark{outline:2px solid var(--accent);outline-offset:3px}.practice-week b{color:var(--foreground-muted);letter-spacing:.04em;text-overflow:ellipsis;font-size:9px;font-weight:750;overflow:hidden}.practice-streak-card--compact{grid-template-columns:minmax(200px,.7fr) minmax(340px,1.3fr);margin:20px 0;padding:18px 20px}.practice-streak-card--compact h2{font-size:28px}.account-panel .practice-streak-card--compact{grid-template-columns:1fr;gap:18px}.module-section{padding:38px 0 20px}.module-heading{margin-bottom:22px}.module-heading h2{max-width:760px;font-size:clamp(34px,4.1vw,52px)}.module-grid{gap:14px}.module-card{border-radius:var(--surface-radius);min-height:314px;box-shadow:var(--surface-shadow-soft);background:#fbf8f1b8;border-color:#0000;padding:27px 30px;transition:box-shadow .38s cubic-bezier(.22,1,.36,1),background-color .3s}.module-visual,.module-guitar-visual{height:112px}.module-card>strong{font-size:clamp(29px,3vw,38px)}.module-card>b:last-child{color:var(--primary)}.module-coming{font-style:italic}.setup-shell{width:min(1180px,100% - 56px);box-shadow:var(--surface-shadow);background:#fbf8f1b8;border:0;border-radius:14px;margin:34px auto 48px;padding:40px 46px 48px}.setup-shell:before,.setup-shell:after{display:none}.hero-copy{grid-template-columns:minmax(0,1fr) 360px;column-gap:36px;min-height:238px;padding:22px 18px 32px}.hero-copy h1{font-size:clamp(54px,6vw,78px);line-height:.9}.hero-copy h1 em{color:var(--primary)}.hero-lead{max-width:600px;margin-top:20px;font-size:14px}.hero-staff{background:linear-gradient(145deg,#fffdf8fa,#f4efe4e0);border:1px solid #c6a15b57;border-radius:18px;grid-template-rows:auto 1fr auto;place-items:stretch stretch;gap:9px;width:360px;min-height:224px;padding:17px 19px 15px;overflow:hidden;transform:none;box-shadow:0 24px 44px #362b1e1f,0 4px 10px #362b1e0e,inset 0 0 0 5px #ffffff6b}.hero-staff:before{z-index:0;opacity:1;background:radial-gradient(circle,#c6a15b38,#c6a15b00 69%);border:0;width:190px;top:-74px;right:-68px}.hero-staff-heading,.hero-staff-score,.hero-staff-caption{z-index:1;position:relative}.hero-staff-heading,.hero-staff-caption{justify-content:space-between;align-items:center;gap:14px;display:flex}.hero-staff-heading span,.hero-staff-heading strong{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.hero-staff-heading span{color:var(--primary)}.hero-staff-heading strong{color:var(--foreground-muted)}.hero-staff-score{background:linear-gradient(90deg,#0000,#fffdf8b8,#0000);place-items:center;min-height:132px;display:grid}.hero-staff .staff--compact{margin:0 auto;transform:scale(1.04)}.hero-staff-caption>span{color:var(--foreground-muted);font-family:var(--serif);font-size:13px}.scribble{color:var(--primary);font-family:var(--serif);margin:0;font-size:13px;font-style:italic;font-weight:500;position:static;transform:none}.setup-panel{padding:38px 18px 0}.step-heading>span{color:var(--primary)}.step-heading p{color:var(--foreground-muted)}.step-heading h2{font-size:31px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-card{isolation:isolate;min-height:185px;box-shadow:var(--surface-shadow-soft);background:#fffdf8a8;border:1px solid #0000;border-radius:10px;padding:18px 20px 20px;transition:border-color .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1),box-shadow .48s cubic-bezier(.22,1,.36,1)}.level-card:before{z-index:0;content:"";opacity:0;transform-origin:50%;background:radial-gradient(circle at 0 0,#8b2f3c1c,#0000 33%),radial-gradient(circle at 100% 0,#8b2f3c16,#0000 33%),radial-gradient(circle at 0 100%,#8b2f3c13,#0000 33%),radial-gradient(circle at 100% 100%,#c6a15b14,#0000 33%);transition:opacity .38s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.985)}.level-card:after{z-index:0;content:"";opacity:0;pointer-events:none;border:1px solid #0000;border-radius:6px;transition:border-color .4s,opacity .4s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:5px;transform:scale(.99)}.level-card>*{z-index:1;position:relative}.level-card.is-selected{border-color:var(--primary);background:var(--surface-elevated);transition-delay:0s;box-shadow:0 12px 28px #651e2b17}.level-card.is-selected:before{opacity:1;transform:scale(1)}.level-card.is-selected:after{opacity:1;border-color:#c6a15bb8;transform:scale(1)}.level-top small,.level-card.is-selected .level-top small{color:var(--primary)}.level-top b{color:var(--foreground-muted)}.level-card>strong{font-size:24px}.range-preview--extended{height:136px;margin-top:-4px}.range-preview--extended .range-preview-lines{top:52px}.range-preview--extended .range-preview-clef{top:39px}.range-preview-note,.note-head,.note-stem{background:var(--primary)}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent)}.mode-card{isolation:isolate;min-height:88px;box-shadow:var(--surface-shadow-soft);background:#fffdf8b3;border:1px solid #0000;border-radius:10px;transition:border-color .4s cubic-bezier(.22,1,.36,1),background-color .4s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.mode-card:before{z-index:0;content:"";opacity:0;background:radial-gradient(circle at 0 0,#8b2f3c1d,#0000 32%),radial-gradient(circle at 100% 0,#8b2f3c17,#0000 32%),radial-gradient(circle at 0 100%,#8b2f3c13,#0000 32%),radial-gradient(circle at 100% 100%,#c6a15b14,#0000 32%);transition:opacity .34s,transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.985)}.mode-card>*{z-index:1;position:relative}.mode-card.is-selected,.session-type-grid .mode-card.is-selected{border-color:var(--primary);background:var(--surface-elevated);transition-delay:0s;box-shadow:0 10px 24px #651e2b13,inset 0 0 0 1px #c6a15b57}.mode-card.is-selected:before,.session-type-grid .mode-card.is-selected:before{opacity:1;transform:scale(1)}.mode-icon{transition:background-color .38s,color .38s,transform .48s cubic-bezier(.22,1,.36,1)}.mode-card.is-selected .mode-icon{color:var(--primary);background:#fffdf8d1;transform:scale(1.025)}.selection-indicator{border-color:var(--border-strong)}.selection-indicator:after{background:var(--primary)}.mode-card.is-selected .selection-indicator{border-color:var(--primary)}.primary-button{border-color:var(--primary);background:var(--primary);border-radius:8px;box-shadow:0 8px 18px #651e2b24}.primary-button:hover{background:var(--primary-hover)}.primary-button>span,.answer-line button>span,.feedback button>span{color:var(--accent-soft)}.secondary-button{border-color:var(--border-strong);background:0 0;border-radius:8px}.setup-panel>.primary-button{max-width:430px}.quiz-shell{width:min(1220px,100% - 48px);min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;margin:30px auto 48px;padding:0}.progress-row{color:var(--foreground);box-shadow:var(--surface-shadow-soft);background:#fbf8f1b8;border:0;border-radius:10px;margin-bottom:16px;padding:15px 18px}.progress-label,.remaining{color:var(--foreground-muted)}.progress-row strong{color:var(--primary)}.progress-track{background:var(--background-deep)}.progress-track>span{background:var(--primary)}.progress-track--endless>span{background:linear-gradient(90deg, var(--primary), var(--accent), var(--primary))}.quiz-layout{grid-template-columns:minmax(0,1fr) 276px;align-items:start;gap:16px;display:grid}.quiz-main-column{min-width:0}.question-card{background:linear-gradient(155deg,#fffdf8fa,#f7f2e8eb);border:0;border-radius:18px;min-height:590px;padding:30px 34px;box-shadow:0 22px 48px #362b1e1a,0 3px 10px #362b1e0a,inset 0 0 0 1px #d5caba94}.question-card:before{display:none}.question-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:52px;display:grid}.question-heading:after{background:linear-gradient(90deg, var(--accent), transparent);content:"";width:72px;height:1px}.question-number{width:fit-content;color:var(--primary);background:#8b2f3c14;border-radius:999px;padding:7px 10px;position:static}.question-prompt{color:var(--foreground);font-family:var(--serif);text-align:center;margin:0;font-size:30px}.notation-stage{background:radial-gradient(circle at 50% 52%,#c6a15b21,#0000 31%),linear-gradient(#f4efe4a8,#fffdf8d1);border-radius:14px;place-items:center;min-height:292px;margin:12px 0 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d5caba9e}.notation-stage:before,.notation-stage:after{content:"";pointer-events:none;border:1px solid #c6a15b33;border-radius:50%;width:110px;height:110px;position:absolute}.notation-stage:before{top:-72px;left:-74px}.notation-stage:after{bottom:-78px;right:-82px}.notation-stage .staff{width:100%;height:246px;margin:0 auto}.notation-stage .staff .staff-lines{width:480px;margin-left:-240px;left:50%;right:auto}.notation-stage .staff .clef{left:calc(50% - 185px)}.staff-lines>span:not(.note-head):not(.note-stem){background:var(--foreground)}.answer-form{max-width:760px;margin:0 auto}.answer-form>label{color:var(--foreground-muted)}.answer-line{grid-template-columns:minmax(0,1fr) 164px;gap:8px}.answer-line input{border-color:var(--border-strong);border-right:1px solid var(--border-strong);background:var(--surface-elevated);border-radius:11px;box-shadow:0 5px 14px #362b1e09}.answer-line input:focus{box-shadow:inset 0 -3px var(--accent-soft)}.answer-line button{border-color:var(--primary);background:var(--primary);border-radius:11px;box-shadow:0 7px 15px #651e2b24}.note-hints{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.note-hints button{background:var(--surface-elevated);min-height:52px;color:var(--foreground);border-color:#0000;border-radius:10px;box-shadow:inset 0 0 0 1px #d5cabac2,0 4px 10px #362b1e06}.feedback{border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #d5cabab3,0 8px 18px #362b1e0b}.feedback--correct{border-color:var(--success);background:var(--success-soft)}.feedback--wrong{border-color:var(--danger);background:var(--danger-soft)}.feedback--correct .feedback-icon{background:var(--success)}.feedback--wrong .feedback-icon{background:var(--danger)}.feedback button{background:var(--foreground);border-radius:9px}.text-button{color:var(--foreground-muted)}.location-question{background:#fffdf8b8;border:0;border-radius:12px;width:min(680px,92%);min-height:238px;box-shadow:0 12px 28px #362b1e0f}.location-question span{color:var(--primary)}.quiz-stat-panel{border-radius:var(--surface-radius);box-shadow:var(--surface-shadow-soft);background:linear-gradient(150deg,#fffdf8e6,#f4efe4c2);border:0;padding:25px 22px;position:sticky;top:22px}.quiz-stat-panel>.kicker{margin-bottom:10px}.quiz-stat-context{border-bottom:1px solid var(--border);color:var(--foreground-muted);flex-wrap:wrap;gap:5px 10px;margin:0 0 19px;padding:0 0 17px;font-size:9px;line-height:1.35;display:flex}.quiz-stat-context strong{width:100%;color:var(--primary);font-family:var(--serif);font-size:17px;font-weight:500}.quiz-stat-context span+span:before{content:none;display:none}.quiz-stat-context span+span{border-left:1px solid var(--border);padding-left:10px}.quiz-stat-primary{border-bottom:1px solid var(--border);gap:4px;padding-bottom:20px;display:grid}.quiz-stat-primary>span,.quiz-stat-panel dt{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.quiz-stat-primary>strong{color:var(--foreground);font-family:var(--serif);font-size:43px;font-weight:500}.quiz-stat-primary small{color:var(--foreground-muted);font-size:17px}.quiz-stat-panel dl{margin:0}.quiz-stat-panel dl>div{border-bottom:1px solid #d5cabab8;justify-content:space-between;align-items:center;min-height:45px;display:flex}.quiz-stat-panel dd{color:var(--foreground);font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:18px;transition:color .28s}.quiz-stat-panel blockquote{border-top:1px solid var(--accent);color:var(--primary);font-family:var(--serif);text-align:center;margin:24px 0 0;padding-top:19px;font-size:17px;font-style:italic;line-height:1.45}.results-shell{width:min(1020px,100% - 56px);margin:38px auto 50px;padding-top:28px}.result-session-meta{box-shadow:var(--surface-shadow-soft);background:#fbf8f1b3;border:0;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:25px 0;display:grid;overflow:hidden}.result-session-meta>div{border-right:1px solid var(--border);align-content:center;gap:6px;min-height:76px;padding:15px 18px;display:grid}.result-session-meta>div:last-child{border-right:0}.result-session-meta dt{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.result-session-meta dd{font-family:var(--serif);margin:0;font-size:17px}.result-flourish{width:62px;height:62px;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:0}.results-intro h1{color:var(--foreground);font-size:clamp(50px,6vw,76px)}.session-insight,.results-card,.endless-results-card,.hardest-card,.community-result-card{border-radius:var(--surface-radius);box-shadow:var(--surface-shadow-soft);border:0}.session-insight{background:var(--surface)}.session-insight--perfect{background:var(--success-soft)}.results-card{background:var(--surface)}.score-ring-track{stroke:var(--background-deep)}.score-ring-progress{stroke:var(--primary)}.stat--accent strong{color:var(--success-deep)}.community-result-card{background:var(--primary);color:var(--primary-foreground)}.community-result-card>button{border-color:var(--accent-soft);border-radius:8px}.community-result-card--ineligible{text-align:center;grid-template-columns:1fr;justify-items:center;padding-block:28px}.community-result-card--ineligible>div{max-width:940px}.community-result-card--ineligible .kicker{color:var(--accent-soft)}.community-result-encouragement{color:#fbf8f1c7;font-family:var(--serif);margin:11px 0 0;font-size:15px;font-style:italic;line-height:1.5}.hardest-card{background:#fbf8f1a8}.note-pill{background:var(--primary)}.result-actions{grid-template-columns:1.25fr 1fr 1fr}.result-actions .secondary-button,.leaderboard-result-button{margin-top:18px}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#20231fb8}.modal-card{background:var(--surface);border-color:#0000;border-radius:14px;box-shadow:0 24px 64px #20191240}.modal-card>header{border-bottom:1px solid var(--border);padding-bottom:15px}.modal-card>header button{border-radius:50%}.community-form input{border-color:var(--border-strong);background:var(--surface-elevated);border-radius:10px}.community-form input:focus{box-shadow:inset 0 -3px var(--accent-soft)}.account-panel{gap:14px;display:grid}.account-panel>.secondary-button{margin-top:4px}.account-danger-zone{border:1px solid var(--danger);background:var(--danger-soft);border-radius:3px;gap:8px;margin-top:10px;padding:20px;display:grid}.account-danger-zone>p{color:var(--danger);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:9px;font-weight:850}.account-danger-zone h3{font-family:var(--serif);margin:0;font-size:24px;font-weight:500}.account-danger-zone>span{color:var(--foreground-muted);font-size:12px;line-height:1.55}.danger-button{border:1px solid var(--danger);min-height:46px;color:var(--danger);background:0 0;border-radius:2px;padding:11px 15px;font-size:11px;font-weight:800}.account-danger-zone .danger-button{width:fit-content;margin-top:8px}.danger-button:not(:disabled):hover{background:var(--danger);color:var(--surface-elevated)}.danger-button:disabled{cursor:not-allowed;opacity:.48}.delete-account-panel{gap:12px;display:grid}.delete-account-warning{background:var(--danger-soft);box-shadow:var(--surface-shadow-soft);border:0;border-radius:9px;padding:17px}.delete-account-warning strong{color:var(--danger);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.delete-account-warning p,.delete-account-panel>p{color:var(--foreground-muted);margin:0;font-size:12px;line-height:1.6}.delete-account-panel code{border:1px solid var(--border);background:var(--background-deep);width:fit-content;color:var(--foreground);-webkit-user-select:all;user-select:all;padding:7px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.delete-account-panel label{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:850}.delete-account-panel input{border:1px solid var(--border-strong);background:var(--surface-elevated);width:100%;min-height:52px;color:var(--foreground);border-radius:2px;outline:none;padding:12px 14px}.delete-account-panel input:focus{box-shadow:inset 0 -3px var(--danger-soft)}.delete-account-actions{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:9px;margin-top:6px;display:grid}.delete-account-actions .secondary-button,.delete-account-actions .danger-button{width:100%;margin:0}.community-toast{z-index:80;border:1px solid var(--success);background:var(--surface-elevated);border-radius:3px;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:10px;width:min(440px,100% - 40px);min-height:58px;padding:12px 12px 12px 16px;display:grid;position:fixed;top:20px;right:20px;box-shadow:0 16px 34px #362b1e2e}.community-toast>span{background:var(--success);width:28px;height:28px;color:var(--surface-elevated);border-radius:50%;place-items:center;font-weight:900;display:grid}.community-toast p{margin:0;font-size:12px;line-height:1.45}.community-toast button{width:38px;height:38px;color:var(--foreground);background:0 0;border:0;font-size:20px}.community-toast:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.community-auth-notice,.legal-draft{background:var(--danger-soft);box-shadow:var(--surface-shadow-soft);border-left:0;border-radius:9px}.legal-updated{letter-spacing:.08em;text-transform:uppercase;font-weight:750;color:var(--foreground-muted)!important;margin-bottom:20px!important;font-size:10px!important}.leaderboard-controls{background:var(--background-deep);box-shadow:var(--surface-shadow-soft);border:0;border-radius:14px}.leaderboard-segments{background:#fbf8f1c2;border:0;border-radius:11px;box-shadow:inset 0 0 0 1px #d5cabab8}.leaderboard-segments button{border-radius:8px}.leaderboard-segments button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 6px 14px #651e2b24}.leaderboard-current-view{background:var(--surface-elevated);box-shadow:var(--surface-shadow-soft);border-color:#0000;border-radius:9px}.leaderboard-current-view p,.leaderboard-list li>b{color:var(--primary)}.leaderboard-list li{background:var(--surface-elevated);border-color:#0000;border-radius:8px;box-shadow:0 4px 12px #362b1e0b}.leaderboard-list li:nth-child(-n+3){border-color:var(--accent);background:#faf3e4}.guitar-shell{box-shadow:var(--surface-shadow);background:#fbf8f1c2;border-color:#0000;border-radius:14px}.guitar-hero,.guitar-question-card{background:linear-gradient(135deg,#352a29 0%,#242520 58%,#2d332d 100%);border-radius:12px}.guitar-hero{box-shadow:0 18px 38px #362b1e29}.guitar-range-heading aside{box-shadow:var(--surface-shadow-soft);background:#e9e2d5b8;border-left:0;border-radius:9px}.guitar-range-grid>button,.fretboard-card{box-shadow:var(--surface-shadow-soft);border-color:#0000;border-radius:10px}.guitar-range-grid>button{isolation:isolate;box-shadow:var(--surface-shadow-soft);background:#fbf8f1b8;border-color:#0000;transition:background-color .32s,box-shadow .38s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.guitar-range-grid>button:before{z-index:0;content:"";opacity:0;background:radial-gradient(circle at 0 0,#8b2f3c1d,#0000 33%),radial-gradient(circle at 100% 0,#8b2f3c17,#0000 33%),radial-gradient(circle at 0 100%,#8b2f3c13,#0000 33%),radial-gradient(circle at 100% 100%,#c6a15b14,#0000 33%);transition:opacity .4s;position:absolute;inset:0}.guitar-range-grid>button>*{z-index:1;position:relative}.guitar-range-grid>button.is-selected{background:var(--surface-elevated);border-color:#0000;box-shadow:0 10px 24px #651e2b17,inset 0 0 0 1px #8b2f3c9e}.guitar-range-grid>button.is-selected:before{opacity:1}.guitar-range-grid>button i{border-color:var(--primary)}.guitar-range-grid>button.is-selected i{background:var(--primary);box-shadow:inset 0 0 0 3px var(--surface-elevated)}.guitar-neck-art:before{background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 2px),#c6a15bb8 calc(12.5% - 2px) 12.5%)}.guitar-neck-art>span,.guitar-neck-art>b{color:var(--accent-soft)}.fret-note.is-active,.guitar-answer>div:first-of-type>button,.guitar-feedback>button{background:var(--primary)}.guitar-feedback{grid-template-columns:1fr auto}.guitar-feedback>div{gap:4px;display:grid}.guitar-feedback>div>strong{font-family:var(--serif);font-size:22px}.guitar-feedback>div>span{color:#fbf7efc2;font-size:12px}.guitar-feedback--correct{box-shadow:inset 0 0 0 1px #5974537a}.guitar-feedback--wrong{box-shadow:inset 0 0 0 1px #8b2f3c73}.guitar-hero :focus-visible,.guitar-question-card :focus-visible,.community-result-card :focus-visible{outline-color:var(--accent-soft)}.results-intro h1:focus,.guitar-results h1:focus{outline:none}.module-back,.leaderboard-segments button{min-height:44px}footer{border-top-color:var(--border);width:min(1180px,100% - 56px)}footer span:first-child{font-family:var(--serif);font-size:16px}@media (hover:hover){.app-navigation button:not(.is-active):hover{background:var(--background-deep);color:var(--foreground)}.community-header-actions button:hover{background:var(--background-deep);box-shadow:0 7px 16px #362b1e14}.level-card:hover:before,.mode-card:hover:before{opacity:.72;transform:scale(1)}.level-card.is-selected:hover:before,.mode-card.is-selected:hover:before{opacity:1}.level-card:not(.is-selected):hover,.mode-card:not(.is-selected):hover{border-color:#8b2f3c52}.module-card:hover{box-shadow:var(--surface-shadow-soft);background:#fffdf8db;border-color:#0000}.module-card--guitar:hover{background:linear-gradient(145deg,#e6ddcdf0,#f8f3eaeb)}.guitar-range-grid>button:not(.is-selected):hover{background:#fffdf8e0;border-color:#0000}.primary-button:hover{background:var(--primary-hover);box-shadow:0 10px 19px #651e2b2e}.note-hints button:hover{border-color:var(--primary);color:var(--primary)}.sound-toggle:hover{border-color:var(--primary);background:var(--surface-elevated);color:var(--primary)}}@media (width<=1100px) and (width>=821px){.app-shell{grid-template-columns:118px minmax(0,1fr)}.site-header{width:118px;padding-inline:13px}.brand{font-size:20px}.brand-mark{display:none}.app-navigation{margin-inline:-13px}.app-navigation button{grid-template-columns:1fr;justify-items:center;gap:0;padding-inline:13px}.app-navigation button>b{display:none}.app-navigation button>span{font-size:13px}.community-header-actions button{padding-inline:8px;font-size:9px}.audio-settings-panel{left:132px}.landing-shell,.setup-shell,.guitar-shell{width:calc(100% - 34px)}.landing-hero{grid-template-columns:1fr 300px;padding-inline:34px}.hero-copy{grid-template-columns:minmax(0,1fr) 270px;column-gap:30px}.hero-copy h1{font-size:clamp(45px,5vw,56px)}.quiz-shell{width:calc(100% - 28px)}.quiz-layout{grid-template-columns:minmax(0,1fr) 230px}.question-card{padding-inline:28px}}@media (width<=900px) and (width>=821px){.quiz-layout{grid-template-columns:1fr}.quiz-stat-panel{order:2;position:static}.quiz-stat-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quiz-stat-panel dl>div{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px}.quiz-stat-panel blockquote{display:none}}@media (width<=820px){.app-shell{display:block}.site-header{width:100%;height:66px;padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));border:0;border-bottom:1px solid var(--accent);z-index:30;background:#fbf8f1f5;flex-direction:row;display:flex;position:sticky;top:0}.brand{justify-content:flex-start;width:auto;min-width:136px;min-height:52px;font-size:22px}.brand .brand-mark{width:34px;height:46px}.brand .brand-mark img{width:42px;height:42px}.brand-ornament,.app-navigation,.rail-motto{display:none}.header-actions{flex-direction:row;align-items:center;gap:6px;width:auto;margin:0 0 0 auto}.community-header-actions{gap:5px;width:auto;display:flex}.community-header-actions button{justify-content:center;width:auto;min-height:44px}.community-header-actions button:first-child{display:inline-flex}.language-switch{width:auto;min-width:74px}.audio-settings{width:auto}.sound-toggle{flex:0 0 44px;width:44px}.audio-settings-panel{width:auto;max-height:calc(100dvh - 154px);position:fixed;inset:76px 12px auto}.mobile-module-navigation{left:50%;bottom:max(8px, env(safe-area-inset-bottom));z-index:35;border:1px solid var(--border-strong);background:#fffdf8f7;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:min(430px,100% - 20px);min-height:58px;padding:4px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #362b1e2e}.mobile-module-navigation button{min-height:48px;color:var(--foreground-muted);background:0 0;border:0;border-radius:10px;place-items:center;gap:1px;padding:5px 7px;font-size:10px;font-weight:750;display:grid}.mobile-module-navigation button span{color:var(--accent);font-family:var(--serif);font-size:9px}.mobile-module-navigation button.is-active{background:var(--primary);color:var(--primary-foreground)}.mobile-module-navigation button.is-active span{color:var(--accent-soft)}.app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell,footer{grid-column:auto}.landing-shell,.setup-shell,.guitar-shell{width:calc(100% - 24px);margin-top:18px}.module-loading{grid-column:auto;width:calc(100% - 24px);margin-top:18px}.landing-hero{grid-template-columns:1fr;padding:38px 30px}.landing-art{display:none}.landing-proof span{border-left:0;padding-inline:0}.landing-copy h1{font-size:clamp(48px,10vw,68px)}.practice-streak-card,.practice-streak-card--compact{grid-template-columns:1fr;gap:20px}.practice-streak-card--guest,.practice-streak-card--error{grid-template-columns:minmax(0,1fr) auto}.module-section{padding-top:30px}.hero-copy{grid-template-columns:1fr;min-height:0;padding:12px 8px 28px}.hero-staff{opacity:1;grid-area:auto/1;justify-self:start;width:min(100%,420px);min-height:214px;margin:20px auto 0;display:grid;position:relative;transform:none}.setup-panel{padding-inline:8px}.level-grid{grid-template-columns:1fr}.level-card{grid-template-columns:150px 1fr;min-height:150px;display:grid}.range-preview{grid-row:1/4}.quiz-shell{width:calc(100% - 24px);margin-top:18px}.quiz-layout{grid-template-columns:1fr}.quiz-stat-panel{order:2;position:static}.quiz-stat-panel dl{grid-template-columns:repeat(3,1fr);display:grid}.quiz-stat-panel dl>div{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:8px}.quiz-stat-panel blockquote{display:none}.question-card{min-height:0}.results-shell{width:calc(100% - 24px)}.result-actions{grid-template-columns:1fr}.result-session-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.result-session-meta>div:nth-child(2){border-right:0}.result-session-meta>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.result-actions .secondary-button,.leaderboard-result-button{margin-top:0}footer{width:calc(100% - 24px)}}@media (width<=520px){.site-header{height:62px}.brand{font-size:21px}.brand-mark{width:26px;height:26px;font-size:16px}.community-header-actions button{max-width:76px;padding-inline:7px}.sound-toggle{width:40px;min-height:40px}.audio-settings-panel{top:70px}.landing-shell,.setup-shell,.quiz-shell,.results-shell,.guitar-shell{width:calc(100% - 14px)}.landing-hero{border-radius:12px;padding:34px 20px}.landing-copy h1{font-size:46px}.landing-actions{grid-template-columns:1fr}.landing-actions .primary-button,.landing-actions .secondary-button{width:100%}.landing-proof{gap:8px;display:grid}.practice-streak-card,.practice-streak-card--compact,.practice-streak-card--guest,.practice-streak-card--error{grid-template-columns:1fr;padding:20px 16px}.practice-streak-card .secondary-button{width:100%}.practice-week ol{gap:4px}.practice-day-mark{width:32px;height:32px}.practice-week b{font-size:8px}.module-grid{grid-template-columns:1fr}.module-card{min-height:280px;padding:23px 21px}.setup-shell{padding:30px 14px 36px}.hero-copy h1{font-size:48px}.setup-panel{padding-top:28px}.level-card{min-height:0;display:block}.question-card{border-radius:14px;padding:22px 11px 20px}.question-heading{grid-template-columns:auto 1fr;gap:10px}.question-heading:after{display:none}.question-number{padding:6px 8px}.question-prompt{text-align:left;font-size:23px}.notation-stage{border-radius:12px;min-height:210px;margin:10px 0 16px}.notation-stage .staff:not(.staff--compact){height:175px;transform:translate(-50%)scale(.78)}.progress-row{padding:12px}.answer-line{grid-template-columns:1fr}.answer-line input,.answer-line button{border-radius:10px}.mobile-answer-pad>div{grid-template-columns:repeat(8,minmax(0,1fr))}.mobile-answer-pad button{grid-column:span 2}.mobile-answer-pad button:nth-child(5){grid-column:2/span 2}.mobile-answer-pad button{background:var(--surface-elevated);border-radius:9px}.quiz-stat-panel{padding:20px 12px}.quiz-stat-panel dl{grid-template-columns:repeat(2,1fr)}.modal-card{border-radius:14px 14px 0 0}.delete-account-actions{grid-template-columns:1fr}.community-toast{width:calc(100% - 20px);top:10px;right:10px}.leaderboard-controls{order:2}.guitar-shell{padding-inline:10px}.results-intro h1{font-size:38px}.guitar-feedback{grid-template-columns:1fr}}@media (width<=390px){.brand>span:last-child{letter-spacing:-.06em}.language-switch{min-width:68px}.community-header-actions button{max-width:70px}.landing-copy h1,.hero-copy h1{font-size:42px}.notation-stage .staff:not(.staff--compact){height:160px;transform:translate(-50%)scale(.7)}.mobile-answer-pad button{min-height:48px}.results-intro h1{font-size:34px}}@media (hover:none) and (pointer:coarse){.level-card,.mode-card{--shade-x:50%!important;--shade-y:46%!important}.answer-form>label{display:block}.answer-line{display:grid}.note-hints--desktop{display:none}.module-back,.community-header-actions button,.language-switch button,.leaderboard-segments button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-navigation{gap:4px}.app-navigation a{text-align:center;grid-template-columns:1fr;place-items:center;min-height:52px;padding:0 18px;display:grid}.app-navigation a>span{position:absolute;top:50%;left:18px;transform:translateY(-50%)}.app-navigation a>b{text-align:center;width:100%}.brand .brand-mark{transform:translate(-4px)}.landing-staff-card{background:radial-gradient(circle at 0 0,#8b2f3c1a,#0000 40%),linear-gradient(145deg,#f8f1e6,#eee4d4)}.hero-staff:before{display:none}.reading-session-summary{background:radial-gradient(circle at 0 0,#8b2f3c14,#0000 34%),linear-gradient(145deg,#f9f4ea,#efe6d8);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:34px 18px 0;padding:clamp(22px,3vw,31px);display:grid;box-shadow:0 18px 42px #362b1e1a,inset 0 0 0 1px #d5cabaa8}.reading-session-summary h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.5vw,44px);font-weight:500;line-height:1}.reading-session-chips{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.reading-session-chips span{color:var(--foreground-muted);background:#fffdf8b8;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:750;box-shadow:inset 0 0 0 1px #8b2f3c21}.reading-session-summary-actions{gap:7px;min-width:260px;display:grid}.reading-session-summary-actions .primary-button{min-height:58px;margin:0}.reading-session-summary-actions>button:last-child{min-height:38px;color:var(--primary);background:0 0;border:0;font-weight:760}.reading-setup-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f201c94;place-items:center;padding:24px;animation:.28s both reading-backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.reading-setup-dialog{background:radial-gradient(circle at 0 0,#8b2f3c17,#0000 31%),linear-gradient(145deg,#fbf7ef,#f1e8da);border-radius:24px;width:min(940px,100%);max-height:calc(100dvh - 48px);padding:clamp(26px,4vw,48px);animation:.38s cubic-bezier(.22,1,.36,1) both reading-dialog-in;position:relative;overflow-y:auto;box-shadow:0 30px 90px #1c181347,inset 0 0 0 1px #ffffff94}.reading-setup-dialog>header{max-width:720px}.reading-setup-dialog>header h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(38px,6vw,66px);font-weight:500;line-height:.96}.reading-setup-dialog>header>p:last-child{max-width:660px;color:var(--foreground-muted);margin:18px 0 0;line-height:1.65}.reading-setup-close{z-index:2;width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground);background:#fffdf8c2;border:0;border-radius:50%;place-items:center;padding:0 0 2px;font-family:Arial,sans-serif;font-size:27px;line-height:1;display:grid;position:absolute;top:22px;right:22px}.reading-setup-dialog .reading-profile-grid{gap:12px;margin-top:30px}.reading-setup-dialog .reading-profile-grid>button{background:linear-gradient(145deg,#fffdf8db,#f2eaddeb);grid-template-columns:18px 1fr;align-items:start;gap:9px;min-height:152px;padding:22px 20px;box-shadow:0 10px 25px #362b1e0f,inset 0 0 0 1px #c6a15b3d}.reading-setup-dialog .reading-profile-grid>button strong,.reading-setup-dialog .reading-profile-grid>button small{grid-column:2}.profile-choice-mark{border:1.5px solid #8b2f3c94;border-radius:50%;width:18px;height:18px;transition:background-color .25s,box-shadow .25s,transform .3s cubic-bezier(.22,1,.36,1)}.reading-profile-grid>button.is-selected .profile-choice-mark{background:var(--primary);transform:scale(1.06);box-shadow:inset 0 0 0 5px #f8f1e6}.reading-recommendation{opacity:.62;background:#e7decf94;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin-top:18px;padding:20px;transition:opacity .3s,background-color .3s,box-shadow .3s;display:grid}.reading-recommendation.is-ready{opacity:1;background:#fffdf8ad;box-shadow:inset 0 0 0 1px #8b2f3c29}.reading-recommendation>div{grid-column:1/-1}.reading-recommendation .kicker{margin-bottom:5px}.reading-recommendation>div>span{color:var(--foreground-muted);font-size:10px;line-height:1.5}.reading-recommendation label{color:var(--foreground-muted);letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:9px;font-weight:800;display:grid}.reading-recommendation select{width:100%;min-height:44px;box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground);letter-spacing:normal;background:#fffdf8;border:0;border-radius:10px;padding:0 34px 0 12px;font-family:inherit;font-size:12px;font-weight:700}.reading-setup-actions{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:12px;margin-top:18px;display:grid}.reading-setup-actions .primary-button{min-height:60px;margin:0}.reading-setup-actions>button:last-child{min-height:44px;color:var(--foreground-muted);background:0 0;border:0;padding:0 16px;font-weight:750}.instrument-illustration--violin{background:radial-gradient(circle at 50% 56%,#c6a15b21,#0000 43%),linear-gradient(145deg,#f8f1e6,#eee4d4);display:block;position:relative;overflow:hidden}.instrument-illustration--violin:before{background:radial-gradient(circle at 16% 48%,#f8f1e6 0 12%,#0000 13%),radial-gradient(circle at 84% 48%,#f8f1e6 0 12%,#0000 13%),linear-gradient(90deg,#a56a34,#d39a56 48%,#9a5b2d);border:0;border-radius:45% 45% 38% 38%/38% 38% 54% 54%;width:86px;height:106px;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #4b2d1957,0 12px 22px #362b1e21}.instrument-illustration--violin:after{background:linear-gradient(90deg,#3a2a20,#745037 55%,#2e211a);border-radius:7px 7px 2px 2px;width:12px;height:116px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 -13px 0 -2px #6f4931}.instrument-illustration--violin i{z-index:2;margin:0;display:block;position:absolute;left:50%}.instrument-illustration--violin i:first-child{background:#e7c994;border-radius:50%;width:52px;height:5px;top:107px;transform:translate(-50%)}.instrument-illustration--violin i:nth-child(2){background:#fff4dad1;width:1px;height:144px;top:27px}.instrument-illustration--violin i:nth-child(3),.instrument-illustration--violin i:nth-child(4){background:0 0;border:0 solid #4f2a18ad;border-right-width:2px;border-radius:50%;width:11px;height:34px;top:87px}.instrument-illustration--violin i:nth-child(3){margin-left:-31px;transform:rotate(9deg)}.instrument-illustration--violin i:nth-child(4){margin-left:20px;transform:scaleX(-1)rotate(9deg)}@keyframes reading-backdrop-in{0%{opacity:0}}@keyframes reading-dialog-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}@media (hover:hover) and (pointer:fine){.module-card{transition:background-color .35s,box-shadow .38s,color .28s}.module-card:hover{box-shadow:0 19px 40px #362b1e1f}.module-card--staff:hover{background:linear-gradient(145deg,#fbf6ed,#f0e5d6)}.module-card--guitar:hover{background:linear-gradient(145deg,#e7ddcd,#f5eee2)}.module-card--staff:hover .range-preview-mark,.module-card--guitar:hover .module-guitar-visual>b{animation:.42s cubic-bezier(.22,1,.36,1) both module-note-reveal}.module-card--staff:hover .range-preview-mark:nth-child(3),.module-card--guitar:hover .module-guitar-visual>b:first-child{animation-delay:0s}.module-card--staff:hover .range-preview-mark:nth-child(4),.module-card--guitar:hover .module-guitar-visual>b:nth-child(2){animation-delay:.1s}.module-card--staff:hover .range-preview-mark:nth-child(5),.module-card--guitar:hover .module-guitar-visual>b:nth-child(3){animation-delay:.2s}.module-card--staff:hover .range-preview-mark:nth-child(6){animation-delay:.3s}.module-card--staff:hover .range-preview-mark:nth-child(7){animation-delay:.4s}.reading-setup-dialog .reading-profile-grid>button:hover{background:linear-gradient(145deg,#fffaf2,#eadfce);transform:translateY(-2px);box-shadow:0 15px 31px #651e2b1c,inset 0 0 0 1px #8b2f3c47}}@keyframes module-note-reveal{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}@media (width<=820px){.reading-session-summary{grid-template-columns:1fr;margin-inline:8px}.reading-session-summary-actions{min-width:0}.reading-recommendation,.reading-setup-dialog .reading-profile-grid{grid-template-columns:1fr}}@media (width<=520px){.brand .brand-mark{transform:translate(-2px)}.brand-name{margin-left:-6px;transform:translate(-2px,-2px)}.reading-setup-backdrop{place-items:start center;padding:10px}.reading-setup-dialog{border-radius:18px;max-height:calc(100dvh - 20px);padding:26px 16px 20px}.reading-setup-close{top:13px;right:13px}.reading-setup-dialog>header{padding-right:36px}.reading-setup-dialog>header h2{font-size:37px}.reading-setup-dialog .reading-profile-grid>button{min-height:105px}.reading-setup-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.module-card--staff:hover .range-preview-mark,.module-card--guitar:hover .module-guitar-visual>b,.reading-setup-backdrop,.reading-setup-dialog{animation:none!important}}.brand .brand-mark{width:43px;height:50px}.brand .brand-mark img{width:48px;height:48px;margin-left:-3px;transform:none}.brand-name{text-shadow:none;background:0 0;margin-left:3px;padding:0;line-height:1}.guitar-question-card{background:var(--surface-elevated);box-shadow:var(--surface-shadow);color:var(--foreground);border-radius:14px}.guitar-answer label{color:var(--foreground-muted)}.guitar-note-choices button{border-color:var(--border);background:var(--surface-elevated);color:var(--foreground)}.guitar-feedback{background:var(--background-deep);color:var(--foreground)}.guitar-feedback>div>span{color:var(--foreground-muted)}.quiz-shell{scroll-margin-top:12px}.quiz-session-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(520px,100%);margin:14px auto 0;display:grid}.quiz-session-actions button{border-radius:10px;min-height:46px;padding:10px 15px;font-size:10px;font-weight:780;transition:background-color .2s,color .2s,box-shadow .2s}.restart-session-button{background:var(--surface-elevated);color:var(--primary);box-shadow:var(--surface-shadow-soft), inset 0 0 0 1px #8b2f3c3d;border:0}.end-session-button{border:1px solid var(--border);color:var(--foreground-muted);background:0 0}@media (hover:hover) and (pointer:fine){.restart-session-button:hover{background:var(--danger-soft)}.end-session-button:hover{background:var(--background-deep);color:var(--foreground)}}.guitar-mode-section{margin-top:54px}.guitar-mode-section .guitar-range-heading{margin:0 0 20px}.guitar-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guitar-mode-grid .mode-card{background:var(--surface-elevated);min-height:112px;box-shadow:var(--surface-shadow-soft);border-color:#0000;grid-template-columns:62px minmax(0,1fr) 18px;padding:18px}.guitar-mode-grid .mode-card.is-selected{background:var(--surface-elevated);box-shadow:var(--surface-shadow), inset 0 0 0 1px #8b2f3c38;border-color:#0000}.guitar-mode-icon{background:var(--background-deep);width:62px;height:62px;color:var(--primary);border-radius:14px;display:block;position:relative;overflow:hidden}.guitar-mode-icon--position:before{content:"";background:repeating-linear-gradient(#0000 0 7px,#2d3a3185 7px 8px),repeating-linear-gradient(90deg,#0000 0 13px,#2d3a3157 13px 14px);position:absolute;inset:13px 9px}.guitar-mode-icon--position b{z-index:1;background:var(--primary);width:20px;height:20px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;display:grid;position:absolute;top:23px;left:28px}.guitar-mode-icon--staff{align-content:center;gap:4px;padding:17px 8px;display:grid}.guitar-mode-icon--staff i{background:var(--foreground);opacity:.64;height:1px;display:block}.guitar-mode-icon--staff b{background:var(--primary);border-radius:50%;width:12px;height:9px;position:absolute;top:25px;left:31px;transform:rotate(-14deg)}.guitar-mode-icon--staff b:after{content:"";background:var(--primary);transform-origin:bottom;width:2px;height:20px;position:absolute;bottom:3px;right:0;transform:rotate(14deg)}.guitar-mode-icon--location:before{content:"";background:repeating-linear-gradient(#0000 0 8px,#2d3a3161 8px 9px),repeating-linear-gradient(90deg,#0000 0 12px,#2d3a313d 12px 13px);border-radius:8px;position:absolute;inset:11px}.guitar-mode-icon--location b{z-index:1;background:var(--primary);min-width:30px;min-height:23px;color:var(--primary-foreground);letter-spacing:.08em;border-radius:7px;place-items:center;padding:0 5px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;display:grid;position:absolute;bottom:8px;right:8px}.guitar-staff-frame{background:var(--background-deep);border-radius:14px;place-items:center;width:min(600px,100%);margin:0 auto 24px;padding:8px 14px 12px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #d5cabab8}.guitar-staff-note{width:100%;height:auto;max-height:218px;margin:0;display:block}.guitar-clef-eight{fill:var(--foreground);font-family:var(--serif);font-size:15px;font-weight:700}.guitar-staff-lines line,.guitar-staff-ledger{stroke:#20231fc2;stroke-width:1.35px;vector-effect:non-scaling-stroke}.guitar-staff-clef{fill:var(--foreground)}.guitar-staff-head{fill:var(--primary)}.guitar-staff-stem{stroke:var(--primary);stroke-width:2.2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.fretboard--interactive .fret-cell{z-index:2}.fret-note--choice{color:var(--foreground);cursor:pointer;background:#fffaf3d6;border:1px solid #8b2f3c5c;padding:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-style:normal;transition:background-color .2s,box-shadow .2s,transform .2s}.fret-note--choice:after{content:"";background:#8b2f3c9e;border-radius:50%;width:6px;height:6px}.fret-note--choice.has-note-name:after{display:none}.fret-note--choice.is-selected,.fret-note--choice.is-wrong{background:var(--danger-soft);box-shadow:0 0 0 4px #fffaf394,0 5px 14px #41260f47}.fret-note--choice.is-found{background:var(--success);color:#fff;box-shadow:0 0 0 4px #fffaf394,0 5px 14px #41260f38}.fret-note--choice.is-selected:after,.fret-note--choice.is-found:after,.fret-note--choice.is-wrong:after,.fret-note--choice.is-correct:after{display:none}.fret-note--choice.is-correct{background:var(--success);color:#fff;width:34px;height:34px;box-shadow:0 0 0 5px #fffaf394,0 5px 14px #41260f4d}.fret-note--choice:disabled{cursor:default;opacity:1}.guitar-quiz-tools{justify-content:flex-end;align-items:center;gap:10px;display:flex}.guitar-quiz-progress{align-items:baseline;gap:10px;display:flex}.guitar-note-name-toggle{background:var(--surface);min-height:42px;color:var(--foreground-muted);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:750;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 16px #2b231c14}.guitar-note-name-toggle-icon{background:var(--background-deep);width:27px;height:27px;color:var(--primary);font-family:var(--serif);letter-spacing:-.08em;border-radius:8px;place-items:center;font-size:12px;display:grid}.guitar-note-name-toggle[aria-pressed=true]{background:var(--primary);color:#fff;box-shadow:0 7px 18px #8b2f3c2e}.guitar-note-name-toggle[aria-pressed=true] .guitar-note-name-toggle-icon{color:#fff;background:#ffffff29}@media (hover:hover) and (pointer:fine){.guitar-note-name-toggle:hover{background:var(--surface-elevated);color:var(--primary)}.guitar-note-name-toggle[aria-pressed=true]:hover{background:var(--primary-hover);color:#fff}}@media (width<=820px){.guitar-quiz-tools{justify-content:space-between;width:100%}}@media (width<=430px){.guitar-note-name-toggle{flex:auto;justify-content:center}}.guitar-position-instruction{background:var(--background-deep);width:min(440px,100%);color:var(--foreground-muted);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:16px auto 0;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.guitar-position-instruction strong{color:var(--foreground)}.guitar-position-instruction span{color:var(--primary);flex:none}.guitar-location-answer{background:var(--background-deep);border-radius:16px;width:min(920px,100%);margin:20px auto 0;padding:18px;box-shadow:inset 0 0 0 1px #d5cabacc}.guitar-location-answer-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:18px;display:grid}.guitar-location-answer fieldset{border:0;min-width:0;margin:0;padding:0}.guitar-location-answer legend{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:800}.guitar-location-options{gap:7px;display:grid}.guitar-location-options--strings{grid-template-columns:repeat(3,minmax(0,1fr))}.guitar-location-options--frets{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.guitar-location-options button{background:var(--surface-elevated);min-height:43px;color:var(--foreground);cursor:pointer;border:1px solid #8b2f3c2e;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:740;transition:background-color .18s,color .18s,border-color .18s,transform .18s}.guitar-location-options button.is-selected{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.guitar-location-selection{border-top:1px solid #8b2f3c24;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:grid}.guitar-location-status{min-width:0;height:88px;color:var(--foreground-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.45;overflow-y:auto}.guitar-location-status>strong{color:var(--foreground);letter-spacing:.04em;font-size:11px;display:block}.guitar-location-status>small{color:var(--primary);white-space:normal;margin-top:4px;font-size:11px;font-weight:800;display:block}.guitar-location-selection>button{background:var(--primary);min-height:42px;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:10px;padding:0 18px;font-size:12px;font-weight:800}.guitar-location-selection>button:disabled{cursor:not-allowed;opacity:.42}.guitar-location-options button:disabled{cursor:default}.guitar-location-selection--correct{border-color:var(--success,#597453)}.guitar-location-selection--wrong{border-color:var(--primary)}@media (hover:hover) and (pointer:fine){.guitar-location-options button:hover:not(.is-selected):not(:disabled){background:var(--surface);border-color:#8b2f3c75;transform:translateY(-1px)}}@media (width<=900px){.guitar-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guitar-mode-grid .mode-card:last-child{grid-column:1/-1}}@media (hover:hover) and (pointer:fine){.fret-note--choice:not(:disabled):hover{background:var(--primary);transform:translateY(-1px);box-shadow:0 0 0 4px #fffaf380}.fret-note--choice:not(:disabled):hover:after{background:#fff}}@media (width<=620px){.brand .brand-mark{width:37px}.brand .brand-mark img{width:43px;height:43px}.brand-name{margin-left:2px}.guitar-mode-grid{grid-template-columns:1fr}.guitar-mode-grid .mode-card:last-child{grid-column:auto}.guitar-mode-grid .mode-card{min-height:104px}.guitar-staff-frame{height:auto;margin-bottom:18px;padding:6px 8px 10px}.guitar-staff-note{width:100%;max-height:170px;transform:none}.guitar-location-answer{margin-top:14px;padding:12px}.guitar-location-answer-grid{grid-template-columns:1fr;gap:14px}.guitar-location-options--frets{grid-template-columns:repeat(4,minmax(0,1fr))}.guitar-location-options button{min-height:44px;padding-inline:4px}.guitar-location-selection{bottom:max(8px, env(safe-area-inset-bottom));z-index:2;background:var(--background-deep);border-radius:12px;gap:8px;margin-inline:-4px;padding:10px 8px;position:sticky;box-shadow:0 -6px 18px #2d261c1a}.guitar-location-selection>button{min-height:48px;padding-inline:12px}.guitar-question-card--location-answer{padding:18px 12px}.guitar-question-card--location-answer h1{margin-bottom:12px;font-size:28px;line-height:1.15}.guitar-question-card--location-answer .guitar-target-location{margin-bottom:12px}.guitar-question-card--location-answer .guitar-staff-frame{z-index:3;margin-bottom:12px;position:sticky;top:8px}.guitar-question-card--location-answer .guitar-staff-note{max-height:130px}.quiz-shell{scroll-margin-top:6px}}@media (width<=620px) and (height<=700px){.guitar-question-card--location-answer .guitar-staff-note{max-height:90px}}@media (width<=420px){.brand{min-width:58px}.brand-name{display:none}.header-actions{gap:4px}.community-header-actions button{max-width:72px;padding-inline:7px}.language-switch{min-width:66px}}.fretboard-experience{min-width:0}.fretboard-orientation-hint{display:none}.guitar-study-tools{background:var(--background-deep);border-radius:14px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:16px;margin:0 0 16px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #d5caba9e}.guitar-study-tools .kicker{margin:0 0 5px}.guitar-study-tools>div:first-child>span{color:var(--foreground-muted);font-size:11px;line-height:1.55}.guitar-study-note-choices{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.guitar-study-note-choices button{background:var(--surface-elevated);min-width:44px;min-height:38px;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);font-family:var(--serif);border:0;border-radius:999px;padding:0 12px;font-weight:750;transition:background-color .24s,color .24s,box-shadow .24s,transform .24s}.guitar-study-note-choices button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 5px 14px #58212933}.fret-note{transition:opacity .24s,transform .24s,background-color .24s,color .24s,box-shadow .24s}.fret-note.is-study-muted{opacity:.18;transform:scale(.78)}.fret-note.is-study-focus{background:var(--primary);color:var(--primary-foreground);transform:scale(1.08);box-shadow:0 0 0 4px #fffaf385,0 6px 15px #41260f4d}@media (hover:hover) and (pointer:fine){.guitar-study-note-choices button:hover{background:var(--danger-soft);transform:translateY(-1px)}.guitar-study-note-choices button[aria-pressed=true]:hover{background:var(--primary)}}@media (width<=720px){.guitar-study-tools{grid-template-columns:1fr}.guitar-study-note-choices{justify-content:flex-start}}@media (width<=620px) and (orientation:portrait){.fretboard-orientation-hint{background:var(--danger-soft);color:var(--foreground);border-radius:11px;align-items:center;gap:9px;margin:0 0 8px;padding:10px 12px;font-size:10px;font-weight:700;line-height:1.45;display:flex}.fretboard-orientation-hint span{width:26px;height:20px;color:var(--primary);border:1px solid #8b2f3c66;border-radius:5px;flex:none;place-items:center;font-size:14px;display:grid}}@media (orientation:landscape) and (height<=560px) and (width<=1000px){.guitar-shell.guitar-quiz{width:calc(100% - 12px);margin:6px auto 14px;padding:8px}.guitar-quiz-top{flex-direction:row;align-items:center;gap:8px;margin-bottom:6px}.guitar-exit-button{width:auto;min-height:34px;padding:6px 10px}.guitar-question-card{padding:10px 8px 9px}.guitar-target-location{margin:0 0 5px;padding:5px 9px;display:inline-grid}.guitar-target-location strong{font-size:15px}.guitar-question-card h1{margin:0 0 6px;font-size:25px;line-height:1}.guitar-staff-frame{height:auto;margin-bottom:10px;padding:2px 10px 5px}.guitar-staff-note{width:min(580px,100%);max-height:112px;transform:none}.fretboard-scroll{padding:2px 0 4px}.fretboard--range-3{min-width:100%!important}.fretboard{padding-top:18px}.fretboard-fret-numbers{inset:2px 0 auto}.fretboard-string>.fret-cell{min-height:27px}.fret-note,.fret-note.is-active,.fret-note--choice,.fret-note--choice.is-correct{width:23px;height:23px;font-size:10px}.fretboard-inlays{top:18px}.guitar-answer{gap:5px;margin-top:5px;padding:6px}.guitar-answer label{display:none}.guitar-answer input,.guitar-answer>div:first-of-type>button{min-height:34px}.guitar-note-choices{gap:4px}.guitar-note-choices button{min-height:32px}.guitar-position-instruction{margin-top:5px;padding:6px 10px}.guitar-feedback{gap:8px;margin-top:5px;padding:7px 9px}}.score-reading-shell{width:min(1320px,100% - 32px);margin:18px auto 48px}.score-reading-shell--loading{background:var(--surface);min-height:520px;box-shadow:var(--surface-shadow);border-radius:18px}.score-reading-hero{background:linear-gradient(140deg, var(--surface-elevated), #eee5d7);min-height:300px;box-shadow:var(--surface-shadow);border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:44px;padding:clamp(34px,5vw,66px);display:grid}.score-reading-hero h1,.score-reading-results h1{max-width:760px;font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(46px,6vw,78px);font-weight:500;line-height:1.07}.score-reading-hero>div:first-child>p:not(.kicker),.score-reading-results>p{max-width:720px;color:var(--foreground-muted);margin-top:24px;font-size:15px;line-height:1.7}.score-reading-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.score-reading-options>section{background:var(--surface);box-shadow:var(--surface-shadow-soft);border-radius:18px;padding:28px}.score-reading-options h2{font-family:var(--serif);letter-spacing:-.035em;margin:3px 0 20px;font-size:34px;font-weight:500}.score-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.score-option-grid>button{background:var(--background);min-height:142px;box-shadow:inset 0 0 0 1px var(--border);text-align:left;cursor:pointer;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;padding:22px 54px 22px 22px;transition:background-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative}.score-option-grid>button strong{font-family:var(--serif);font-size:22px}.score-option-grid>button span{color:var(--foreground-muted);margin-top:7px;font-size:11px;line-height:1.55}.score-option-grid>button i{background:var(--surface-elevated);border:1px solid #8b2f3c8c;border-radius:50%;width:23px;height:23px;position:absolute;top:18px;right:18px}.score-option-grid>button i:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:7px;transform:rotate(45deg)scale(.4)}.score-option-grid>button.is-selected{color:var(--foreground);background:linear-gradient(145deg,#f4e7df,#fffaf3);box-shadow:inset 0 0 0 2px #8b2f3ca8,0 12px 28px #5821291c}.score-option-grid>button.is-selected i{border-color:var(--primary);background:var(--primary)}.score-option-grid>button.is-selected i:after{opacity:1;transform:rotate(45deg)scale(1)}.score-option-grid>button:focus-visible{outline-offset:3px;outline:3px solid #c6a15bc2}.score-reading-start-card{background:var(--surface-elevated);box-shadow:var(--surface-shadow);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(210px,.5fr) auto;align-items:center;gap:24px;margin-top:18px;padding:26px 28px;display:grid}.rhythm-legend{flex-wrap:wrap;gap:8px;display:flex}.rhythm-legend>button{background:var(--background-deep);min-height:36px;color:var(--foreground-muted);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:750;display:inline-flex}.tempo-control{color:var(--foreground-muted);grid-template-columns:1fr auto;align-items:center;gap:5px 12px;font-size:10px;font-weight:750;display:grid}.tempo-control strong{color:var(--primary)}.tempo-control input{width:100%;accent-color:var(--primary);grid-column:1/-1}.score-rhythm-controls{gap:12px;display:grid}.metronome-toggle{border:1px solid var(--border);background:var(--background-deep);min-height:42px;color:var(--foreground-muted);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:10px;font-weight:780;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.metronome-toggle.is-active{background:var(--primary-soft);color:var(--primary);border-color:#8b2f3c7a}.metronome-icon{align-items:flex-end;gap:2px;height:18px;display:inline-flex}.metronome-icon i{background:currentColor;border-radius:2px;width:2px;height:7px}.metronome-icon i:nth-child(2){height:14px}.metronome-icon i:nth-child(3){height:10px}.score-reading-start-card .primary-button{min-width:245px;margin:0}.score-reading-session{padding-top:2px}.score-reading-session-top{background:var(--surface);box-shadow:var(--surface-shadow-soft);border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:10px;padding:10px 14px;display:grid}.score-reading-session-top>button{background:var(--background-deep);width:fit-content;min-height:42px;color:var(--foreground);border:0;border-radius:10px;padding:0 14px;font-size:10px;font-weight:760}.score-reading-session-progress{justify-items:center;gap:2px;display:grid}.score-reading-session-progress span{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.score-reading-session-progress strong{font-family:var(--serif);font-size:24px;font-weight:500}.score-reading-session-controls{justify-self:end;align-items:center;gap:7px;display:flex}.score-reading-session-controls>button{background:var(--background-deep);min-height:42px;color:var(--foreground);border:0;border-radius:10px;padding:0 14px;font-size:10px;font-weight:760}.score-reading-session-controls .metronome-toggle{border:1px solid var(--border)}.score-reading-session-controls .metronome-toggle.is-active{background:var(--primary-soft);color:var(--primary);border-color:#8b2f3c7a}.score-reading-card{background:var(--surface-elevated);box-shadow:var(--surface-shadow);border-radius:18px;padding:clamp(20px,3vw,38px)}.score-reading-context{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.score-reading-context>span{color:var(--foreground-muted);font-size:11px}.score-line-scroll{scrollbar-width:thin;background:linear-gradient(145deg,#f8f3e9,#eee4d4);border-radius:15px;margin-top:18px;overflow-x:auto;box-shadow:inset 0 0 0 1px #c6a15b47}.rhythm-window{background:var(--background-deep);border-radius:999px;height:5px;margin:10px 4px 0;overflow:hidden}.rhythm-window>span{border-radius:inherit;background:var(--primary);transform-origin:0;width:100%;height:100%;animation:rhythm-window-countdown var(--rhythm-window) linear infinite;display:block}@keyframes rhythm-window-countdown{to{transform:scaleX(0)}}.score-answer-area{background:var(--background);border-radius:14px;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);align-items:center;gap:24px;margin-top:22px;padding:18px;display:grid}.score-answer-area p{font-family:var(--serif);margin:0;font-size:23px}.score-answer-area>div:first-child span{color:var(--foreground-muted);font-size:10px}.score-answer-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.score-answer-grid button{background:var(--surface-elevated);min-height:54px;box-shadow:inset 0 0 0 1px var(--border), 0 5px 14px #362b1e0a;font-family:var(--serif);border:0;border-radius:10px;font-size:18px;transition:background-color .18s,color .18s,transform .18s}.score-reading-results{background:var(--surface);box-shadow:var(--surface-shadow);border-radius:18px;padding:clamp(32px,6vw,74px)}.score-reading-stats{background:var(--background-deep);border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 0;display:grid;overflow:hidden}.score-reading-stats>div{border-right:1px solid var(--border);align-content:center;gap:5px;min-height:118px;padding:20px;display:grid}.score-reading-stats>div:last-child{border:0}.score-reading-stats dt{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.score-reading-stats dd{font-family:var(--serif);margin:0;font-size:34px}.score-study-report{background:var(--background-deep);border-radius:15px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:34px;display:grid;overflow:hidden}.score-study-report>div{border-right:1px solid var(--border);align-content:start;gap:5px;padding:20px;display:grid}.score-study-report>div:last-child{border:0}.score-study-report h2{color:var(--foreground-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.score-study-report strong{font-family:var(--serif);font-size:34px;font-weight:400}.score-study-report p{color:var(--foreground-muted);margin:0;font-size:13px;line-height:1.55}.score-reading-results .score-study-report h2{letter-spacing:.12em;font-family:inherit}.score-reading-review{background:var(--surface-elevated);box-shadow:var(--surface-shadow-soft);border-radius:15px;margin-top:22px;padding:24px}.score-reading-review h2{font-family:var(--serif);margin:0 0 16px;font-size:28px;font-weight:500}.score-reading-review p{color:var(--success-deep)}.score-reading-review ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.score-reading-review li{background:var(--danger-soft);border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:grid}.score-reading-review li>b{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.score-reading-review li span{font-family:var(--serif);font-size:18px}.score-reading-review li small{color:var(--foreground-muted)}.score-reading-result-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.score-reading-result-actions .primary-button,.score-reading-result-actions .secondary-button{margin:0}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-category--score{grid-column:1/-1}.module-card--score{background:linear-gradient(145deg,#f5e8df,#f8f3e9);min-height:330px}@media (hover:hover) and (pointer:fine){.score-option-grid>button:hover{background:var(--surface-elevated);transform:translateY(-1px)}.score-answer-grid button:not(:disabled):hover{background:var(--primary);color:#fff;transform:translateY(-1px)}}@media (width<=900px){.score-reading-hero,.score-reading-options,.score-reading-start-card{grid-template-columns:1fr}.score-reading-start-card .primary-button{width:100%}}@media (width<=820px){.mobile-module-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.score-reading-shell{width:calc(100% - 24px);margin-top:18px}.score-answer-area{grid-template-columns:1fr;gap:12px}.score-answer-grid{grid-template-columns:repeat(7,minmax(52px,1fr));padding-bottom:4px;overflow-x:auto}}@media (width<=520px){.score-reading-shell{width:calc(100% - 14px)}.score-reading-hero{min-height:0;padding:32px 20px}.score-reading-hero h1{font-size:44px}.score-option-grid{grid-template-columns:1fr}.score-option-grid>button{min-height:120px}.score-reading-start-card{padding:21px 17px}.score-reading-session-top{grid-template-columns:1fr 1fr;gap:6px}.score-reading-session-progress{grid-area:1/1/auto/-1}.score-reading-session-top>button{grid-row:2;width:100%}.score-reading-session-controls{grid-area:2/2;width:100%;display:grid}.score-reading-session-controls>button{width:100%}.score-reading-session-controls .metronome-toggle{min-height:38px}.score-reading-card{padding:14px 10px}.score-reading-context{flex-direction:column;align-items:flex-start;gap:3px}.score-line{min-width:860px}.score-answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.score-answer-grid button{min-height:50px}.score-answer-grid button:nth-child(5){grid-column:2}.score-reading-stats{grid-template-columns:1fr}.score-reading-stats>div{border-right:0;border-bottom:1px solid var(--border);min-height:88px}.score-study-report{grid-auto-flow:row}.score-study-report>div{border-right:0;border-bottom:1px solid var(--border)}.score-study-report>div:last-child{border:0}.score-reading-review li{grid-template-columns:32px 1fr}.score-reading-review li small{grid-column:2}.score-reading-result-actions,.module-grid{grid-template-columns:1fr}.module-category--score{grid-column:auto}}@media (orientation:landscape) and (height<=560px) and (width<=1000px){.guitar-question-card--staff-position{grid-template-columns:minmax(0,1fr);grid-template-areas:"staff""board""instruction";align-items:start;gap:12px;display:grid}.guitar-question-card--staff-position .guitar-target-location,.guitar-question-card--staff-position>h1{display:none}.guitar-question-card--staff-position .guitar-staff-frame{grid-area:staff;width:min(620px,100%);height:auto;margin:0 auto;padding:2px 10px 5px;box-shadow:inset 0 0 0 1px #c6a15b47}.guitar-question-card--staff-position .guitar-staff-note{width:min(580px,100%);max-height:112px;transform:none}.guitar-question-card--staff-position>.fretboard-experience{grid-area:board;width:100%;min-width:0}.guitar-question-card--staff-position .fretboard-scroll{max-height:224px;overflow:auto hidden}.guitar-question-card--staff-position .guitar-position-instruction,.guitar-question-card--staff-position .guitar-feedback{grid-area:instruction}}@media (width<=420px){.brand{gap:0;min-width:112px;font-size:18px}.brand .brand-mark{width:32px;height:42px}.brand .brand-mark img{width:39px;height:39px;margin-left:-3px}.brand-name{margin-left:-3px;display:inline-block;transform:translateY(-1px)}.brand:before{left:0;right:0}}.app-navigation a{min-height:56px;color:var(--foreground-muted);text-align:left;border-radius:10px;grid-template-columns:31px 1fr;align-items:center;gap:11px;padding:0 15px;text-decoration:none;transition:color .24s,background-color .24s,box-shadow .3s;display:grid;position:relative}.app-navigation a>span{color:var(--accent);font-family:var(--serif);font-size:15px;line-height:1}.app-navigation a>b{white-space:nowrap;min-width:0;font-size:11px;font-weight:730}.app-navigation a.is-active>span{color:var(--accent-soft)}.brand-name{margin-left:-3px;transform:translateY(-2px)}.landing-actions .primary-button{min-width:310px;min-height:66px;margin-top:0;padding-inline:25px;text-decoration:none}.landing-staff-card,.hero-staff{background:radial-gradient(circle at 0 0,#8b2f3c21,#0000 38%),linear-gradient(145deg,#fffdf8fa,#f4efe4e0)}.module-card{color:var(--foreground);text-decoration:none}.reading-quick-start{background:radial-gradient(circle at 0 0, #8b2f3c1f, transparent 34%), var(--surface-elevated);border-radius:18px;grid-template-columns:minmax(230px,.75fr) minmax(460px,1.5fr);gap:24px 30px;margin:34px 18px 0;padding:clamp(22px,3vw,32px);display:grid;box-shadow:0 18px 42px #362b1e1a,inset 0 0 0 1px #d5caba9e}.reading-quick-start.is-first-visit{box-shadow:0 20px 46px #651e2b21,inset 0 0 0 1px #8b2f3c3d}.reading-quick-start-copy h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.4vw,43px);font-weight:500;line-height:1}.reading-quick-start-copy>p:last-child{color:var(--foreground-muted);margin:13px 0 0;font-size:12px;line-height:1.6}.reading-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reading-profile-grid>button{background:var(--surface);min-height:132px;box-shadow:inset 0 0 0 1px var(--border), 0 7px 18px #362b1e0b;color:var(--foreground);text-align:left;border:0;border-radius:13px;align-content:start;gap:7px;padding:17px 15px;transition:background-color .3s,box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.reading-profile-grid>button:before{content:"";opacity:0;background:radial-gradient(circle at 0 0,#8b2f3c26,#0000 36%),radial-gradient(circle at 100% 100%,#8b2f3c14,#0000 34%);transition:opacity .3s;position:absolute;inset:0}.reading-profile-grid>button>*{z-index:1;position:relative}.reading-profile-grid>button>span{color:var(--primary);font-size:18px;line-height:1}.reading-profile-grid>button strong{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.12}.reading-profile-grid>button small{color:var(--foreground-muted);font-size:9px;line-height:1.45}.reading-profile-grid>button.is-selected{background:#fffaf3;box-shadow:inset 0 0 0 1px #8b2f3c6b,0 10px 24px #651e2b1a}.reading-profile-grid>button.is-selected:before{opacity:1}.reading-quick-start-actions{grid-column:1/-1;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:12px;display:grid}.reading-quick-start-actions .primary-button{min-height:62px;margin:0}.reading-quick-start-actions>button:last-child{min-height:44px;color:var(--primary);background:0 0;border:0;padding:0 12px;font-weight:750}#reading-detailed-settings{scroll-margin-top:20px}.app-shell--session{padding:0;display:block}.app-shell--session .quiz-shell,.app-shell--session .guitar-shell{grid-column:auto;width:min(1480px,100% - 32px);margin-top:16px}@media (hover:hover) and (pointer:fine){.app-navigation a:not(.is-active):hover{background:var(--background-deep);color:var(--foreground)}.reading-profile-grid>button:hover{background:#fffaf3;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #8b2f3c47,0 10px 23px #362b1e14}}@media (width<=1100px) and (width>=821px){.app-navigation a{grid-template-columns:1fr;justify-items:center;gap:0;padding-inline:13px}.app-navigation a>b{display:none}.reading-quick-start{grid-template-columns:1fr}}@media (width<=820px){.mobile-module-navigation a{min-height:48px;color:var(--foreground-muted);border-radius:10px;place-items:center;gap:1px;padding:5px 7px;font-size:10px;font-weight:750;text-decoration:none;display:grid}.mobile-module-navigation a span{color:var(--accent);font-family:var(--serif);font-size:12px}.mobile-module-navigation a.is-active{color:var(--primary-foreground);background:linear-gradient(135deg,#8b2f3c,#a83a49)}.mobile-module-navigation a.is-active span{color:var(--accent-soft)}.reading-quick-start{grid-template-columns:1fr;margin-inline:8px}.reading-profile-grid{grid-template-columns:1fr}.reading-profile-grid>button{grid-template-columns:24px 1fr;min-height:94px}.reading-profile-grid>button small{grid-column:2}.site-header .brand{min-width:132px}.site-header .brand-name{display:inline-block}.site-header .brand:before{left:0;right:0}}@media (width<=520px){.brand-name{margin-left:-5px;transform:translateY(-2px)}.landing-actions .primary-button{min-width:0;min-height:62px}.reading-quick-start{margin:22px 0 0;padding:20px 14px}.reading-quick-start-actions{grid-template-columns:1fr}.app-shell--session .quiz-shell,.app-shell--session .guitar-shell{width:calc(100% - 10px);margin-top:5px}}.app-navigation a{color:#5c5d58;background:#e7ded1;transition:background-color .24s,box-shadow .24s,color .24s;box-shadow:0 3px 8px #362b1e13}.app-navigation a.is-active{color:var(--primary-foreground);background:#a33347;box-shadow:0 4px 10px #651e2b24}.module-card--staff .module-visual{height:184px;padding:8px 18px}.module-card--staff .module-visual .range-preview{width:100%;margin:0;transform:none}.module-guitar-visual{background-color:#e3c293;background-image:repeating-linear-gradient(0deg,#0000 0 24px,#42301f8f 24px 25px),repeating-linear-gradient(91deg,#ffffff0e 0 1px,#0000 1px 11px),radial-gradient(at 20% 28%,#7a4e271f,#0000 28%),radial-gradient(at 74% 72%,#fff6e033,#0000 34%),linear-gradient(90deg,#efd7b2,#d9b17c 48%,#edcfaa)}.module-guitar-visual:before{background:repeating-linear-gradient(90deg,#0000 0 calc(14.28% - 1px),#4f341f73 calc(14.28% - 1px) 14.28%)}.module-score-visual{background-position:0 26px;height:164px}.score-reading-hero-visual>p{color:var(--foreground-muted);justify-content:space-between;gap:14px;margin:12px 4px 0;font-size:10px;display:flex}.score-reading-hero-visual>p strong{color:var(--primary);font-family:var(--serif);font-size:15px;font-weight:600}.score-reading-options{grid-template-columns:1fr}.score-reading-mode-section .score-option-grid{max-width:none}.rhythm-legend{grid-template-columns:repeat(6,minmax(68px,1fr));gap:7px;display:grid}.rhythm-legend>button{color:#545650;text-align:center;background:#e8dfd1;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;min-height:62px;padding:8px 7px;box-shadow:0 3px 8px #362b1e0b}@media (hover:hover) and (pointer:fine){.app-navigation a:not(.is-active):hover{color:var(--foreground);background:#ddd1c0;box-shadow:0 5px 12px #362b1e17}}@media (width<=900px){.score-reading-hero{grid-template-columns:1fr}}@media (width<=820px){.mobile-module-navigation a{color:#5c5d58;background:#e7ded1;box-shadow:0 3px 8px #362b1e13}.mobile-module-navigation a.is-active{color:var(--primary-foreground);background:#a33347;box-shadow:0 4px 10px #651e2b24}}@media (width<=620px){.rhythm-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.score-reading-hero-visual>p{flex-direction:column;align-items:flex-start;gap:2px}}.app-navigation a{background:#f0e9dd;transition:background-color .24s,box-shadow .24s,color .24s;box-shadow:0 3px 9px #362b1e11}.app-navigation a.is-active{background:#983444;box-shadow:0 4px 10px #651e2b24}.community-header-actions button{text-align:center;justify-content:center}.practice-day-mark{isolation:isolate;position:relative}.practice-week li[aria-current=date]:not(.is-complete) .practice-day-mark{outline:1px solid var(--accent);outline-offset:2px}.practice-week li[aria-current=date]:not(.is-complete) .practice-day-mark:after{z-index:0;background:var(--primary);content:"";border-radius:50%;position:absolute;inset:5px}.module-card{background:#faf6ee;border-color:#c6a15b42;border-radius:18px;box-shadow:0 10px 24px #362b1e11}.module-card--guitar{background:#eee7da}.module-card--score{background:#f6eee6}.module-visual-frame{background-color:#fffdf894;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #c6a15b36}.module-card-cta{min-height:44px;color:var(--primary);border:1px solid #8b2f3c94;border-radius:9px;align-items:center;gap:14px;padding:0 8px 0 16px;font-size:11px;font-weight:780;display:inline-flex}.module-card-cta>i{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid;box-shadow:inset 0 0 0 2px #ffffff29}.module-card>b.module-card-cta{margin-top:24px}.module-card--score{grid-template-columns:minmax(260px,.72fr) minmax(480px,1.28fr);align-items:center;gap:38px;min-height:320px;padding:34px 38px;display:grid}.module-card--score>.module-score-copy,.module-card--score>.module-score-visual{max-width:none;color:inherit;font-size:inherit;margin-top:0;line-height:normal}.module-score-copy{flex-direction:column;align-items:flex-start;display:flex}.module-score-copy>strong{font-family:var(--serif);letter-spacing:-.045em;font-size:clamp(34px,4vw,52px)}.module-score-copy>span{color:var(--ink-soft);margin-top:10px;font-size:14px;line-height:1.6}.module-score-copy>small{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;margin-top:17px;font-size:9px;font-weight:850}.module-score-copy>.module-card-cta{margin-top:24px}.module-score-visual{background-color:#fffdf8a3;background-position:0 25px;height:174px;margin:0}.score-reading-hero{background:#f1e9dd;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);min-height:340px}.score-reading-hero-copy{padding-right:18px}.score-reading-hero-visual{background:#fffdf88c;border-radius:17px;padding:22px;box-shadow:inset 0 0 0 1px #c6a15b3d,0 16px 34px #362b1e12}.brand-mark--footer{border-radius:8px;place-items:center;display:grid}.brand-mark--footer:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (hover:hover) and (pointer:fine){.app-navigation a:not(.is-active):hover{background:#e8dfd1;box-shadow:0 5px 12px #362b1e17}}@media (width<=900px){.module-card--score{grid-template-columns:1fr}}@media (width<=820px){.mobile-module-navigation a{background:#f0e9dd;box-shadow:0 3px 8px #362b1e0f}.mobile-module-navigation a.is-active{background:#983444;box-shadow:0 4px 10px #651e2b21}}@media (width<=520px){.module-card--score{gap:24px;padding:28px 22px}.module-score-visual{height:142px}.score-reading-hero-visual{padding:10px}}.app-navigation a{color:#5c5d58;background:#e7ded1;box-shadow:0 3px 8px #362b1e13}.app-navigation a.is-active{color:var(--primary-foreground);background:#a33347}.score-reading-hero{background:#eee5d8;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr)}.score-reading-hero-visual{background:#f8f3e9;padding:18px 18px 14px}@media (hover:hover) and (pointer:fine){.app-navigation a:not(.is-active):hover{color:var(--foreground);background:#ddd1c0}}@media (width<=900px){.score-reading-hero{grid-template-columns:1fr}}@media (width<=820px){.mobile-module-navigation a{color:#5c5d58;background:#e7ded1}.mobile-module-navigation a.is-active{color:var(--primary-foreground);background:#a33347}}.app-navigation{flex:none;gap:10px;width:100%}.app-navigation a{border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:66px;padding:10px 14px;display:flex}.app-navigation a>b{overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;text-align:center;white-space:nowrap;word-break:normal;width:auto;max-width:100%;line-height:1.25;display:block}.module-score-visual{background:#faf6ee;height:180px}.score-reading-hero{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:32px}.score-reading-hero-visual{width:100%;min-width:0}.rhythm-legend{grid-template-columns:repeat(6,minmax(78px,1fr));gap:9px}.rhythm-legend>button{background:#e5dccd;gap:8px;min-height:76px;padding:10px 8px;box-shadow:0 4px 10px #362b1e0f}@media (width>=821px){.header-actions{flex:none;transform:none}}@media (width<=1100px) and (width>=821px){.app-shell{grid-template-columns:174px minmax(0,1fr)}.site-header{width:174px;padding-inline:18px}.app-navigation{margin-inline:0}.app-navigation a{padding-inline:12px}.app-navigation a>b{white-space:nowrap;font-size:10px;display:block}}@media (width<=820px){.mobile-module-navigation a{text-align:center;border-radius:10px;width:100%;min-width:0;min-height:50px;padding:7px 5px}}@media (width<=620px){.rhythm-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}.rhythm-glyph,.rhythm-score-line{color:var(--foreground);shape-rendering:geometricprecision;display:block}.rhythm-glyph{flex:none;width:54px;max-width:100%;height:42px;overflow:visible}.rhythm-note-head,.rhythm-augmentation-dot{fill:currentColor}.rhythm-note-head.is-open{fill:var(--rhythm-open-fill,#fbf8f1);stroke:currentColor;stroke-width:2.2px;vector-effect:non-scaling-stroke}.rhythm-stem{stroke:currentColor;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.rhythm-beam{fill:currentColor}.rhythm-flag{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.rhythm-triplet-mark{fill:currentColor;font:700 12px var(--serif);paint-order:stroke;stroke:var(--rhythm-open-fill,#fbf8f1);stroke-width:4px;stroke-linejoin:round}.rhythm-score-line{--rhythm-open-fill:#fbf8f1;width:100%;min-width:0;height:auto;overflow:visible}.rhythm-staff-lines line,.rhythm-ledger,.rhythm-barline{stroke:#20231fb8;stroke-width:1.25px;vector-effect:non-scaling-stroke}.rhythm-clef{fill:var(--foreground)}.rhythm-score-group{color:var(--foreground)}.rhythm-score-note{color:var(--foreground);transition:color .2s,opacity .2s}.rhythm-score-note.is-future{opacity:.58}.rhythm-score-note.is-active{color:var(--primary);opacity:1}.rhythm-score-note.is-correct{color:var(--success);opacity:1}.rhythm-score-note.is-wrong{color:var(--danger);opacity:1}.rhythm-score-note.is-active .rhythm-note-head{filter:drop-shadow(0 0 7px #8b2f3c3d)}.module-score-visual{--rhythm-open-fill:#faf6ee;background:#faf6eec7;align-items:center;min-width:0;height:auto;min-height:158px;margin:0;padding:10px 12px;display:grid}.module-score-visual:before{content:none}.module-score-visual .rhythm-score-line{width:100%;color:var(--primary);--rhythm-open-fill:#faf6ee}.module-score-visual .rhythm-clef{fill:var(--foreground)}.module-score-visual .rhythm-staff-lines line,.module-score-visual .rhythm-ledger{stroke:#20231f9e}.score-reading-hero-score{width:100%;color:var(--primary);--rhythm-open-fill:#faf6ee}.score-reading-hero-score .rhythm-clef{fill:var(--foreground)}.score-reading-hero-score .rhythm-staff-lines line,.score-reading-hero-score .rhythm-ledger{stroke:#20231fad}.rhythm-legend>button{text-align:center;flex-direction:column;justify-content:center}.rhythm-legend .rhythm-glyph{color:var(--foreground)}.rhythm-legend>button{color:#545650;background:#e5dccd;border:0;border-radius:13px;min-width:0;min-height:104px;padding:10px 8px 24px;transition:background-color .24s,box-shadow .24s,color .24s,transform .24s;position:relative;box-shadow:0 4px 10px #362b1e0f}.rhythm-legend>button strong{font-size:9px;font-weight:760;line-height:1.1}.rhythm-legend>button small{color:var(--foreground-muted);font-size:7px;font-weight:680;line-height:1.15}.rhythm-legend>button.is-selected{color:var(--primary);background:#f6eee2;box-shadow:0 8px 18px #362b1e1a,inset 0 0 0 1px #8b2f3c38}.rhythm-demo-control{width:24px;height:24px;color:var(--primary);background:#fffdf8b3;border-radius:50%;place-items:center;transition:background-color .2s,color .2s,transform .2s;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 2px 7px #362b1e14}.rhythm-demo-control svg{fill:currentColor;width:13px;height:13px;display:block}.rhythm-legend>button.is-playing .rhythm-demo-control{background:var(--primary);color:var(--primary-foreground)}.rhythm-demo-pulses{justify-content:center;gap:5px;display:flex;position:absolute;bottom:9px;left:10px;right:10px}.rhythm-demo-pulses i{background:#5456503d;border-radius:50%;width:6px;height:6px;transition:background-color .12s linear,transform .12s;display:block;transform:scale(.82)}.rhythm-demo-pulses i.is-current{background:var(--primary);transform:scale(1.35)}@media (hover:hover) and (pointer:fine){.rhythm-legend>button:hover{background:#ddd1c0;transform:translateY(-1px);box-shadow:0 7px 16px #362b1e17}.rhythm-legend>button.is-selected:hover{background:#f6eee2}.rhythm-legend>button:hover .rhythm-demo-control{transform:scale(1.06)}}.score-line-scroll{--rhythm-open-fill:#f8f3e9;padding:12px 14px 5px}.score-line-scroll .rhythm-score-line--interactive{width:var(--rhythm-score-width);min-width:720px;max-width:none}@media (hover:hover) and (pointer:fine){.module-card--score:hover .rhythm-score-group{animation:.42s cubic-bezier(.22,1,.36,1) both module-note-reveal}.module-card--score:hover [data-rhythm-group=half]{animation-delay:80ms}.module-card--score:hover [data-rhythm-group=eighthPair]{animation-delay:.16s}.module-card--score:hover [data-rhythm-group=sixteenthGroup]{animation-delay:.24s}.module-card--score:hover [data-rhythm-group=eighthTriplet]{animation-delay:.32s}}@media (width<=620px){.module-score-visual{min-height:128px;padding:8px}.score-reading-hero-visual{padding:12px}.rhythm-glyph{width:64px;height:48px}.score-line-scroll{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.module-card--score:hover .rhythm-score-group{animation:none}}.score-reading-range-section,.score-reading-session-section,.score-reading-mode-section{grid-column:1/-1}.score-reading-session-section h2{font-family:var(--serif);letter-spacing:-.035em;margin:4px 0 12px;font-size:clamp(26px,2.7vw,38px);font-weight:500}.score-session-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.score-session-grid>button{min-height:104px;color:var(--foreground);text-align:left;cursor:pointer;background:#e5dccd;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;padding:18px;transition:background-color .24s,box-shadow .24s,transform .24s;display:flex;position:relative;box-shadow:0 4px 10px #362b1e0f}.score-session-grid>button strong{font-family:var(--serif);font-size:18px;font-weight:600}.score-session-grid>button span{max-width:40ch;color:var(--foreground-muted);margin-top:6px;font-size:10px;line-height:1.4}.score-session-grid>button i{border:1px solid #8b2f3c8c;border-radius:50%;width:14px;height:14px;position:absolute;top:18px;right:18px}.score-session-grid>button.is-selected{background:#f6eee2;box-shadow:0 8px 18px #362b1e1a,inset 0 0 0 1px #8b2f3c3d}.score-session-grid>button.is-selected i{background:var(--primary);box-shadow:inset 0 0 0 3px #f6eee2}.score-reading-range-section h2{font-family:var(--serif);letter-spacing:-.035em;margin:4px 0 5px;font-size:clamp(28px,3vw,42px);font-weight:500}.score-range-copy{color:var(--foreground-muted);margin:0 0 14px;font-size:12px}.score-range-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.score-range-grid>button{min-height:112px;color:var(--foreground);text-align:left;cursor:pointer;background:#e5dccd;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;padding:18px 18px 15px;transition:background-color .24s,box-shadow .24s,transform .24s;display:flex;position:relative;box-shadow:0 4px 10px #362b1e0f}.score-range-grid>button strong{font-family:var(--serif);font-size:18px;font-weight:600}.score-range-grid>button span{color:var(--foreground-muted);margin-top:6px;font-size:10px;line-height:1.4}.score-range-grid>button small{color:var(--primary);margin-top:auto;font-size:9px;font-weight:750}.score-range-grid>button i{border:1px solid #8b2f3c8c;border-radius:50%;width:14px;height:14px;position:absolute;top:16px;right:16px}.score-range-grid>button.is-selected{background:#f6eee2;box-shadow:0 8px 18px #362b1e1a,inset 0 0 0 1px #8b2f3c3d}.score-range-grid>button.is-selected i{background:var(--primary);box-shadow:inset 0 0 0 3px #f6eee2}.rhythm-legend>button{cursor:pointer;appearance:none;touch-action:manipulation;pointer-events:auto;z-index:1}.rhythm-legend .rhythm-demo-control{pointer-events:none}@media (hover:hover) and (pointer:fine){.score-range-grid>button:hover{background:#ddd1c0;transform:translateY(-1px);box-shadow:0 7px 16px #362b1e17}.score-range-grid>button.is-selected:hover{background:#f6eee2}}@media (width<=900px){.score-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.score-range-grid,.score-session-grid{grid-template-columns:1fr}}.guitar-session-section{margin-top:26px}.guitar-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=620px){.guitar-session-grid{grid-template-columns:1fr}}@font-face{font-family:Nota Lora;src:url(./lora-latin-BiLcIKcI.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Nota Lora;src:url(./lora-latin-ext-C2Wlntb9.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+100-2FF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--serif:"Nota Lora", Georgia, serif}.kicker,.module-category-label,.range-meta,.range-card small,.level-card small,.score-range-grid>button small,.score-range-grid>button span,.progress-label,.guitar-quiz-top span,footer,.instrument-status{font-size:12px}.guitar-hero{background:var(--surface);color:var(--foreground);box-shadow:var(--surface-shadow)}.guitar-hero p,.guitar-hero .guitar-proof{color:var(--foreground-muted)}.language-switch button{min-width:44px;min-height:44px}footer a,footer button{align-items:center;min-height:44px;display:inline-flex}.music-staff{width:min(580px,100%);height:auto;max-height:240px;color:var(--foreground);background:var(--background-deep);border-radius:16px;margin:16px auto;display:block}.staff-notation{place-items:center;width:100%;min-height:220px;display:grid}.notation-options,.practice-navigation,.appearance-tools,.result-share{background:var(--surface);color:var(--foreground);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-block:16px;padding:16px;display:flex}.notation-options label,.appearance-tools label{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.notation-options select,.appearance-tools select{background:var(--background-deep);min-height:44px;color:var(--foreground);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:10px}.practice-navigation{margin-block:8px;padding:10px 12px;font-size:12px}.practice-navigation label{align-items:center;gap:8px;min-height:44px;display:flex}.practice-navigation small{font-size:12px}input[type=checkbox]{accent-color:var(--primary);width:20px;height:20px}kbd{border:1px solid var(--border);opacity:.8;border-radius:4px;margin-left:6px;padding:2px 5px;font:11px ui-monospace,monospace;display:inline-block}.accidental-choices{justify-content:center;gap:8px;margin:10px 0;display:flex}.accidental-choices button{border:1px solid var(--border);background:var(--surface);min-width:48px;min-height:44px;color:var(--foreground);border-radius:10px;font-size:24px}.accidental-choices button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.score-line-scroll{overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding-inline:24px;scroll-padding-inline:28px;overflow-x:auto}.score-line-scroll .rhythm-score-line--interactive{flex:none;max-width:none;margin-inline:0}.score-scroll-hint{color:var(--foreground-muted);margin:8px 0 14px;font-size:12px}.score-answer-area small{margin-top:6px;display:block}.info-page,.local-progress,.instrument-practice{background:var(--surface);width:min(1080px,100% - 32px);color:var(--foreground);box-shadow:var(--surface-shadow-soft);border-radius:20px;margin:24px auto;padding:clamp(20px,4vw,48px)}.info-page h1,.instrument-practice h1{font:500 clamp(30px,5vw,56px)/1.15 var(--serif);margin:8px 0 20px}.info-page h2,.local-progress h2{font:500 26px/1.3 var(--serif);margin:22px 0 12px}.info-page p,.local-progress p,.instrument-practice>p{max-width:76ch;color:var(--foreground-muted);font-size:15px;line-height:1.75}.info-page section{border-top:1px solid var(--border);margin-top:28px}.info-page a{color:var(--primary);text-decoration:underline}.site-extras{width:min(1080px,100% - 32px);margin:24px auto}.site-extras[hidden]{display:none}.site-links{flex-wrap:wrap;gap:8px 18px;display:flex}.site-links a{min-height:44px;color:var(--foreground-muted);align-items:center;font-size:13px;text-decoration:underline;display:inline-flex}.appearance-tools button,.result-share button,.local-progress button,.instrument-practice>button,.instrument-practice-top button{background:var(--background-deep);min-height:44px;color:var(--foreground);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 16px}.result-share p{flex-basis:100%;margin:0;font-size:12px}.local-progress-stats{flex-wrap:wrap;gap:12px 24px;padding:18px 0;display:flex}.local-progress ol{padding:0;list-style:none}.local-progress li{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:12px 0;font-size:13px;display:flex}.instrument-practice-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.instrument-practice>.primary-button{background:var(--primary);color:var(--primary-foreground);margin-top:22px}.piano-scroll{margin-block:16px;padding:12px 4px 18px;overflow-x:auto}.piano-keyboard{width:600px;height:180px;margin:auto;position:relative}.piano-key{color:#20231f;background:#fffdf8;border:1px solid #7c7c76;border-radius:0 0 5px 5px;justify-content:center;align-items:flex-end;width:40px;height:176px;padding:0 2px 10px;font-size:12px;display:flex;position:absolute;top:0}.piano-key--black{z-index:1;color:#fffdf8;background:#242623;flex-direction:column;justify-content:flex-end;align-items:center;width:26px;height:108px;padding:0 0 10px;font-size:11px;line-height:1.2}.piano-key--black small{font-size:10px}.piano-key:disabled{opacity:1}.piano-key.is-target{color:#fff;background:#a34255;box-shadow:inset 0 0 0 3px #e6b3b3}.violin-board{color:#241b13;background:linear-gradient(120deg,#b78250,#d6aa76);border-radius:14px;margin-block:18px;padding:12px}.violin-string{background:linear-gradient(#0000 calc(50% - 1px),#63513b calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)) 100%/calc(100% - 46px) 100% no-repeat;grid-template-columns:40px repeat(5,minmax(44px,1fr));align-items:center;gap:10px;margin:10px 0;display:grid}.violin-string button{color:#2e241c;background:#fff8e9;border:1px solid #796343;border-radius:12px;min-height:48px;padding:6px;font-weight:700}.violin-string button small{font-size:12px;display:block}.violin-string button.is-target{color:#fff;background:#8b2f3c}.instrument-note-choices{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.instrument-note-choices button{background:var(--background-deep);border:1px solid var(--border);border-radius:8px;min-height:48px}.instrument-feedback{background:var(--background-deep);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-height:110px;margin-top:18px;padding:16px;display:flex}.instrument-feedback button{background:var(--primary);min-width:100px;min-height:44px;color:var(--primary-foreground);border:0;border-radius:10px}.instrument-feedback button:disabled{opacity:.4}.leaderboard-invite{background:var(--background-deep);border-radius:12px;margin-top:20px;padding:18px}.leaderboard-invite p{margin:0 0 12px;font-size:13px;line-height:1.5}.leaderboard-invite button{background:var(--primary);min-height:44px;color:var(--primary-foreground);border-radius:8px;padding:10px 16px;font-weight:700}.leaderboard-friends input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--foreground);border-radius:8px;padding:10px}.leaderboard-friends button{background:var(--primary);min-height:44px;color:var(--primary-foreground);border-radius:8px;margin-top:8px;padding:10px 16px;font-weight:700}.leaderboard-friends p{font-size:12px;line-height:1.5}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#191c19;--background-deep:#262b26;--surface:#222622;--surface-elevated:#2d322c;--foreground:#f0eee5;--foreground-muted:#b9beb4;--primary:#edabb6;--primary-hover:#f4c1c8;--primary-active:#e097a6;--primary-foreground:#251b20;--border:#535c50;--border-strong:#7c8778;--accent:#d8b879;--accent-soft:#423c2d;--danger-soft:#4b2930;--success-soft:#293c2d;--success:#a4bf98;--success-deep:#aec5a6;--shadow-color:#00000059;--coral-soft:#4b3037}html[data-theme=dark] body{background:var(--background)}html[data-theme=dark] :is(.landing-hero,.hero,.guitar-hero,.score-reading-hero,.module-card,.range-card,.mode-card,.score-option-grid>button,.score-range-grid>button,.score-session-grid>button,.reading-quick-start,.reading-profile-grid>button,.instrument-card,.site-header,.mobile-module-navigation,.audio-settings-panel,.reading-setup-dialog,.modal-card,.landing-staff-card,.rhythm-legend>button,.guitar-study-tools,.community-result,.practice-streak-card){background:var(--surface);color:var(--foreground);border-color:var(--border);background-image:none}html[data-theme=dark] :is(.app-navigation a,.mobile-module-navigation a,.language-switch,.language-switch button,.community-header-actions button,.score-reading-session-top>button){background:var(--background-deep);color:var(--foreground)}html[data-theme=dark] :is(button.is-selected,a.is-active,button.is-active){background:var(--danger-soft);color:var(--foreground)}html[data-theme=dark] :is(.primary-button,.feedback>button,.guitar-feedback>button){color:#fff;background:#923f53}html[data-theme=dark] :is(.guitar-hero p,.score-option-grid>button span,.module-card>span,.rhythm-legend small,.landing-hero p){color:var(--foreground-muted)}html[data-theme=dark] .note-head{background:var(--primary)}html[data-theme=dark] .staff-lines>span{background:var(--foreground-muted)}html[data-theme=dark] .rhythm-note-head.is-open{fill:var(--surface)}@media (width<=700px){.landing-staff-card{width:100%;max-width:340px;margin:18px auto 0;display:block!important}.landing-hero-art{display:block!important}.notation-options{align-items:stretch}.notation-options label{flex:180px}.score-answer-grid kbd,.instrument-note-choices kbd{display:none}.violin-board{overflow-x:auto}.violin-string{gap:6px;min-width:310px}.instrument-note-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.piano-keyboard{margin:0}.instrument-practice{width:calc(100% - 16px);padding:18px 12px}.instrument-practice h1{font-size:30px}.instrument-feedback{z-index:3;position:sticky;bottom:8px}.local-progress li{flex-wrap:wrap;gap:6px 12px}footer{flex-wrap:wrap}}.community-header-actions button,.language-switch button,.guitar-range-grid>button small,.fretboard-card-heading>span,.fretboard-card-heading>aside span,.fretboard-card-heading>aside b,.fretboard-string>strong,.guitar-quiz-top span,.guitar-answer label,.guitar-stats span,.kicker,.step-heading p,.level-top small,.level-top b,.level-card .level-instruments,.mode-card small,.setup-note,.progress-label,.remaining,.question-number,.location-question span,.answer-form>label,.note-hints button,.text-button,.session-insight-copy>strong,.confusion-insight>small,.score-ring span,.stat span,.hardest-list b,.community-auth-divider,.community-form label,.community-fineprint,.leaderboard-filter-group legend,.leaderboard-segments button,.leaderboard-current-view span,.footer-link,footer,.mobile-answer-pad>span,.instrument-status,.audio-settings-panel>button small,.audio-settings-panel>button b,.practice-streak-card small,.practice-week>span,.practice-week b,.hero-staff-heading span,.hero-staff-heading strong,.quiz-stat-context,.quiz-stat-primary>span,.quiz-stat-panel dt,.result-session-meta dt,.account-danger-zone>p,.delete-account-warning strong,.delete-account-panel label,.reading-session-chips span,.reading-recommendation>div>span,.reading-recommendation label,.quiz-session-actions button,.fretboard-orientation-hint,.rhythm-legend>button,.tempo-control,.metronome-toggle,.score-reading-session-top>button,.score-reading-session-progress span,.score-reading-session-controls>button,.score-answer-area>div:first-child span,.score-reading-stats dt,.score-study-report h2,.reading-profile-grid>button small,.score-reading-hero-visual>p,.rhythm-legend>button strong,.score-session-grid>button span,.score-range-grid>button span,.score-range-grid>button small{font-size:12px}.legal-updated{font-size:12px!important}.mobile-module-navigation a,.mobile-module-navigation button,.mobile-module-navigation button span,.fret-note,.fret-note.is-active,.fret-note--choice,.fret-note--choice.is-correct{font-size:11px}.footer-link,.leaderboard-segments button,.metronome-toggle,.score-reading-session-top>button,.score-reading-session-controls>button,.reading-session-summary-actions>button,.guitar-study-note-choices>button{min-height:44px}.score-study-picker{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-column:1/-1;padding:24px}.score-study-picker label{gap:10px;margin:16px 0;display:grid}.score-study-picker select{border:1px solid var(--border-strong);width:100%;max-width:500px;min-height:48px;color:var(--foreground);background:var(--background-deep);font:inherit;border-radius:10px;padding:12px}.score-study-picker p,.score-study-picker small{line-height:1.65}.score-study-picker small{font-size:12px}.score-study-next{border:1px solid var(--border-strong);background:var(--background-deep);max-width:100%;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;border-radius:12px;margin:0 0 16px;padding:10px 16px;font-size:14px;font-weight:700;display:block}.score-study-next:hover{border-color:var(--primary)}.setup-quick-start{gap:18px;width:fit-content;max-width:100%;margin-top:24px}.site-header .brand:before{background:repeating-linear-gradient(to bottom, var(--foreground-muted) 0 1px, transparent 1px 6px);opacity:.5}.rhythm-rest{fill:currentColor}.rhythm-rest-stroke{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.rhythm-key-signature{fill:var(--foreground)}.rhythm-time-signature text{fill:var(--foreground);font-family:var(--serif);font-size:30px;font-weight:700}.music-staff--grand{max-height:320px}.piano-key--middle-c:not(.piano-key--black){box-shadow:inset 0 -4px 0 var(--accent)}:is(.piano-key,.violin-string button):is(.is-found,.is-correct){background:var(--success-soft);color:var(--foreground);box-shadow:inset 0 0 0 3px var(--success)}:is(.piano-key,.violin-string button).is-wrong{background:var(--danger-soft);color:var(--foreground);box-shadow:inset 0 0 0 3px var(--danger)}.piano-key:is(.is-found,.is-correct,.is-wrong):before{text-align:center;font-size:18px;font-weight:700;line-height:1;position:absolute;inset:auto 0 34px}.piano-key--black:is(.is-found,.is-correct,.is-wrong):before{bottom:42px}.piano-key:is(.is-found,.is-correct):before{content:"✓"}.piano-key.is-wrong:before{content:"×"}.violin-string button:is(.is-found,.is-correct) span:before{content:"✓ "}.violin-string button.is-wrong span:before{content:"× "}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.learning-studio{flex-direction:column;grid-column:2;gap:42px;width:min(1240px,100%);margin:0 auto;padding:32px clamp(24px,4vw,56px) 48px;display:flex}.studio-breadcrumb{font-family:var(--serif);color:var(--foreground-muted);margin:0;font-size:16px;font-style:italic}.studio-intro-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:24px;display:grid}.studio-hero{border:1px solid var(--border);background:var(--surface);border-radius:24px;min-width:0;padding:clamp(28px,3.2vw,48px) clamp(24px,3.4vw,52px) 0;overflow:hidden;box-shadow:0 14px 34px #362b1e16}.learning-studio .kicker{color:var(--primary);letter-spacing:.18em;margin:0 0 16px;font-size:12px;font-weight:700;line-height:1.6}.studio-hero h1{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(36px,4vw,54px);font-weight:600;line-height:1.09}.studio-hero h1 em,.studio-learning-path h2 em{color:var(--primary);font-weight:400}.studio-hero>p:not(.kicker){color:var(--foreground-muted);max-width:540px;margin:22px 0;font-size:17px;line-height:1.65}.studio-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.learning-studio .primary-button{background:var(--primary);width:auto;min-height:48px;color:var(--primary-foreground);box-shadow:none;border:1px solid #0000;border-radius:12px;margin:0;padding:14px 22px;font-size:15px}.studio-actions a{min-height:44px;color:var(--foreground);text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);align-items:center;font-size:14px;font-weight:650;display:inline-flex}.studio-hero-score{margin:24px -16px 0}.studio-hero-score svg{width:100%;height:auto;display:block}.studio-daily{color:#fffdf8;background:#20231f;border-radius:24px;flex-direction:column;padding:30px;display:flex;box-shadow:0 20px 40px #171a1726}.learning-studio .studio-daily .kicker{color:#d8bb82}.studio-daily h2{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 22px;font-size:30px;font-weight:500;line-height:1.2}.studio-daily ol{margin:0 0 24px;padding:0;list-style:none}.studio-daily li{border-top:1px solid #ffffff30;align-items:flex-start;gap:14px;padding:16px 0;display:flex}.studio-daily li:last-child{border-bottom:1px solid #ffffff30}.studio-daily li>span{width:32px;height:32px;font-family:var(--serif);border:1px solid #fffdf870;border-radius:50%;flex:none;place-items:center;display:grid}.studio-daily li:first-child>span{background:#8b2f3c;border-color:#8b2f3c}.studio-daily strong{font-size:16px;line-height:1.4;display:block}.studio-daily small{color:#d6cfbf;margin-top:4px;font-size:14px;line-height:1.5;display:block}.studio-daily>button{color:#20231f;background:#fffdf8;border:0;border-radius:12px;min-height:52px;margin-top:auto;padding:12px 16px;font-weight:700}.studio-daily>p:last-child{color:#d6cfbf;margin:16px 0 0;font-size:13px;line-height:1.55}.studio-progress-strip{border:1px solid var(--border);background:var(--surface-elevated);border-radius:20px;align-items:center;gap:30px;padding:26px 30px;display:flex}.studio-progress-strip>div{flex:none}.studio-progress-strip .kicker{margin-bottom:8px}.studio-progress-strip h2{font-family:var(--serif);margin:0;font-size:26px;font-weight:500}.studio-progress-strip>p{color:var(--foreground-muted);flex:1;margin:0;font-size:14px;line-height:1.6}.studio-progress-strip>a{min-height:44px;color:var(--primary);align-items:center;font-size:14px;font-weight:650;display:flex}.studio-section-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.studio-section-top .kicker{margin:0}.studio-section-top h2{font-size:30px;font-family:var(--serif);margin:0;font-weight:500}.studio-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.studio-module{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 30px;display:flex;box-shadow:0 8px 22px #362b1e0d}.studio-number{color:var(--foreground-muted);letter-spacing:.14em;margin:0 0 12px;font-size:12px;font-weight:650}.studio-module-art{align-items:center;width:100%;height:145px;display:flex}.studio-module-art svg{width:100%;max-height:145px}.studio-module h3{font-family:var(--serif);letter-spacing:-.03em;margin:16px 0 12px;font-size:32px;font-weight:600}.studio-module>p:not(.studio-number){color:var(--foreground-muted);margin:0 0 14px;font-size:16px;line-height:1.6}.studio-text-button{min-height:44px;color:var(--primary);text-align:left;background:0 0;border:0;margin-top:auto;padding:10px 0;font-size:15px;font-weight:700}.studio-instrument-heading{margin-top:30px!important}.studio-instrument-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.studio-module--instrument{background:var(--background-deep);box-shadow:none;padding:24px}.studio-module--instrument h3{font-size:28px}.studio-module--instrument>p{font-size:15px!important}.studio-instrument-art{width:100%;height:auto;max-height:110px;color:var(--foreground)}.studio-learning-path{scroll-margin-top:20px}.studio-learning-path h2{font-family:var(--serif);letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.2}.studio-learning-path>p:not(.kicker){color:var(--foreground-muted);max-width:800px;line-height:1.6}.studio-lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.studio-lesson-list>button{text-align:left;border:1px solid var(--border);background:var(--surface);min-height:88px;color:var(--foreground);border-radius:14px;align-items:center;gap:16px;padding:18px;display:flex}.studio-lesson-list>button[aria-expanded=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio-lesson-list>button>span:nth-child(2){flex:1;min-width:0}.studio-lesson-number{font-family:var(--serif);color:var(--primary);font-style:italic}.studio-lesson-list strong{font-size:16px;display:block}.studio-lesson-list small{color:var(--foreground-muted);margin-top:6px;font-size:12px;line-height:1.5;display:block}.studio-lesson{border:1px solid var(--primary);background:var(--surface);border-radius:20px;padding:clamp(24px,4vw,44px);scroll-margin-top:24px}.studio-lesson:focus{outline:2px solid var(--primary);outline-offset:5px}.studio-lesson h2{font-family:var(--serif);margin:0 0 20px;font-size:34px;font-weight:500;line-height:1.2}.studio-lesson p{line-height:1.75}.studio-lesson-goal{font-weight:650}.studio-lesson aside{background:var(--background-deep);border-radius:12px;margin:24px 0;padding:20px}.studio-lesson aside p{margin:8px 0 0}.studio-question{border:0;min-width:0;margin:24px 0 0;padding:0}.studio-question legend{font-size:20px;font-weight:650}.studio-question>div:first-of-type{flex-wrap:wrap;gap:10px;display:flex}.studio-question>div:first-of-type>button{border:1px solid var(--border-strong);background:var(--surface);min-height:48px;color:var(--foreground);border-radius:10px;padding:12px 18px}.studio-question>div:first-of-type>button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.studio-question-feedback{background:var(--background-deep);border-radius:12px;margin-top:20px;padding:20px}.studio-lesson-complete h3{font-family:var(--serif);font-size:26px}.learning-studio #learning-history{scroll-margin-top:24px}.learning-studio .local-progress{width:100%;margin:0}.reading-lesson-guidance{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:24px;margin-block:24px;padding:24px;display:flex}.reading-lesson-guidance>div{flex:1}.reading-lesson-guidance h2{font-family:var(--serif);margin:8px 0;font-size:26px}.reading-lesson-guidance p{color:var(--foreground-muted);line-height:1.6}.reading-lesson-guidance button{background:var(--primary);min-height:48px;color:var(--primary-foreground);border:0;border-radius:10px;flex-shrink:0;padding:12px 18px;font-weight:650}.footer-link,.reading-session-summary-actions>button,.guitar-study-note-choices>button{min-height:44px}.site-header>*{max-width:100%}@media (width>=821px){.app-shell:not(.app-shell--session){grid-template-columns:248px minmax(0,1fr)}.site-header{background:var(--surface-elevated);border-right:1px solid var(--border);gap:24px;width:248px;padding:32px 20px 24px}.site-header .brand{justify-content:flex-start;gap:8px;min-height:48px;padding:0 8px}.site-header .brand:before{display:block}.site-header .brand-name{background:0 0;margin:0;padding:0;font-size:27px;font-weight:600}.site-header .brand-mark,.site-header .brand-mark img{width:40px;height:40px}.site-header .brand-ornament{background:var(--accent);opacity:.55;width:calc(100% - 16px);height:1px;min-height:1px;margin:0 8px}.site-header .brand-ornament>*{display:none}.site-header .app-navigation{flex-direction:column;flex:none;gap:6px;width:100%;margin:0;display:flex}.site-header .app-navigation a{height:auto;min-height:48px;box-shadow:none;color:var(--foreground);background:0 0;border-radius:12px;justify-content:flex-start;align-items:center;gap:14px;padding:12px 14px;display:flex}.site-header .app-navigation a:before{content:none}.site-header .app-navigation a>b{white-space:normal;word-break:normal;overflow-wrap:normal;width:auto;min-width:0;font-size:15px;line-height:1.4;display:block}.site-header .app-navigation a.is-active{color:#fffdf8;background:#8b2f3c;box-shadow:0 8px 18px #8b2f3c2e}.site-header .app-navigation a.is-active:before{color:#e7d7b6}.site-header .header-actions{flex:none;gap:10px;width:100%;margin-top:12px;transform:none}.site-header .community-header-actions{gap:8px}.site-header .community-header-actions button,.site-header .sound-toggle{border:1px solid var(--border);background:var(--surface);height:auto;min-height:44px;box-shadow:none;padding:12px}.site-header .language-switch{min-height:48px}}@media (width<=1150px) and (width>=821px){.studio-intro-grid{grid-template-columns:1fr}.studio-daily ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.studio-daily li:last-child{border-bottom:0}.studio-instrument-grid{grid-template-columns:1fr}}@media (width<=820px){.learning-studio{grid-column:1/-1;gap:30px;padding:24px 20px 38px}.studio-intro-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:18px}.studio-hero{padding:28px 24px 0}.studio-hero h1{font-size:38px}.studio-daily{padding:24px}.studio-progress-strip{flex-wrap:wrap;gap:16px}.studio-progress-strip>p{flex-basis:55%}.studio-instrument-grid{gap:12px}.studio-module{padding:22px}}@media (width<=650px){.reading-lesson-guidance{flex-direction:column;align-items:stretch;padding:20px}.learning-studio{gap:28px;padding:20px 16px 32px}.studio-intro-grid,.studio-reading-grid,.studio-instrument-grid,.studio-lesson-list{grid-template-columns:1fr}.studio-hero{border-radius:20px;padding:28px 24px 0}.studio-hero h1{font-size:clamp(32px,9vw,42px)}.studio-hero>p:not(.kicker){font-size:16px}.studio-actions{gap:8px}.studio-actions .primary-button{width:100%}.studio-daily h2 br{display:none}.studio-daily{border-radius:20px}.studio-progress-strip{padding:22px}.studio-progress-strip>p{flex-basis:100%}.studio-section-top h2{font-size:27px}.studio-module-art{height:120px}.studio-module h3,.studio-lesson h2{font-size:29px}.studio-lesson-list>button{padding:16px}.studio-question>div:first-of-type{flex-direction:column}}@media (width<=420px){.site-header{gap:8px;padding-inline:10px}.site-header .brand{flex:0 0 44px;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0}.site-header .brand-name,.site-header .brand:before{display:none}.site-header .brand .brand-mark{width:36px;height:44px}.site-header .brand .brand-mark img{width:36px;height:40px;margin:0}.site-header .header-actions{flex:0 auto;gap:4px;min-width:0;margin-left:auto}.site-header .community-header-actions{flex-shrink:1;min-width:0}.site-header .community-header-actions button{min-width:44px;max-width:76px;min-height:44px;padding-inline:6px;font-size:11px}.site-header .audio-settings{flex:0 0 44px}.site-header .sound-toggle{width:44px;min-width:44px;min-height:44px}.site-header .language-switch{flex:0 0 94px;min-width:94px;padding:2px}.site-header .language-switch button{min-width:44px;min-height:44px;padding:0 4px;font-size:11px}}@media (prefers-reduced-motion:reduce){.learning-studio *{scroll-behavior:auto}}.site-header{overflow-x:hidden}.site-header .community-header-actions button,.site-header .language-switch button,.mobile-module-navigation a{font-size:12px}.footer-link{min-height:44px;font-size:12px}.reading-session-summary-actions>button:last-child,.guitar-study-note-choices button{min-height:44px}@media (width>=821px){.site-header>*{flex-shrink:0;min-width:0;max-width:100%}.site-header .brand-mark{flex:0 0 40px;display:grid}.site-header .brand-name{text-shadow:-2px -2px 0 var(--surface-elevated),2px -2px 0 var(--surface-elevated),-2px 2px 0 var(--surface-elevated),2px 2px 0 var(--surface-elevated)}}@media (width<=820px){.site-header{gap:8px}.site-header .header-actions{flex-shrink:0;gap:4px}.site-header .language-switch{flex:0 0 92px;min-width:92px}.site-header .sound-toggle{width:44px;min-width:44px}.site-header .community-header-actions button{min-width:44px}.guitar-question-card--location-answer .guitar-staff-frame{position:static}}@media (width<=380px){.site-header .brand{flex:0 0 44px;width:44px;min-width:44px;padding:0}.site-header .brand-name,.site-header .brand:before{display:none}.site-header .brand-mark{width:40px;height:44px;display:grid}.site-header .brand-mark img{width:40px;height:40px;margin:0;transform:none}.site-header .header-actions{margin-left:auto}}.studio-review-plan{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(20px,4vw,32px);scroll-margin-top:80px}.studio-review-plan h2{font-family:var(--serif);margin:12px 0;font-size:clamp(26px,4vw,36px)}.studio-review-plan p,.studio-recall-intro p{line-height:1.65}.studio-review-plan small{color:var(--foreground-muted);font-size:12px;line-height:1.6;display:block}.studio-review-plan summary{cursor:pointer;min-height:44px;padding:12px 0}.studio-review-list{gap:12px;padding:0;list-style:none;display:grid}.studio-review-list li{background:var(--background-deep);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.studio-review-list button,.studio-recall-intro button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--primary);border-radius:10px;padding:10px 16px}.studio-review-summary,.studio-review-next{font-weight:600}.studio-recall-intro{border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:16px}.studio-breadcrumb a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px}.studio-page-header h1{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(34px,4.2vw,52px);font-weight:600;line-height:1.1}.studio-page-header h1 em{color:var(--primary);font-weight:400}.studio-page-header>p:not(.kicker){max-width:720px;color:var(--foreground-muted);margin:18px 0 8px;font-size:16px;line-height:1.65}.studio-measure-link{min-height:44px;color:var(--primary);align-items:center;font-size:14px;font-weight:650;display:inline-flex}.studio-daily>button{color:#fffdf8;background:0 0;border:1px solid #fffdf88c}.studio-daily>button:hover{background:#fffdf814}.studio-progress-strip h2{white-space:nowrap}.studio-tile-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.studio-tile{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--foreground);border-radius:18px;flex-direction:column;gap:6px;padding:18px 20px 20px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 6px 16px #362b1e0b}.studio-tile:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 10px 24px #362b1e14}.studio-tile:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.studio-tile-art{background:var(--background-deep);height:84px;color:var(--foreground);border-radius:12px;justify-content:center;align-items:center;margin-bottom:6px;display:flex;overflow:hidden}.studio-tile-art>svg,.studio-tile-art .rhythm-score-line{width:100%;max-height:84px}.studio-tile-art .music-staff{background:0 0;border-radius:0;width:100%;max-height:84px;margin:0}.studio-tile-art .studio-instrument-art{max-height:70px;padding:0 10px}.studio-tile small{letter-spacing:.14em;color:var(--foreground-muted);font-size:11px;font-weight:700}.studio-tile strong{font-family:var(--serif);letter-spacing:-.02em;font-size:23px;font-weight:600;line-height:1.15}.studio-tile>span:last-child{color:var(--foreground-muted);font-size:14px;line-height:1.5}.studio-next-lessons .studio-section-top{margin-bottom:14px}.studio-next-lessons .studio-lesson-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.studio-next-lessons .studio-text-button{margin:0}.studio-track-tabs{flex-wrap:wrap;gap:8px;display:flex}.studio-track-tabs button{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--foreground);border-radius:999px;padding:10px 16px;font-weight:650}.studio-track-tabs button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.studio-track-tabs small{opacity:.8;margin-left:4px;font-weight:500}.studio-empty,.studio-stats{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:clamp(22px,4vw,34px)}.studio-empty h2{font-family:var(--serif);margin:0 0 10px;font-size:clamp(26px,3.4vw,34px);font-weight:500}.studio-empty p{max-width:620px;color:var(--foreground-muted);margin:0 0 20px;line-height:1.65}.studio-stats{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px;display:grid}.studio-stats>div{gap:4px;display:grid}.studio-stats strong{font-family:var(--serif);font-size:30px;font-weight:500}.studio-stats span{color:var(--foreground-muted);font-size:13px}.studio-stats>a{min-height:44px;color:var(--primary);grid-column:1/-1;align-items:center;font-size:14px;font-weight:650;display:flex}.learning-studio .skill-map{width:100%;margin:0}.workshop-page{box-sizing:border-box;flex-direction:column;grid-column:2;gap:28px;width:min(1240px,100%);margin:0 auto;padding:32px clamp(24px,4vw,56px) 48px;display:flex}.workshop-related{border:1px solid var(--border);background:var(--surface-elevated);border-radius:18px;padding:22px 24px}.workshop-related .kicker{color:var(--primary);letter-spacing:.18em;margin:0 0 12px;font-size:12px;font-weight:700}.workshop-related>div{flex-wrap:wrap;gap:8px;display:flex}.workshop-related button,.workshop-related a{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--foreground);border-radius:12px;padding:10px 14px;font-weight:650}.workshop-related a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.workshop-related small{color:var(--foreground-muted);margin-left:4px;font-weight:500}.app-navigation-label{display:none}@media (width>=821px){.site-header .app-navigation-label{letter-spacing:.18em;text-transform:uppercase;color:var(--foreground-muted);margin:14px 14px 2px;font-size:11px;font-weight:700;display:block}}@media (width<=1150px) and (width>=821px){.studio-next-lessons .studio-lesson-list{grid-template-columns:1fr}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.workshop-page{grid-column:1/-1;padding:24px 20px 38px}.studio-next-lessons .studio-lesson-list{grid-template-columns:1fr}}@media (width<=650px){.workshop-page{gap:20px;padding:20px 16px 32px}.studio-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-tile{border-radius:14px;padding:12px 12px 14px}.studio-tile-art{height:58px}.studio-tile-art>svg,.studio-tile-art .rhythm-score-line,.studio-tile-art .music-staff{max-height:58px}.studio-tile-art .studio-instrument-art{max-height:48px}.studio-tile strong{font-size:19px}.studio-tile>span:last-child{font-size:13px}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-progress-strip h2{white-space:normal}}.studio-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-tile--featured{grid-column:span 2}.studio-tile--featured .studio-tile-art{height:120px}.studio-tile--featured .studio-tile-art .music-staff{max-height:120px}@media (width<=1000px){.studio-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.studio-tile--featured .studio-tile-art{height:84px}.studio-tile--featured .studio-tile-art .music-staff{max-height:84px}}.studio-focus{border:1px solid var(--border);background:var(--surface);border-radius:24px;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:stretch;gap:28px;padding:clamp(24px,3.2vw,40px);display:grid;box-shadow:0 14px 34px #362b1e12}.studio-focus-copy{flex-direction:column;min-width:0;display:flex}.studio-focus-copy .kicker{margin-bottom:12px!important}.studio-focus-copy h1{font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(30px,3.6vw,46px);font-weight:600;line-height:1.1}.studio-focus-copy h1 em{color:var(--primary);font-weight:400}.studio-focus-copy>p:not(.kicker){max-width:460px;color:var(--foreground-muted);margin:16px 0 0;font-size:16px;line-height:1.6}.studio-focus .studio-hero-score{margin:auto -8px 0;padding-top:18px}.studio-focus-step{color:#fffdf8;background:#20231f;border-radius:18px;flex-direction:column;gap:6px;padding:24px;display:flex}.studio-focus-step small{letter-spacing:.18em;color:#d8bb82;font-size:11px;font-weight:700}.studio-focus-step strong{font-family:var(--serif);margin-top:4px;font-size:28px;font-weight:500;line-height:1.15}.studio-focus-step>span{color:#d6cfbf;font-size:14px}.studio-focus-step .primary-button{background:#a33347;justify-content:center;width:100%;min-height:54px;font-size:16px;margin-top:16px!important}.studio-focus-step>a{color:#fffdf8;text-underline-offset:4px;align-self:center;align-items:center;min-height:44px;font-size:14px;-webkit-text-decoration:underline #d8bb82;text-decoration:underline #d8bb82;display:inline-flex}.studio-focus-step>p{color:#bfb8aa;margin:auto 0 0;padding-top:8px;font-size:13px;line-height:1.5}.studio-progress-line{border:1px solid var(--border);background:var(--surface-elevated);min-height:56px;color:var(--foreground);border-radius:16px;align-items:center;gap:14px;padding:12px 20px;text-decoration:none;display:flex}.studio-progress-line strong{font-family:var(--serif);white-space:nowrap;font-size:19px;font-weight:500}.studio-progress-line span{color:var(--foreground-muted);flex:1;font-size:14px}.studio-progress-line b{color:var(--primary)}.learning-studio--home .studio-modules h2.kicker{margin:0 0 14px}.learning-studio--home .studio-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.learning-studio--home .studio-tile{text-align:center;align-items:center;gap:10px;padding:14px}.learning-studio--home .studio-tile-art{width:100%;height:64px;margin:0}.learning-studio--home .studio-tile strong{font-size:19px}@media (width<=1000px){.studio-focus{grid-template-columns:1fr}}@media (width<=650px){.learning-studio--home{gap:20px}.studio-focus{border-radius:20px;gap:18px;padding:20px}.studio-focus .studio-hero-score{display:none}.studio-focus-copy h1{font-size:clamp(26px,7.5vw,34px)}.studio-focus-copy>p:not(.kicker){margin-top:10px;font-size:15px}.studio-focus-step{padding:20px}.studio-focus-step strong{font-size:24px}.studio-progress-line{flex-wrap:wrap;gap:4px 12px}.learning-studio--home .studio-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.learning-studio--home .studio-tile{border-radius:14px;gap:6px;padding:10px 4px}.learning-studio--home .studio-tile-art{background:0 0;height:40px}.learning-studio--home .studio-tile-art .studio-instrument-art{max-height:40px;padding:0}.learning-studio--home .studio-tile strong{letter-spacing:0;font-family:inherit;font-size:13px;font-weight:700}}.learning-studio--home{gap:64px}.studio-hand{font-family:var(--nb-hand);letter-spacing:0;text-transform:none;color:var(--primary);font-weight:600}.studio-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,72px);padding-top:12px;display:grid;position:relative}.studio-intro-copy{min-width:0}.studio-intro-kicker{transform-origin:0;margin:0 0 14px;font-size:31px;line-height:1.1;transform:none}.studio-intro-copy h1{font-family:var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(38px,4.9vw,66px);font-weight:600;line-height:1.08}.studio-intro-copy h1>span{display:block}.studio-intro-copy h1 em{color:var(--primary);white-space:nowrap;font-weight:500;display:inline-block;position:relative}.studio-hand-underline{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;width:104%;height:.3em;animation:1.3s ease-out .4s both nb-draw;position:absolute;bottom:-.14em;left:-2%;overflow:visible}.studio-intro-copy>p:not(.studio-hand){max-width:540px;color:var(--foreground-muted);margin:26px 0 0;font-size:18px;line-height:1.65}.studio-intro .studio-actions{margin-top:32px}.studio-intro .primary-button{min-height:56px;padding:14px 26px;font-size:17px}.studio-intro .studio-actions a{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:7px;font-size:16px;text-decoration-thickness:1.5px}.studio-intro-arrow{align-items:center;gap:6px;margin:10px 0 0 30px;font-size:27px;line-height:1;display:flex}.studio-intro-arrow>span{transform:none}.studio-hand-arrow{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:70px;height:40px}.studio-intro-arrow .studio-hand-arrow{animation:1.8s ease-in-out infinite nb-nudge}.studio-hand-arrow--down{width:30px;height:34px}.studio-intro-visual{min-width:0;padding:16px 10px 72px;position:relative}.studio-stage-photo{background:#fbf8f0;border-radius:3px;margin:0;padding:12px 12px 46px;position:relative;transform:none;box-shadow:0 26px 46px #46371933,0 2px 6px #46371914}.studio-stage-art{background:radial-gradient(60% 70% at 72% 6%,#e7c98f29,#0000 70%),radial-gradient(50% 60% at 8% 100%,#a3334752,#0000 70%),#151716;border-radius:2px;width:100%;height:auto;display:block}.studio-stage-photo figcaption{text-align:right;color:#3d403a;font-size:27px;position:absolute;bottom:7px;left:12px;right:22px;transform:none}.studio-intro-note{z-index:1;background:var(--nb-sticky);width:min(260px,74%);color:var(--nb-sticky-ink);font-family:var(--nb-hand);margin:0;padding:14px 18px 16px;font-size:23px;line-height:1.15;position:absolute;bottom:4px;left:-4px;transform:none;box-shadow:0 12px 22px #46371933}.studio-intro-note>span{display:block}.studio-intro-note strong{font-size:27px;font-weight:700;display:block}.stage-beam{animation:2.6s ease-in-out infinite nb-glow}.stage-staff{animation:6s ease-in-out infinite nb-bob}.stage-ring{fill:none;stroke:#e7c98f;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite nb-ring}.stage-ring--late{animation-delay:.8s}.stage-notes{filter:drop-shadow(0 0 7px #e7c98fcc)}.stage-note{fill:#fbf6ea;animation:4s ease-in-out infinite stage-play}.stage-bar{opacity:.92;transform-box:fill-box;transform-origin:50% 100%;animation:1.1s ease-in-out infinite stage-level}.stage-spark{fill:#e7c98f;transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite nb-twinkle}@keyframes stage-play{0%,to{fill:#fbf6ea}6%,16%{fill:#e7c98f}}@keyframes stage-level{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.studio-pillars{display:block}.studio-pillars-head{flex-wrap:wrap;align-items:flex-end;gap:6px 26px;margin-bottom:36px;display:flex}.studio-pillars-head h2{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:600}.studio-pillars-head p{align-items:center;gap:4px;margin:0;font-size:26px;display:flex;transform:none}.studio-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.studio-pillar{border:1px solid var(--nb-card-line);background:var(--nb-card);min-width:0;color:var(--foreground);box-shadow:var(--nb-paper-shadow);border-radius:3px;flex-direction:column;gap:10px;padding:30px 24px 22px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;transform:none}.studio-pillar:nth-child(2),.studio-pillar:nth-child(3){transform:none}.studio-pillar:hover{transform:translateY(-4px);box-shadow:0 22px 40px #46371929}.studio-pillar:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.studio-pillar-art{border-radius:4px;height:150px;display:block;overflow:hidden}.studio-pillar-art svg{width:100%;height:100%;display:block}.studio-pillar--read .studio-pillar-art{background:var(--nb-bordo)}.studio-pillar--count .studio-pillar-art{background:linear-gradient(90deg,var(--nb-mustard) 0 50%,var(--nb-sage) 50% 100%)}.studio-pillar--play .studio-pillar-art{background:var(--nb-block-ink)}.studio-pillar-label{margin-top:6px;font-size:25px;line-height:1}.studio-pillar strong{border-bottom:2px solid var(--nb-red-rule);font-family:var(--serif);letter-spacing:-.02em;padding-bottom:8px;font-size:30px;font-weight:600}.studio-pillar-copy{color:var(--foreground-muted);font-size:16px;line-height:1.6}.studio-pillar-cta{color:var(--primary);text-underline-offset:6px;margin-top:auto;padding-top:6px;font-weight:700;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.studio-pillar-cta>span{display:inline-block}.block-bob{animation:5s ease-in-out infinite nb-bob}.block-beat{opacity:.25;animation:4.8s ease-in-out infinite block-beat}.block-wave{animation:1.6s ease-in-out infinite block-beat}.block-ring{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite nb-ring}@keyframes block-beat{0%,40%,to{opacity:.25}8%,24%{opacity:1}}.studio-homework{border:1px solid var(--nb-card-line);background:var(--nb-card);box-shadow:var(--nb-paper-shadow);border-radius:3px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:24px 56px;padding:clamp(26px,3.6vw,44px);display:grid;position:relative;transform:none}.studio-homework-goal{min-width:0}.studio-homework-goal .studio-hand{transform-origin:0;margin:0 0 4px;font-size:25px;transform:none}.studio-homework .studio-hero-score{color:var(--foreground);margin:0 -10px}.studio-homework .studio-hero-score svg{width:100%;height:auto;display:block}.studio-homework h2{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(26px,2.8vw,34px);font-weight:600}.studio-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.studio-steps li{align-items:flex-start;gap:14px;display:flex}.studio-steps b{width:46px;height:38px;font-family:var(--nb-hand);color:var(--primary);flex:none;place-items:center;font-size:25px;font-weight:700;display:grid;position:relative}.studio-steps b:before{content:"";-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;mask:var(--nb-circle-mask) center / 100% 100% no-repeat;background:currentColor;position:absolute;inset:0}.studio-steps strong{font-size:17px;display:block}.studio-steps small{color:var(--foreground-muted);margin-top:2px;font-size:15px;line-height:1.5;display:block}html[data-theme=dark] .studio-stage-photo{background:#e9e3d6}@media (prefers-reduced-motion:reduce){.studio-hand-underline,.studio-intro-arrow .studio-hand-arrow,.studio-intro-note,.stage-beam,.stage-staff,.stage-ring,.stage-note,.stage-bar,.stage-spark,.block-bob,.block-beat,.block-wave,.block-ring{animation:none}.block-beat{opacity:1}}@media (width<=1000px){.studio-intro{grid-template-columns:1fr}.studio-intro-visual{box-sizing:border-box;width:100%;max-width:560px}.studio-homework{grid-template-columns:1fr}.studio-pillar-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:minmax(280px,46%);grid-auto-flow:column;gap:24px;margin:-20px -8px 0;padding:22px 8px 26px;overflow-x:auto}.studio-pillar{scroll-snap-align:start}}@media (width<=650px){.learning-studio--home{gap:44px}.studio-intro-kicker{font-size:26px}.studio-intro-copy h1{font-size:clamp(31px,8.6vw,40px)}.studio-intro-copy>p:not(.studio-hand){margin-top:18px;font-size:16px}.studio-intro .studio-actions .primary-button{width:100%}.studio-intro-arrow{display:none}.studio-intro-visual{padding:12px 4px 64px}.studio-intro-note{width:min(230px,78%);font-size:21px}.studio-intro-note strong{font-size:24px}.studio-pillars-head{margin-bottom:24px}.studio-pillar-grid{grid-auto-columns:84%}.studio-pillar{padding:26px 18px 18px}.studio-pillar-art{height:128px}.studio-pillar strong{font-size:26px}.studio-homework{padding:26px 18px}}@media (width>=821px){.site-header .app-navigation{gap:4px}.site-header .app-navigation a{min-height:46px;padding:10px 16px}.site-header .app-navigation a>b{font-size:16px;font-weight:600}.site-header .app-navigation a:not(.is-active){color:var(--foreground-muted)}.site-header .header-actions{margin-top:auto}}.site-header .brand-name{text-shadow:none;transform:translateY(-2.5px)}@media (width>=821px){.site-header .brand-name{transform:translateY(-4px)}}.learning-studio--practice .studio-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:16px}.learning-studio--practice .studio-tile{background:var(--surface);box-shadow:var(--shadow-1);text-align:left;border:0;border-radius:22px;flex-direction:column;align-items:stretch;gap:0;padding:8px;transition:box-shadow .22s,transform .22s cubic-bezier(.2,.7,.2,1);display:flex;position:relative}.learning-studio--practice .studio-tile:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.learning-studio--practice .studio-tile--big{grid-area:span 2/span 2}.learning-studio--practice .studio-tile--wide{grid-column:span 2}.learning-studio--practice .studio-tile-art{background:var(--card-scene);height:128px;color:var(--foreground);border-radius:15px;flex:none;margin:0;padding:0 16px;overflow:hidden}.learning-studio--practice .studio-tile--big .studio-tile-art{flex:1;min-height:240px;padding:0 32px}.learning-studio--practice .studio-tile-art:has(>.card-picture){padding:0}.learning-studio--practice .studio-tile-art>svg,.learning-studio--practice .studio-tile-art .music-staff{max-height:100px}.learning-studio--practice .studio-tile--big .studio-tile-art>svg,.learning-studio--practice .studio-tile--big .studio-tile-art .music-staff{max-height:180px}.learning-studio--practice .studio-tile-art .studio-instrument-art{max-height:96px;color:inherit;padding:0 8px}.learning-studio--practice .studio-tile-body{color:var(--foreground);font-size:inherit;gap:2px;padding:12px 8px 6px;display:grid}.learning-studio--practice .studio-tile strong{font-size:19px;line-height:1.2}.learning-studio--practice .studio-tile--big strong{font-size:24px}.learning-studio--practice .studio-tile-body>span{color:var(--foreground-muted);font-size:14px;line-height:1.45}@media (width<=1000px){.learning-studio--practice .studio-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-studio--practice .studio-tile--big .studio-tile-art{min-height:180px}}@media (width<=650px){.learning-studio--practice .studio-tile-grid{gap:10px}.learning-studio--practice .studio-tile{border-radius:18px;padding:6px}.learning-studio--practice .studio-tile--big,.learning-studio--practice .studio-tile--wide{grid-area:auto/span 2}.learning-studio--practice .studio-tile-art{border-radius:13px;height:84px;padding:0 10px}.learning-studio--practice .studio-tile--big .studio-tile-art{flex:none;height:140px;min-height:0}.learning-studio--practice .studio-tile-art .studio-instrument-art{max-height:64px}.learning-studio--practice .studio-tile-body{padding:8px 6px 4px}.learning-studio--practice .studio-tile strong{font-size:16px}.learning-studio--practice .studio-tile--big strong{font-size:19px}.learning-studio--practice .studio-tile-body>span{font-size:13px}}.studio-breadcrumb{font-family:var(--nb-hand);font-size:23px;font-style:normal}.studio-page-header h1 em{position:relative}.studio-empty,.studio-stats,.studio-lesson{border:1px solid var(--nb-card-line);background:var(--nb-card);box-shadow:var(--nb-paper-shadow);border-radius:3px;position:relative}.studio-stats strong{font-family:var(--nb-hand);color:var(--primary);justify-self:start;padding:2px 14px;font-size:40px;font-weight:700;line-height:1.1;position:relative}.studio-stats strong:before{content:"";opacity:.85;-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;mask:var(--nb-circle-mask) center / 100% 100% no-repeat;background:currentColor;position:absolute;inset:-4px -8px}.studio-track-tabs{gap:10px}.studio-track-tabs button{--track:var(--nb-bordo);--track-ink:#fffdf8;border:1.5px solid var(--nb-ink-line);background:var(--nb-card);color:var(--foreground);border-radius:999px;align-items:center;gap:8px;display:inline-flex}.studio-track-tabs button:before{content:"";background:var(--track);border-radius:50%;flex:none;width:10px;height:10px}.studio-track-tabs button[data-track=rhythm]{--track:var(--nb-mustard);--track-ink:#111210}.studio-track-tabs button:is([data-track=guitar],[data-track=piano],[data-track=violin]){--track:#20231f;--track-ink:#fbf6ea}.studio-track-tabs button[data-track=ear]{--track:var(--nb-sage);--track-ink:#fbf6ea}html[data-theme=dark] .studio-track-tabs button:is([data-track=guitar],[data-track=piano],[data-track=violin]){--track:#e9e4d6;--track-ink:#1a1c19}html[data-theme=dark] .studio-track-tabs button[data-track=reading]{--track-ink:var(--primary-foreground)}.studio-track-tabs button[aria-pressed=true],html[data-theme=dark] .studio-track-tabs button[aria-pressed=true]{background:var(--track);border-color:var(--track);color:var(--track-ink)}.studio-track-tabs button[aria-pressed=true]:before{background:currentColor}.studio-track-tabs button[aria-pressed=true] small{opacity:1}.studio-lesson-list{border:1px solid var(--nb-card-line);background:var(--nb-card);box-shadow:var(--nb-paper-shadow);border-radius:3px;gap:0 36px;margin-top:30px;padding:20px clamp(18px,3vw,34px) 14px;position:relative}.studio-lesson-list>button{border:0;border-bottom:1.5px dashed var(--nb-ink-line);background:0 0;border-radius:0;min-height:78px;padding:14px 4px}.studio-lesson-list>button[aria-expanded=true]{box-shadow:none}.studio-lesson-list>button[aria-expanded=true] strong{text-decoration:underline;-webkit-text-decoration-color:var(--nb-highlight);text-decoration-color:var(--nb-highlight);text-underline-offset:-.3em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.45em}.studio-lesson-list>button:hover strong{color:var(--primary)}.studio-lesson-number{min-width:34px;font-family:var(--nb-hand);color:var(--primary);font-size:29px;font-style:normal;font-weight:700;line-height:1}.studio-lesson-list>button>span:last-child{font-family:var(--nb-hand);color:var(--primary);font-size:27px;font-weight:700}.studio-lesson aside{background:var(--nb-sticky);color:var(--nb-sticky-ink);border-radius:2px;position:relative;transform:none;box-shadow:0 10px 18px #46371924}.studio-lesson aside strong{font-family:var(--nb-hand);font-size:25px}.studio-question>div:first-of-type>button{border:1.5px solid var(--nb-ink-line-strong);background:var(--nb-card);border-radius:999px}.studio-question>div:first-of-type>button[aria-pressed=true]{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.studio-question-feedback{border-top:1.5px dashed var(--nb-ink-line);background:0 0;border-radius:0;padding:18px 0 0}.studio-question-feedback strong{font-family:var(--nb-hand);color:var(--primary);font-size:32px}.studio-review-list li{border:1px solid var(--nb-card-line);background:var(--background);border-radius:3px}.studio-recall-intro{border:1.5px dashed var(--nb-ink-line);border-radius:3px}.workshop-related button,.workshop-related a{border:1.5px solid var(--nb-ink-line-strong);background:0 0;border-radius:999px}.workshop-related button:hover,.workshop-related a:hover{border-color:var(--primary);color:var(--primary)}.score-reading-own-file{margin-top:18px}.score-reading-own-file>div{align-items:center}@font-face{font-family:Nota Caveat;src:url(./caveat-latin-C1hSzPvX.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nota Caveat;src:url(./caveat-latin-ext-Byk3UhVp.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nota Sans;src:url(./source-sans-3-latin-Bo_j9asI.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nota Sans;src:url(./source-sans-3-latin-ext-C8iNium2.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--background:#f8f2e4;--background-deep:#efe6d2;--surface:#fffdf7;--surface-elevated:#fffdf8;--foreground:#20231f;--foreground-muted:#57594f;--border:#dccfb9;--border-strong:#bba98d;--accent:#c6a15b;--accent-soft:#f3e1a6;--surface-shadow:0 14px 28px #46371917, 0 2px 6px #4637190d;--surface-shadow-soft:0 8px 18px #46371912;--nb-hand:"Nota Caveat", "Segoe Print", "Bradley Hand", cursive;--nb-sans:"Nota Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--nb-card:#fffdf7;--nb-card-line:#20231f1a;--nb-ink-line:#20231f38;--nb-ink-line-strong:#20231f80;--nb-sticky:#f3e1a6;--nb-sticky-ink:#20231f;--nb-rule:#20231f11;--nb-margin:#8b2f3c57;--nb-cover:#f0e6d1;--nb-ring:#20231f38;--nb-sticker-line:#20231f;--nb-sticker-shadow:3px 4px 0 #20231f;--nb-paper-shadow:0 14px 28px #4637191a, 0 2px 6px #4637190d;--nb-highlight:#c6a15b61;--nb-red-rule:#8b2f3c6b;--nb-bordo:#8b2f3c;--nb-mustard:#c6a15b;--nb-sage:#73826b;--nb-block-ink:#20231f;--nb-staff-line:#20231fb8;--nb-circle-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'%3E%3Cpath d='M126 6C166 8 196 22 190 40C184 60 130 74 82 72C36 70 6 56 10 36C14 16 58 6 110 6C138 6 160 11 174 18' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--nb-check-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 46'%3E%3Cpath d='M6 26C12 30 16 36 20 42C28 26 40 12 56 4' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html[data-theme=dark]{--background:#1a1c19;--background-deep:#22261f;--surface:#252923;--surface-elevated:#2c3029;--foreground:#f1ede2;--foreground-muted:#bdb7a8;--border:#464c43;--border-strong:#6c7568;--accent-soft:#4d4330;--nb-card:#252923;--nb-card-line:#f1ede21a;--nb-ink-line:#f1ede238;--nb-ink-line-strong:#f1ede273;--nb-sticky:#4d4330;--nb-sticky-ink:#f8ecc8;--nb-rule:#f1ede20b;--nb-margin:#eba3b047;--nb-cover:#151714;--nb-ring:#f1ede233;--nb-sticker-line:#0b0c0a;--nb-sticker-shadow:3px 4px 0 #0b0c0a;--nb-paper-shadow:0 14px 30px #00000059;--nb-highlight:#d8b8794d;--nb-red-rule:#eba3b066;--nb-block-ink:#10120f;--nb-staff-line:#f1ede299}@keyframes nb-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes nb-nudge{0%,to{transform:translate(0)}50%{transform:translate(-6px,-3px)}}@keyframes nb-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes nb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes nb-ring{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(2.3)}}@keyframes nb-twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}html{background:var(--background)}body,html[data-theme=dark] body{font-family:var(--nb-sans);background-color:var(--background);background-image:linear-gradient(to bottom, var(--nb-rule) 0, var(--nb-rule) 1px, transparent 1px, transparent 9px, var(--nb-rule) 9px, var(--nb-rule) 10px, transparent 10px, transparent 18px, var(--nb-rule) 18px, var(--nb-rule) 19px, transparent 19px, transparent 27px, var(--nb-rule) 27px, var(--nb-rule) 28px, transparent 28px, transparent 36px, var(--nb-rule) 36px, var(--nb-rule) 37px, transparent 37px);background-position:0 56px;background-size:100% 132px}body:before{content:none}.app-shell:before{content:"";z-index:-1;background:var(--nb-margin);pointer-events:none;width:1.5px;position:fixed;top:0;bottom:0;left:262px}.app-shell--session:before{display:none}@media (width>=821px){.app-shell .site-header,html[data-theme=dark] .site-header{background-color:var(--nb-cover);background-image:radial-gradient(circle at 50% 50%, var(--background) 0 4px, var(--nb-ring) 4.5px 5.6px, transparent 6.2px);border-right:1px solid var(--nb-card-line);box-shadow:none;background-position:right 5px top 16px;background-repeat:repeat-y;background-size:16px 30px}.site-header .brand-ornament{border-top:1.5px dashed var(--nb-ink-line);opacity:1;background:0 0;height:0;min-height:0}.site-header .app-navigation{gap:6px}.site-header .app-navigation a,.site-header .app-navigation a:not(.is-active){min-height:48px;box-shadow:none;color:var(--foreground-muted);background:0 0;padding:10px 18px}.site-header .app-navigation a>b{font-family:var(--nb-sans);font-size:17px;font-weight:600;position:relative}.site-header .app-navigation a.is-active,html[data-theme=dark] .site-header .app-navigation a.is-active{color:var(--primary);box-shadow:none;background:0 0}.site-header .app-navigation a.is-active>b{font-weight:700}.site-header .app-navigation a.is-active>b:after{content:"";-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;mask:var(--nb-circle-mask) center / 100% 100% no-repeat;pointer-events:none;background:currentColor;position:absolute;inset:-10px -18px}.site-header .app-navigation a:not(.is-active):hover>b{text-decoration:underline;-webkit-text-decoration-color:var(--nb-highlight);text-decoration-color:var(--nb-highlight);text-underline-offset:-.3em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:var(--foreground);text-decoration-thickness:.45em}}.app-shell .site-header .appearance-tools summary,.app-shell .site-header .community-header-actions button,.app-shell .site-header .sound-toggle,html[data-theme=dark] .app-shell .site-header .sound-toggle{border:1.5px solid var(--nb-ink-line);box-shadow:none;color:var(--foreground);font-family:var(--nb-sans);background:0 0;border-radius:10px;font-weight:600}.app-shell .site-header .community-header-actions button:last-child,html[data-theme=dark] .app-shell .site-header .community-header-actions button:last-child{background:var(--nb-sticky);color:var(--nb-sticky-ink);font-family:var(--nb-hand);border-color:#0000;font-size:22px;font-weight:700;transform:none;box-shadow:0 6px 12px #46371929}.app-shell .site-header .language-switch{border:1.5px solid var(--nb-ink-line);background:0 0;border-radius:10px}.app-shell .site-header .language-switch button{color:var(--foreground-muted);font-family:var(--nb-sans);background:0 0;border-radius:7px;font-weight:700}.app-shell .site-header .language-switch button.is-active,html[data-theme=dark] .app-shell .site-header .language-switch button.is-active{background:var(--foreground);color:var(--background)}@media (width<=820px){.app-shell:before{left:7px}.app-shell .site-header,html[data-theme=dark] .app-shell .site-header{background:var(--background);border-bottom:1.5px dashed var(--nb-ink-line);box-shadow:none;background-image:none}.app-shell .site-header .community-header-actions button:last-child{font-size:19px}.app-shell .mobile-module-navigation,html[data-theme=dark] .app-shell .mobile-module-navigation{background:var(--nb-card);border:1px solid var(--nb-card-line);box-shadow:0 10px 26px #2820122e}.app-shell .mobile-module-navigation a,html[data-theme=dark] .app-shell .mobile-module-navigation a{box-shadow:none;color:var(--foreground-muted);font-family:var(--nb-sans);background:0 0;font-weight:700;position:relative}.app-shell .mobile-module-navigation a.is-active,html[data-theme=dark] .app-shell .mobile-module-navigation a.is-active{color:var(--primary);background:0 0}.app-shell .mobile-module-navigation a.is-active:after{content:"";-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;-webkit-mask:var(--nb-circle-mask) center / 100% 100% no-repeat;mask:var(--nb-circle-mask) center / 100% 100% no-repeat;pointer-events:none;background:currentColor;position:absolute;inset:7px 3px}}.app-shell>footer{border-top:1.5px dashed var(--nb-ink-line)}.app-shell>footer>p{font-family:var(--nb-hand);letter-spacing:0;text-transform:none;color:var(--primary);font-size:23px;font-weight:600}.app-shell .site-links a{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--nb-ink-line-strong);text-decoration-color:var(--nb-ink-line-strong);text-underline-offset:5px;text-decoration-thickness:1px}.app-shell .primary-button{border:2px solid var(--nb-sticker-line);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--nb-sticker-shadow);font-family:var(--nb-sans);border-radius:12px;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .2s}.app-shell .primary-button:hover:not(:disabled){background:var(--primary-hover)}.app-shell .primary-button:active:not(:disabled){transform:scale(.97)}.app-shell .primary-button:disabled{box-shadow:none;transform:none}.app-shell .secondary-button{border:2px solid var(--nb-ink-line-strong);color:var(--foreground);background:0 0;border-radius:12px}.app-shell .kicker{font-family:var(--nb-hand);letter-spacing:0;text-transform:lowercase;color:var(--primary);font-size:24px;font-weight:600;line-height:1.15}.app-shell select{border:1.5px solid var(--nb-ink-line-strong);background-color:var(--nb-card);color:var(--foreground);border-radius:10px}.app-shell input[type=range]{accent-color:var(--primary)}.app-shell .setup-shell,.app-shell .guitar-shell.guitar-setup,html[data-theme=dark] .app-shell .setup-shell,html[data-theme=dark] .app-shell .guitar-shell.guitar-setup{box-shadow:none;background:0 0;border-color:#0000}.app-shell :is(.reading-session-summary,.targeted-review,.hero-staff,.notation-options,.reading-recommendation,.score-reading-hero,.score-study-picker,.score-reading-range-section,.score-reading-session-section,.score-reading-mode-section,.score-reading-start-card,.guitar-hero,.guitar-study-tools,.guitar-start-panel,.instrument-practice,.pulse-practice,.ear-training,.workshop-related,.info-page,.studio-review-plan,.skill-map,.local-progress),html[data-theme=dark] .app-shell :is(.reading-session-summary,.targeted-review,.hero-staff,.notation-options,.reading-recommendation,.score-reading-hero,.score-study-picker,.score-reading-range-section,.score-reading-session-section,.score-reading-mode-section,.score-reading-start-card,.guitar-hero,.guitar-study-tools,.guitar-start-panel,.instrument-practice,.pulse-practice,.ear-training,.workshop-related,.info-page,.studio-review-plan,.skill-map,.local-progress){border:1px solid var(--nb-card-line);background:var(--nb-card);box-shadow:var(--nb-paper-shadow);background-image:none;border-radius:4px}.app-shell :is(.reading-session-summary,.score-reading-hero,.guitar-hero,.pulse-practice,.ear-training,.info-page){position:relative}.app-shell :is(.level-card,.mode-card,.reading-profile-grid>button,.score-option-grid>button,.score-range-grid>button,.score-session-grid>button,.guitar-range-grid>button),html[data-theme=dark] .app-shell :is(.level-card,.mode-card,.reading-profile-grid>button,.score-option-grid>button,.score-range-grid>button,.score-session-grid>button,.guitar-range-grid>button){border:1.5px solid var(--nb-card-line);background:var(--nb-card);background-image:none;border-radius:6px;box-shadow:0 6px 14px #4637190f}.app-shell :is(.level-card,.mode-card):before,.app-shell :is(.level-card,.mode-card):after{opacity:0;background:0 0;border-color:#0000}.app-shell :is(.level-card,.mode-card,.reading-profile-grid>button,.score-option-grid>button,.score-range-grid>button,.score-session-grid>button,.guitar-range-grid>button):is(.is-selected,[aria-pressed=true]),html[data-theme=dark] .app-shell :is(.level-card,.mode-card,.reading-profile-grid>button,.score-option-grid>button,.score-range-grid>button,.score-session-grid>button,.guitar-range-grid>button):is(.is-selected,[aria-pressed=true]){border-color:var(--primary);background:var(--nb-card);box-shadow:0 0 0 1px var(--primary), 0 10px 20px #4637191a}.app-shell :is(.level-card,.mode-card,.reading-profile-grid>button,.score-option-grid>button,.score-range-grid>button,.score-session-grid>button,.guitar-range-grid>button):is(.is-selected,[aria-pressed=true]) strong{text-decoration:underline;-webkit-text-decoration-color:var(--nb-highlight);text-decoration-color:var(--nb-highlight);text-underline-offset:-.3em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.45em}.app-shell .mode-card.is-selected .mode-icon{background:var(--background)}.app-shell .mode-icon{background:var(--background);border-radius:6px}.app-shell .step-heading p,.app-shell .guitar-range-heading>div>p,.app-shell .score-reading-section-heading p{font-family:var(--nb-hand);letter-spacing:0;text-transform:lowercase;color:var(--primary);font-size:23px;font-weight:600}.app-shell .divider{border-top:1.5px dashed var(--nb-ink-line);background:0 0;height:0}.app-shell .guitar-range-heading aside,html[data-theme=dark] .app-shell .guitar-range-heading aside{background:var(--nb-sticky);color:var(--nb-sticky-ink);border:0;border-radius:2px;transform:none;box-shadow:0 10px 18px #46371929}.app-shell .guitar-range-heading aside strong{font-family:var(--nb-hand);font-size:25px}.app-shell .guitar-range-heading aside :is(p,span){color:inherit}.app-shell .score-reading-hero-visual,html[data-theme=dark] .app-shell .score-reading-hero-visual{border:1px solid var(--nb-card-line);background:var(--background);box-shadow:none;border-radius:4px}.app-shell :is(.score-reading-session-top>button,.score-reading-session-controls>button,.end-session-button,.restart-session-button,.instrument-practice-top button,.instrument-practice>button:not(.primary-button),.metronome-toggle,.instrument-note-choices button,.skill-map-clear,.local-progress button,.result-share button),.app-shell :is(.ear-training,.pulse-practice) :is(button:not(.ear-listen):not(.pulse-tap):not(.primary-button),select),html[data-theme=dark] .app-shell :is(.score-reading-session-top>button,.score-reading-session-controls>button,.end-session-button,.restart-session-button){border:1.5px solid var(--nb-ink-line-strong);box-shadow:none;color:var(--foreground);background:0 0;border-radius:10px}.app-shell .ear-training .ear-modes button:not(.ear-listen):not(.pulse-tap):not(.primary-button)[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--nb-card)}.app-shell .ear-training .ear-modes button[aria-pressed=true] strong{text-decoration:underline;-webkit-text-decoration-color:var(--nb-highlight);text-decoration-color:var(--nb-highlight);text-underline-offset:-.3em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.45em}.app-shell .ear-training .ear-listen,.app-shell .pulse-practice .pulse-tap{border:2px solid var(--nb-sticker-line);box-shadow:var(--nb-sticker-shadow);border-radius:12px}.app-shell :is(.music-staff,.score-reading-stats,.score-study-report,.targeted-review-list li,.skill-map-module,.studio-lesson-meta,.pulse-pattern-score,.leaderboard-invite){border:1px solid var(--nb-card-line);background:var(--background);border-radius:4px}.app-shell .skill-map-list li{border:1px solid var(--nb-card-line);background:var(--nb-card);border-radius:4px}.app-shell :is(.instrument-feedback,.guitar-feedback,.ear-feedback),html[data-theme=dark] .app-shell :is(.instrument-feedback,.guitar-feedback,.ear-feedback){border:1.5px dashed var(--nb-ink-line);background:0 0;border-radius:4px}.app-shell :is(.pulse-result,.ear-result){background:var(--nb-sticky);color:var(--nb-sticky-ink);border-radius:2px;transform:none;box-shadow:0 10px 18px #46371924}body :is(.reading-setup-dialog,.modal-card),html[data-theme=dark] body :is(.reading-setup-dialog,.modal-card){border:1px solid var(--nb-card-line);background:var(--nb-card);background-image:none;border-radius:6px;box-shadow:0 30px 60px #1e180e47}body .modal-card{position:relative}.app-shell .primary-button>span{color:#f3e1a6}html[data-theme=dark] .app-shell .primary-button>span{color:inherit}.app-shell :is(.guitar-staff-frame,.guitar-location-answer),html[data-theme=dark] .app-shell :is(.guitar-staff-frame,.guitar-location-answer){border:1px solid var(--nb-card-line);background:var(--background);box-shadow:none;border-radius:4px}.app-shell .guitar-location-options button:not(.is-selected){border:1.5px solid var(--nb-ink-line);background:var(--nb-card);border-radius:8px}.app-shell .guitar-location-answer legend{font-family:var(--nb-hand);letter-spacing:0;text-transform:lowercase;color:var(--primary);font-size:23px;font-weight:600}.app-shell .guitar-location-selection{border-top:1.5px dashed var(--nb-ink-line)}.app-shell .guitar-location-status>strong{font-family:var(--nb-hand);letter-spacing:0;color:var(--primary);font-size:25px}.app-shell .guitar-location-selection>button:not(:disabled){border:2px solid var(--nb-sticker-line);box-shadow:var(--nb-sticker-shadow);border-radius:12px}.app-shell :is(.question-card,.quiz-stat-panel,.progress-row,.practice-navigation,.results-card,.session-insight,.result-session-meta,.endless-results-card,.hardest-card,.result-share),html[data-theme=dark] .app-shell :is(.question-card,.quiz-stat-panel,.progress-row,.practice-navigation,.results-card,.session-insight,.result-session-meta,.endless-results-card,.hardest-card,.result-share){border:1px solid var(--nb-card-line);background:var(--nb-card);box-shadow:var(--nb-paper-shadow);background-image:none;border-radius:4px}.app-shell .question-card{position:relative}.app-shell .notation-stage,html[data-theme=dark] .app-shell .notation-stage{background:var(--background);box-shadow:inset 0 0 0 1px var(--nb-card-line);border-radius:4px}.app-shell .notation-stage:before,.app-shell .notation-stage:after{display:none}.app-shell .question-number,html[data-theme=dark] .app-shell .question-number{font-family:var(--nb-hand);letter-spacing:0;text-transform:lowercase;color:var(--primary);background:0 0;border-radius:0;padding:0;font-size:25px;font-weight:700}.app-shell .question-heading:after{border-top:1.5px dashed var(--nb-ink-line);background:0 0;height:0}.app-shell .answer-line input{border:1.5px solid var(--nb-ink-line-strong);background:var(--nb-card);box-shadow:none;border-radius:10px}.app-shell .answer-line button{border:2px solid var(--nb-sticker-line);box-shadow:var(--nb-sticker-shadow);border-radius:12px}.app-shell .answer-line button:disabled{box-shadow:none}.app-shell .note-hints button{border:1.5px solid var(--nb-ink-line);background:var(--nb-card);box-shadow:none;border-radius:8px}.app-shell .feedback{box-shadow:none;border-radius:4px}.app-shell .quiz-stat-panel blockquote{font-family:var(--nb-hand);font-size:27px;font-style:normal;line-height:1.2}.app-shell .score-ring-track{stroke:var(--nb-ink-line)}.app-shell .community-result-card,html[data-theme=dark] .app-shell .community-result-card{background:var(--nb-sticky);color:var(--nb-sticky-ink);border:0;border-radius:2px;transform:none;box-shadow:0 14px 24px #4637192e}.app-shell .community-result-card .kicker{color:var(--primary)}.app-shell .community-result-card :is(.community-result-note,.community-message){color:var(--nb-sticky-ink)}.app-shell .community-result-encouragement{color:var(--nb-sticky-ink);font-family:var(--nb-hand);font-size:25px;font-style:normal}.app-shell .community-result-card>button{border:1.5px solid var(--nb-sticky-ink);color:var(--nb-sticky-ink);background:0 0}.app-shell .feedback strong,.app-shell .guitar-feedback>strong,.app-shell .instrument-feedback strong{font-family:var(--nb-hand);letter-spacing:0;font-size:30px;font-weight:700}.app-shell :is(.rhythm-staff-lines line,.rhythm-ledger,.rhythm-barline,.guitar-staff-lines line,.guitar-staff-ledger),.app-shell :is(.module-score-visual,.score-reading-hero-score) :is(.rhythm-staff-lines line,.rhythm-ledger){stroke:var(--nb-staff-line)}.app-shell svg .music-clef{fill:currentColor}.app-shell .hero-staff-score{background:0 0}.app-shell .reading-session-chips span{box-shadow:inset 0 0 0 1.5px var(--nb-ink-line);color:var(--foreground);background:0 0}.app-shell .guitar-shell:not(.guitar-setup){border-color:var(--nb-card-line);background:var(--nb-card);box-shadow:var(--nb-paper-shadow);border-radius:6px}html[data-theme=dark] .app-shell :is(.answer-line button,.guitar-answer>div:first-of-type>button,.note-pill,.score-reading-review li>b,.fret-note.is-active,.mobile-answer-pad button:active,.score-answer-grid button:not(:disabled):hover){color:#fff;background:#923f53}html[data-theme=dark] .app-shell .confusion-pair b{background:var(--foreground);color:var(--background)}html[data-theme=dark] .app-shell .feedback-icon{color:#1a1c19}@media (prefers-reduced-motion:reduce){.app-shell .primary-button{transition:none}}@font-face{font-family:Inter;src:url(./inter-latin-Dx4kXJAl.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(./inter-latin-ext-DO1Apj_S.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:TASA Orbiter;src:url(./tasa-orbiter-latin-BqxrGbOr.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:TASA Orbiter;src:url(./tasa-orbiter-latin-ext-BHrUsICP.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;src:url(./figtree-latin-D_ZTVpCC.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;src:url(./figtree-latin-ext-DCwSJGxG.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--fx-display:"TASA Orbiter", "Inter", system-ui, sans-serif;--fx-text:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fx-ui:"Figtree", "Inter", system-ui, sans-serif;--fx-teal:#0d7480;--fx-teal-strong:#095c66;--fx-teal-soft:#dcecee;--fx-slate:#1f3038;--fx-wrong:#b4442c;--fx-margin:clamp(16px, 2.4vw, 36px);--background:#f7f9fa;--background-deep:#ecf0f2;--surface:#fff;--surface-elevated:#fff;--foreground:#1f3038;--foreground-muted:#5d6b72;--primary:#0d7480;--primary-hover:#095c66;--primary-active:#074b53;--primary-foreground:#fff;--success:#2f7a52;--success-deep:#235e3e;--success-soft:#e1f0e7;--accent:#0d7480;--accent-soft:#dcecee;--border:#dfe6e9;--border-strong:#c3ced3;--danger:#b4442c;--danger-soft:#f6e3de;--shadow-color:#1f303814;--surface-shadow:none;--surface-shadow-soft:none;--surface-radius:14px;--coral-soft:#f6e3de;--serif:var(--fx-display);--nb-hand:var(--fx-text);--nb-sans:var(--fx-text);--nb-card:#fff;--nb-card-line:#dfe6e9;--nb-ink-line:#c3ced3;--nb-ink-line-strong:#8d9ca3;--nb-sticky:#dcecee;--nb-sticky-ink:#1f3038;--nb-rule:transparent;--nb-margin:transparent;--nb-cover:#fff;--nb-ring:transparent;--nb-sticker-line:#1f3038;--nb-sticker-shadow:none;--nb-paper-shadow:none;--nb-highlight:#0d748024;--nb-red-rule:#dfe6e9;--nb-bordo:#0d7480;--nb-mustard:#a8761c;--nb-sage:#4f7a63;--nb-block-ink:#1f3038;--nb-staff-line:#1f3038b8}html[data-theme=dark]{--background:#121b20;--background-deep:#18242a;--surface:#1b282f;--surface-elevated:#213139;--foreground:#e8eef0;--foreground-muted:#a6b4ba;--primary:#38a3ae;--primary-hover:#4cb5c0;--primary-active:#2a8a94;--primary-foreground:#08171b;--accent:#38a3ae;--accent-soft:#16353a;--border:#2b3c44;--border-strong:#3d525c;--success-soft:#173326;--danger-soft:#3a2019;--fx-teal:#38a3ae;--fx-teal-strong:#4cb5c0;--fx-teal-soft:#16353a;--fx-slate:#e8eef0;--nb-card:#1b282f;--nb-card-line:#2b3c44;--nb-ink-line:#3d525c;--nb-sticky:#16353a;--nb-sticky-ink:#e8eef0;--nb-cover:#1b282f;--nb-sticker-line:#e8eef0;--nb-block-ink:#08171b;--nb-staff-line:#e8eef099}body,html[data-theme=dark] body{font-family:var(--fx-text);background:var(--background);color:var(--foreground);font-feature-settings:"tnum" 1;background-image:none}.app-shell:before{content:none;display:none}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}::selection{background:var(--primary);color:var(--primary-foreground)}.app-shell [class*=tape],html body .app-shell:not(.app-shell--session){display:block}html body .app-shell .site-header,html[data-theme=dark] body .app-shell .site-header{z-index:40;width:100%;height:64px;padding:0 var(--fx-margin);border:0;border-bottom:1px solid var(--border);background:var(--background);box-shadow:none;background-image:none;border-radius:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(16px,2.6vw,40px);margin:0;display:flex;position:sticky;top:0;overflow:visible}html body .app-shell .site-header .brand{width:auto;min-width:0;min-height:44px;font-family:var(--fx-display);letter-spacing:-.02em;justify-content:flex-start;gap:8px;padding:0;font-size:19px;font-weight:700}html body .app-shell .site-header .brand:before,html body .app-shell .site-header .brand-mark{display:none}html body .app-shell .site-header .brand-name{font-family:var(--fx-display);text-shadow:none;background:0 0;margin:0;padding:0;font-size:19px;font-weight:700;display:inline}html body .app-shell .site-header .brand-ornament{display:none}html body .app-shell .site-header .app-navigation{flex-direction:row;flex:0 auto;gap:4px;width:auto;margin:0;display:flex}html body .app-shell .site-header .app-navigation a,html body .app-shell .site-header .app-navigation a:not(.is-active){height:auto;min-height:40px;box-shadow:none;color:var(--foreground-muted);background:0 0;border-radius:999px;align-items:center;padding:8px 14px;transition:background-color .16s,color .16s;display:flex}html body .app-shell .site-header .app-navigation a>b{font-family:var(--fx-text);font-size:16px;font-weight:500}html body .app-shell .site-header .app-navigation a:before,html body .app-shell .site-header .app-navigation a>b:after{content:none;display:none}html body .app-shell .site-header .app-navigation a.is-active{background:var(--background-deep);color:var(--foreground);box-shadow:none}@media (hover:hover) and (pointer:fine){html body .app-shell .site-header .app-navigation a:hover{color:var(--foreground);background:var(--background-deep)}}html body .app-shell .site-header .header-actions{flex-direction:row;flex:none;align-items:center;gap:8px;width:auto;margin:0 0 0 auto;display:flex;transform:none}html body .app-shell .site-header .header-actions>*{width:auto}html body .app-shell .site-header .community-header-actions{flex-direction:row;gap:6px;display:flex}html body .app-shell .site-header .community-header-actions button,html body .app-shell .site-header .sound-toggle,html body .app-shell .site-header .theme-tools button{border:1px solid var(--border);background:var(--surface);height:40px;min-height:40px;color:var(--foreground);box-shadow:none;font-family:var(--fx-text);border-radius:999px;padding:0 14px;font-size:15px;font-weight:500;transform:none}html body .app-shell .site-header .sound-toggle{place-items:center;width:40px;padding:0;display:grid}html body .app-shell .site-header .language-switch{border:1px solid var(--border);background:var(--surface);height:40px;min-height:40px;box-shadow:none;border-radius:999px;padding:3px}html body .app-shell .site-header .language-switch button{height:32px;min-height:32px;color:var(--foreground-muted);font-family:var(--fx-ui);box-shadow:none;background:0 0;border-radius:999px;padding:0 10px;font-size:13px;font-weight:600}html body .app-shell .site-header .language-switch button.is-active{background:var(--fx-slate);color:var(--background)}@media (width<=1100px){html body .app-shell .site-header .app-navigation{display:none}}@media (width<=820px){html body .app-shell .site-header{gap:12px;height:58px}html body .app-shell .site-header .header-actions{gap:6px}html body .app-shell .site-header .theme-tools,html body .app-shell .site-header .appearance-tools{display:none}}html body .mobile-module-navigation{border:0;border-top:1px solid var(--border);background:var(--background);box-shadow:none;border-radius:0}html body .mobile-module-navigation a{font-family:var(--fx-text);color:var(--foreground-muted);box-shadow:none;background:0 0;border-radius:999px;font-weight:500}html body .mobile-module-navigation a.is-active{background:var(--background-deep);color:var(--foreground)}@media (width>=1101px){html body .mobile-module-navigation{display:none}}@media (width<=1100px) and (width>=821px){html body .mobile-module-navigation{z-index:35;justify-content:center;gap:6px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}html body .app-shell:not(.app-shell--session){padding-bottom:72px}}.app-shell .primary-button,.app-shell button.primary-button,.app-shell .studio-actions .primary-button{background:var(--primary);color:var(--primary-foreground);box-shadow:none;font-family:var(--fx-text);border:0;border-radius:999px;font-weight:500;transition:transform .12s cubic-bezier(.22,1,.36,1),background-color .16s;transform:none}.app-shell .primary-button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.app-shell .primary-button:hover{background:var(--primary-hover);box-shadow:none;transform:none}}.app-shell .secondary-button,.app-shell .ghost-button{box-shadow:none;font-family:var(--fx-text);border-radius:999px;font-weight:500}.app-shell h1,.app-shell h2,.app-shell h3{font-family:var(--fx-display);letter-spacing:-.025em}.app-shell .kicker,.app-shell .eyebrow{font-family:var(--fx-text);letter-spacing:0;text-transform:none}.app-shell .question-number,html[data-theme=dark] .app-shell .question-number{text-transform:none}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell :before,.app-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html body .app-shell .site-header .community-header-actions button:last-child,html[data-theme=dark] body .app-shell .site-header .community-header-actions button:last-child{border-color:var(--fx-slate);background:var(--fx-slate);color:var(--background);font-family:var(--fx-text);box-shadow:none;white-space:nowrap;max-width:none;font-size:15px;font-weight:500;transform:none}@media (width<=820px){html body .app-shell .mobile-module-navigation,html[data-theme=dark] body .app-shell .mobile-module-navigation{border:0;border-top:1px solid var(--border);background:var(--background);width:100%;box-shadow:none;border-radius:0;bottom:0;left:0;right:0}html body .app-shell .mobile-module-navigation a.is-active{background:var(--background-deep);color:var(--foreground)}html body .app-shell .mobile-module-navigation a.is-active:after{content:none;display:none}}.app-shell .ai-teacher-actions .primary-button,.app-shell .ai-teacher-actions .secondary-button,.app-shell .lab-actions .primary-button,.app-shell .lab-actions .secondary-button,.app-shell .lab-actions .ghost-button{width:auto;min-height:48px;box-shadow:none;flex:none;justify-content:center;align-items:center;margin:0;padding:0 22px;display:inline-flex;transform:none}.app-shell .secondary-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--foreground);box-shadow:none;transform:none}.app-shell .ghost-button{color:var(--foreground);text-underline-offset:.22em;background:0 0;border:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}@media (hover:hover) and (pointer:fine){.app-shell .secondary-button:hover{background:var(--background-deep);border-color:var(--border-strong);box-shadow:none;transform:none}.app-shell .ghost-button:hover{text-decoration-color:currentColor}}html:not([data-theme=dark]):not([data-palette]),html:not([data-theme=dark])[data-palette=bordo],html:not([data-theme=dark]) [data-palette=bordo]{--background:#faf6f1;--background-deep:#f1e9df;--surface:#fffdfa;--surface-elevated:#fff;--foreground:#2b2326;--foreground-muted:#67595b;--primary:#8b2435;--primary-hover:#741c2b;--primary-active:#5f1623;--primary-foreground:#fff;--accent:#8b2435;--accent-soft:#f4e2e1;--border:#e7dbd3;--border-strong:#d3c3b8;--fx-teal:#8b2435;--fx-teal-strong:#741c2b;--fx-teal-soft:#f4e2e1;--fx-slate:#2b2326;--nb-bordo:#8b2435;--nb-card:#fffdfa;--nb-card-line:#e7dbd3;--nb-ink-line:#d3c3b8;--nb-sticky:#f4e2e1;--nb-sticky-ink:#2b2326;--nb-cover:#fffdfa;--nb-sticker-line:#2b2326;--nb-highlight:#8b243524;--nb-staff-line:#2b2326b8;--brand-support:#b9898d;--shadow-color:#2b232614;--shadow-1:0 1px 2px #2b23260d, 0 10px 30px -14px #2b23262e;--shadow-2:0 2px 6px #2b23260f, 0 24px 56px -24px #2b232640;--surface-raised:#fffdfa;--field:#f1e9df}html[data-theme=dark]:not([data-palette]),html[data-theme=dark][data-palette=bordo],html[data-theme=dark] [data-palette=bordo]{--background:#1c1517;--background-deep:#241b1e;--surface:#2a2023;--surface-elevated:#33272a;--foreground:#f2e9e7;--foreground-muted:#bfaeae;--primary:#e3929d;--primary-hover:#eca6af;--primary-active:#d47b88;--primary-foreground:#2a0d13;--accent:#e3929d;--accent-soft:#43272c;--border:#3d2e31;--border-strong:#574347;--fx-teal:#e3929d;--fx-teal-strong:#eca6af;--fx-teal-soft:#43272c;--fx-slate:#f2e9e7;--nb-bordo:#e3929d;--nb-card:#2a2023;--nb-card-line:#3d2e31;--nb-ink-line:#574347;--nb-sticky:#43272c;--nb-sticky-ink:#f2e9e7;--nb-cover:#2a2023;--nb-sticker-line:#f2e9e7;--nb-highlight:#e3929d24;--nb-staff-line:#f2e9e7b8;--brand-support:#8f6a6f;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#33272a;--field:#241b1e}html:not([data-theme=dark])[data-palette=petrol],html:not([data-theme=dark]) [data-palette=petrol]{--background:#f3f6f2;--background-deep:#e4ebe3;--surface:#fffffb;--surface-elevated:#fff;--foreground:#1b2a2b;--foreground-muted:#536664;--primary:#0e5561;--primary-hover:#0a4650;--primary-active:#083940;--primary-foreground:#fff;--accent:#0e5561;--accent-soft:#dbe8e4;--border:#d9e3dc;--border-strong:#bfcfc6;--fx-teal:#0e5561;--fx-teal-strong:#0a4650;--fx-teal-soft:#dbe8e4;--fx-slate:#1b2a2b;--nb-bordo:#0e5561;--nb-card:#fffffb;--nb-card-line:#d9e3dc;--nb-ink-line:#bfcfc6;--nb-sticky:#dbe8e4;--nb-sticky-ink:#1b2a2b;--nb-cover:#fffffb;--nb-sticker-line:#1b2a2b;--nb-highlight:#0e556124;--nb-staff-line:#1b2a2bb8;--brand-support:#b98a2c;--shadow-color:#1b2a2b14;--shadow-1:0 1px 2px #1b2a2b0d, 0 10px 30px -14px #1b2a2b2e;--shadow-2:0 2px 6px #1b2a2b0f, 0 24px 56px -24px #1b2a2b40;--surface-raised:#fffffb;--field:#e4ebe3}html[data-theme=dark][data-palette=petrol],html[data-theme=dark] [data-palette=petrol]{--background:#111b1c;--background-deep:#172426;--surface:#1b2a2c;--surface-elevated:#223436;--foreground:#e6efed;--foreground-muted:#a3b6b3;--primary:#5fb7bf;--primary-hover:#77c4cb;--primary-active:#48a1a9;--primary-foreground:#06191b;--accent:#5fb7bf;--accent-soft:#173a3d;--border:#29393b;--border-strong:#3b5153;--fx-teal:#5fb7bf;--fx-teal-strong:#77c4cb;--fx-teal-soft:#173a3d;--fx-slate:#e6efed;--nb-bordo:#5fb7bf;--nb-card:#1b2a2c;--nb-card-line:#29393b;--nb-ink-line:#3b5153;--nb-sticky:#173a3d;--nb-sticky-ink:#e6efed;--nb-cover:#1b2a2c;--nb-sticker-line:#e6efed;--nb-highlight:#5fb7bf24;--nb-staff-line:#e6efedb8;--brand-support:#c99a3e;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#223436;--field:#172426}html:not([data-theme=dark])[data-palette=indigo],html:not([data-theme=dark]) [data-palette=indigo]{--background:#f6f5fb;--background-deep:#eae8f5;--surface:#fff;--surface-elevated:#fff;--foreground:#1e1c35;--foreground-muted:#5b5875;--primary:#3d3b94;--primary-hover:#33317d;--primary-active:#29286a;--primary-foreground:#fff;--accent:#3d3b94;--accent-soft:#e5e3f6;--border:#e1def0;--border-strong:#c9c5e0;--fx-teal:#3d3b94;--fx-teal-strong:#33317d;--fx-teal-soft:#e5e3f6;--fx-slate:#1e1c35;--nb-bordo:#3d3b94;--nb-card:#fff;--nb-card-line:#e1def0;--nb-ink-line:#c9c5e0;--nb-sticky:#e5e3f6;--nb-sticky-ink:#1e1c35;--nb-cover:#fff;--nb-sticker-line:#1e1c35;--nb-highlight:#3d3b9424;--nb-staff-line:#1e1c35b8;--brand-support:#9b97d6;--shadow-color:#1e1c3514;--shadow-1:0 1px 2px #1e1c350d, 0 10px 30px -14px #1e1c352e;--shadow-2:0 2px 6px #1e1c350f, 0 24px 56px -24px #1e1c3540;--surface-raised:#fff;--field:#eae8f5}html[data-theme=dark][data-palette=indigo],html[data-theme=dark] [data-palette=indigo]{--background:#15142a;--background-deep:#1c1b35;--surface:#222140;--surface-elevated:#2a284c;--foreground:#ebeaf7;--foreground-muted:#b0aed0;--primary:#a9a6f2;--primary-hover:#bcbaf6;--primary-active:#9592e6;--primary-foreground:#15143a;--accent:#a9a6f2;--accent-soft:#2f2d5c;--border:#2f2d4f;--border-strong:#45436b;--fx-teal:#a9a6f2;--fx-teal-strong:#bcbaf6;--fx-teal-soft:#2f2d5c;--fx-slate:#ebeaf7;--nb-bordo:#a9a6f2;--nb-card:#222140;--nb-card-line:#2f2d4f;--nb-ink-line:#45436b;--nb-sticky:#2f2d5c;--nb-sticky-ink:#ebeaf7;--nb-cover:#222140;--nb-sticker-line:#ebeaf7;--nb-highlight:#a9a6f224;--nb-staff-line:#ebeaf7b8;--brand-support:#6f6bb8;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#2a284c;--field:#1c1b35}html:not([data-theme=dark])[data-palette=kiremit],html:not([data-theme=dark]) [data-palette=kiremit]{--background:#f8f1e8;--background-deep:#eee2d2;--surface:#fffaf3;--surface-elevated:#fff;--foreground:#3a2a21;--foreground-muted:#6c5b4f;--primary:#a3412a;--primary-hover:#8b3522;--primary-active:#742c1c;--primary-foreground:#fff;--accent:#a3412a;--accent-soft:#f4dfd3;--border:#e8d9c6;--border-strong:#d6c2aa;--fx-teal:#a3412a;--fx-teal-strong:#8b3522;--fx-teal-soft:#f4dfd3;--fx-slate:#3a2a21;--nb-bordo:#a3412a;--nb-card:#fffaf3;--nb-card-line:#e8d9c6;--nb-ink-line:#d6c2aa;--nb-sticky:#f4dfd3;--nb-sticky-ink:#3a2a21;--nb-cover:#fffaf3;--nb-sticker-line:#3a2a21;--nb-highlight:#a3412a24;--nb-staff-line:#3a2a21b8;--brand-support:#c99a6b;--shadow-color:#3a2a2114;--shadow-1:0 1px 2px #3a2a210d, 0 10px 30px -14px #3a2a212e;--shadow-2:0 2px 6px #3a2a210f, 0 24px 56px -24px #3a2a2140;--surface-raised:#fffaf3;--field:#eee2d2}html[data-theme=dark][data-palette=kiremit],html[data-theme=dark] [data-palette=kiremit]{--background:#1d1612;--background-deep:#261d18;--surface:#2c221c;--surface-elevated:#352921;--foreground:#f3e8df;--foreground-muted:#c3ae9f;--primary:#ec9a7c;--primary-hover:#f2ae95;--primary-active:#e08563;--primary-foreground:#2e120a;--accent:#ec9a7c;--accent-soft:#4a2a1e;--border:#3e3027;--border-strong:#574538;--fx-teal:#ec9a7c;--fx-teal-strong:#f2ae95;--fx-teal-soft:#4a2a1e;--fx-slate:#f3e8df;--nb-bordo:#ec9a7c;--nb-card:#2c221c;--nb-card-line:#3e3027;--nb-ink-line:#574538;--nb-sticky:#4a2a1e;--nb-sticky-ink:#f3e8df;--nb-cover:#2c221c;--nb-sticker-line:#f3e8df;--nb-highlight:#ec9a7c24;--nb-staff-line:#f3e8dfb8;--brand-support:#9a6f50;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#352921;--field:#261d18}html:not([data-theme=dark])[data-palette=meta],html:not([data-theme=dark]) [data-palette=meta]{--background:#f4f6f9;--background-deep:#e8edf3;--surface:#fff;--surface-elevated:#fff;--foreground:#1c2b33;--foreground-muted:#4f5f69;--primary:#0064e0;--primary-hover:#0055c2;--primary-active:#0048a5;--primary-foreground:#fff;--accent:#0064e0;--accent-soft:#e3eefc;--border:#dce3ea;--border-strong:#c3ced8;--fx-teal:#0064e0;--fx-teal-strong:#0055c2;--fx-teal-soft:#e3eefc;--fx-slate:#1c2b33;--nb-bordo:#0064e0;--nb-card:#fff;--nb-card-line:#dce3ea;--nb-ink-line:#c3ced8;--nb-sticky:#e3eefc;--nb-sticky-ink:#1c2b33;--nb-cover:#fff;--nb-sticker-line:#1c2b33;--nb-highlight:#0064e024;--nb-staff-line:#1c2b33b8;--brand-support:#0082fb;--shadow-color:#1c2b3314;--shadow-1:0 1px 2px #1c2b330d, 0 10px 30px -14px #1c2b332e;--shadow-2:0 2px 6px #1c2b330f, 0 24px 56px -24px #1c2b3340;--surface-raised:#fff;--field:#e8edf3}html[data-theme=dark][data-palette=meta],html[data-theme=dark] [data-palette=meta]{--background:#0e1418;--background-deep:#141c22;--surface:#18232a;--surface-elevated:#1f2c34;--foreground:#e8eef2;--foreground-muted:#a3b1ba;--primary:#4f9dff;--primary-hover:#6aadff;--primary-active:#3a8cf5;--primary-foreground:#06182e;--accent:#4f9dff;--accent-soft:#132f4f;--border:#24323b;--border-strong:#36474f;--fx-teal:#4f9dff;--fx-teal-strong:#6aadff;--fx-teal-soft:#132f4f;--fx-slate:#e8eef2;--nb-bordo:#4f9dff;--nb-card:#18232a;--nb-card-line:#24323b;--nb-ink-line:#36474f;--nb-sticky:#132f4f;--nb-sticky-ink:#e8eef2;--nb-cover:#18232a;--nb-sticker-line:#e8eef2;--nb-highlight:#4f9dff24;--nb-staff-line:#e8eef2b8;--brand-support:#0082fb;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#1f2c34;--field:#141c22}html [data-mode=light][data-palette=bordo]{--background:#faf6f1;--background-deep:#f1e9df;--surface:#fffdfa;--surface-elevated:#fff;--foreground:#2b2326;--foreground-muted:#67595b;--primary:#8b2435;--primary-hover:#741c2b;--primary-active:#5f1623;--primary-foreground:#fff;--accent:#8b2435;--accent-soft:#f4e2e1;--border:#e7dbd3;--border-strong:#d3c3b8;--fx-teal:#8b2435;--fx-teal-strong:#741c2b;--fx-teal-soft:#f4e2e1;--fx-slate:#2b2326;--nb-bordo:#8b2435;--nb-card:#fffdfa;--nb-card-line:#e7dbd3;--nb-ink-line:#d3c3b8;--nb-sticky:#f4e2e1;--nb-sticky-ink:#2b2326;--nb-cover:#fffdfa;--nb-sticker-line:#2b2326;--nb-highlight:#8b243524;--nb-staff-line:#2b2326b8;--brand-support:#b9898d;--shadow-color:#2b232614;--shadow-1:0 1px 2px #2b23260d, 0 10px 30px -14px #2b23262e;--shadow-2:0 2px 6px #2b23260f, 0 24px 56px -24px #2b232640;--surface-raised:#fffdfa;--field:#f1e9df}html [data-mode=dark][data-palette=bordo]{--background:#1c1517;--background-deep:#241b1e;--surface:#2a2023;--surface-elevated:#33272a;--foreground:#f2e9e7;--foreground-muted:#bfaeae;--primary:#e3929d;--primary-hover:#eca6af;--primary-active:#d47b88;--primary-foreground:#2a0d13;--accent:#e3929d;--accent-soft:#43272c;--border:#3d2e31;--border-strong:#574347;--fx-teal:#e3929d;--fx-teal-strong:#eca6af;--fx-teal-soft:#43272c;--fx-slate:#f2e9e7;--nb-bordo:#e3929d;--nb-card:#2a2023;--nb-card-line:#3d2e31;--nb-ink-line:#574347;--nb-sticky:#43272c;--nb-sticky-ink:#f2e9e7;--nb-cover:#2a2023;--nb-sticker-line:#f2e9e7;--nb-highlight:#e3929d24;--nb-staff-line:#f2e9e7b8;--brand-support:#8f6a6f;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#33272a;--field:#241b1e}html [data-mode=light][data-palette=petrol]{--background:#f3f6f2;--background-deep:#e4ebe3;--surface:#fffffb;--surface-elevated:#fff;--foreground:#1b2a2b;--foreground-muted:#536664;--primary:#0e5561;--primary-hover:#0a4650;--primary-active:#083940;--primary-foreground:#fff;--accent:#0e5561;--accent-soft:#dbe8e4;--border:#d9e3dc;--border-strong:#bfcfc6;--fx-teal:#0e5561;--fx-teal-strong:#0a4650;--fx-teal-soft:#dbe8e4;--fx-slate:#1b2a2b;--nb-bordo:#0e5561;--nb-card:#fffffb;--nb-card-line:#d9e3dc;--nb-ink-line:#bfcfc6;--nb-sticky:#dbe8e4;--nb-sticky-ink:#1b2a2b;--nb-cover:#fffffb;--nb-sticker-line:#1b2a2b;--nb-highlight:#0e556124;--nb-staff-line:#1b2a2bb8;--brand-support:#b98a2c;--shadow-color:#1b2a2b14;--shadow-1:0 1px 2px #1b2a2b0d, 0 10px 30px -14px #1b2a2b2e;--shadow-2:0 2px 6px #1b2a2b0f, 0 24px 56px -24px #1b2a2b40;--surface-raised:#fffffb;--field:#e4ebe3}html [data-mode=dark][data-palette=petrol]{--background:#111b1c;--background-deep:#172426;--surface:#1b2a2c;--surface-elevated:#223436;--foreground:#e6efed;--foreground-muted:#a3b6b3;--primary:#5fb7bf;--primary-hover:#77c4cb;--primary-active:#48a1a9;--primary-foreground:#06191b;--accent:#5fb7bf;--accent-soft:#173a3d;--border:#29393b;--border-strong:#3b5153;--fx-teal:#5fb7bf;--fx-teal-strong:#77c4cb;--fx-teal-soft:#173a3d;--fx-slate:#e6efed;--nb-bordo:#5fb7bf;--nb-card:#1b2a2c;--nb-card-line:#29393b;--nb-ink-line:#3b5153;--nb-sticky:#173a3d;--nb-sticky-ink:#e6efed;--nb-cover:#1b2a2c;--nb-sticker-line:#e6efed;--nb-highlight:#5fb7bf24;--nb-staff-line:#e6efedb8;--brand-support:#c99a3e;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#223436;--field:#172426}html [data-mode=light][data-palette=indigo]{--background:#f6f5fb;--background-deep:#eae8f5;--surface:#fff;--surface-elevated:#fff;--foreground:#1e1c35;--foreground-muted:#5b5875;--primary:#3d3b94;--primary-hover:#33317d;--primary-active:#29286a;--primary-foreground:#fff;--accent:#3d3b94;--accent-soft:#e5e3f6;--border:#e1def0;--border-strong:#c9c5e0;--fx-teal:#3d3b94;--fx-teal-strong:#33317d;--fx-teal-soft:#e5e3f6;--fx-slate:#1e1c35;--nb-bordo:#3d3b94;--nb-card:#fff;--nb-card-line:#e1def0;--nb-ink-line:#c9c5e0;--nb-sticky:#e5e3f6;--nb-sticky-ink:#1e1c35;--nb-cover:#fff;--nb-sticker-line:#1e1c35;--nb-highlight:#3d3b9424;--nb-staff-line:#1e1c35b8;--brand-support:#9b97d6;--shadow-color:#1e1c3514;--shadow-1:0 1px 2px #1e1c350d, 0 10px 30px -14px #1e1c352e;--shadow-2:0 2px 6px #1e1c350f, 0 24px 56px -24px #1e1c3540;--surface-raised:#fff;--field:#eae8f5}html [data-mode=dark][data-palette=indigo]{--background:#15142a;--background-deep:#1c1b35;--surface:#222140;--surface-elevated:#2a284c;--foreground:#ebeaf7;--foreground-muted:#b0aed0;--primary:#a9a6f2;--primary-hover:#bcbaf6;--primary-active:#9592e6;--primary-foreground:#15143a;--accent:#a9a6f2;--accent-soft:#2f2d5c;--border:#2f2d4f;--border-strong:#45436b;--fx-teal:#a9a6f2;--fx-teal-strong:#bcbaf6;--fx-teal-soft:#2f2d5c;--fx-slate:#ebeaf7;--nb-bordo:#a9a6f2;--nb-card:#222140;--nb-card-line:#2f2d4f;--nb-ink-line:#45436b;--nb-sticky:#2f2d5c;--nb-sticky-ink:#ebeaf7;--nb-cover:#222140;--nb-sticker-line:#ebeaf7;--nb-highlight:#a9a6f224;--nb-staff-line:#ebeaf7b8;--brand-support:#6f6bb8;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#2a284c;--field:#1c1b35}html [data-mode=light][data-palette=kiremit]{--background:#f8f1e8;--background-deep:#eee2d2;--surface:#fffaf3;--surface-elevated:#fff;--foreground:#3a2a21;--foreground-muted:#6c5b4f;--primary:#a3412a;--primary-hover:#8b3522;--primary-active:#742c1c;--primary-foreground:#fff;--accent:#a3412a;--accent-soft:#f4dfd3;--border:#e8d9c6;--border-strong:#d6c2aa;--fx-teal:#a3412a;--fx-teal-strong:#8b3522;--fx-teal-soft:#f4dfd3;--fx-slate:#3a2a21;--nb-bordo:#a3412a;--nb-card:#fffaf3;--nb-card-line:#e8d9c6;--nb-ink-line:#d6c2aa;--nb-sticky:#f4dfd3;--nb-sticky-ink:#3a2a21;--nb-cover:#fffaf3;--nb-sticker-line:#3a2a21;--nb-highlight:#a3412a24;--nb-staff-line:#3a2a21b8;--brand-support:#c99a6b;--shadow-color:#3a2a2114;--shadow-1:0 1px 2px #3a2a210d, 0 10px 30px -14px #3a2a212e;--shadow-2:0 2px 6px #3a2a210f, 0 24px 56px -24px #3a2a2140;--surface-raised:#fffaf3;--field:#eee2d2}html [data-mode=dark][data-palette=kiremit]{--background:#1d1612;--background-deep:#261d18;--surface:#2c221c;--surface-elevated:#352921;--foreground:#f3e8df;--foreground-muted:#c3ae9f;--primary:#ec9a7c;--primary-hover:#f2ae95;--primary-active:#e08563;--primary-foreground:#2e120a;--accent:#ec9a7c;--accent-soft:#4a2a1e;--border:#3e3027;--border-strong:#574538;--fx-teal:#ec9a7c;--fx-teal-strong:#f2ae95;--fx-teal-soft:#4a2a1e;--fx-slate:#f3e8df;--nb-bordo:#ec9a7c;--nb-card:#2c221c;--nb-card-line:#3e3027;--nb-ink-line:#574538;--nb-sticky:#4a2a1e;--nb-sticky-ink:#f3e8df;--nb-cover:#2c221c;--nb-sticker-line:#f3e8df;--nb-highlight:#ec9a7c24;--nb-staff-line:#f3e8dfb8;--brand-support:#9a6f50;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#352921;--field:#261d18}html [data-mode=light][data-palette=meta]{--background:#f4f6f9;--background-deep:#e8edf3;--surface:#fff;--surface-elevated:#fff;--foreground:#1c2b33;--foreground-muted:#4f5f69;--primary:#0064e0;--primary-hover:#0055c2;--primary-active:#0048a5;--primary-foreground:#fff;--accent:#0064e0;--accent-soft:#e3eefc;--border:#dce3ea;--border-strong:#c3ced8;--fx-teal:#0064e0;--fx-teal-strong:#0055c2;--fx-teal-soft:#e3eefc;--fx-slate:#1c2b33;--nb-bordo:#0064e0;--nb-card:#fff;--nb-card-line:#dce3ea;--nb-ink-line:#c3ced8;--nb-sticky:#e3eefc;--nb-sticky-ink:#1c2b33;--nb-cover:#fff;--nb-sticker-line:#1c2b33;--nb-highlight:#0064e024;--nb-staff-line:#1c2b33b8;--brand-support:#0082fb;--shadow-color:#1c2b3314;--shadow-1:0 1px 2px #1c2b330d, 0 10px 30px -14px #1c2b332e;--shadow-2:0 2px 6px #1c2b330f, 0 24px 56px -24px #1c2b3340;--surface-raised:#fff;--field:#e8edf3}html [data-mode=dark][data-palette=meta]{--background:#0e1418;--background-deep:#141c22;--surface:#18232a;--surface-elevated:#1f2c34;--foreground:#e8eef2;--foreground-muted:#a3b1ba;--primary:#4f9dff;--primary-hover:#6aadff;--primary-active:#3a8cf5;--primary-foreground:#06182e;--accent:#4f9dff;--accent-soft:#132f4f;--border:#24323b;--border-strong:#36474f;--fx-teal:#4f9dff;--fx-teal-strong:#6aadff;--fx-teal-soft:#132f4f;--fx-slate:#e8eef2;--nb-bordo:#4f9dff;--nb-card:#18232a;--nb-card-line:#24323b;--nb-ink-line:#36474f;--nb-sticky:#132f4f;--nb-sticky-ink:#e8eef2;--nb-cover:#18232a;--nb-sticker-line:#e8eef2;--nb-highlight:#4f9dff24;--nb-staff-line:#e8eef2b8;--brand-support:#0082fb;--shadow-color:#0005;--shadow-1:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-2:0 2px 6px #0006, 0 24px 48px -20px #000000b3;--surface-raised:#1f2c34;--field:#141c22}[data-palette-scope]{background:var(--background);color:var(--foreground)}[data-mode=dark] .brand-logo-light,[data-mode=light] .brand-logo-dark{display:none!important}[data-mode=dark] .brand-logo-dark,[data-mode=light] .brand-logo-light{display:block!important}html,html[data-theme=dark]{background:var(--background)}html body,html[data-theme=dark] body{background:var(--background);color:var(--foreground)}html body .app-shell .site-header.site-header--float,html[data-theme=dark] body .app-shell .site-header.site-header--float{z-index:60;width:min(1080px,100% - 48px);height:64px;box-shadow:var(--shadow-1);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border:0;border-radius:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand nav actions";align-items:center;gap:16px;margin:14px auto 0;padding:0 8px;display:grid;position:sticky;top:12px;overflow:visible}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html body .app-shell .site-header.site-header--float{background:var(--surface)}}html body .app-shell .site-header .brand{color:var(--foreground);border-radius:16px;grid-area:brand;justify-self:start;align-items:center;gap:10px;padding:4px 6px 4px 4px;text-decoration:none;display:inline-flex}.brand-logo{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:inline-grid;position:relative}html body .app-shell .site-header .brand-logo.brand-tile{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff), color-mix(in srgb, var(--accent-soft) 70%, var(--surface)));width:46px;height:46px;box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 color-mix(in srgb, var(--foreground) 6%, transparent), 0 2px 8px -2px var(--shadow-color);border:0;margin:0;padding:0;display:inline-grid;transform:none}html[data-theme=dark] body .app-shell .site-header .brand-logo.brand-tile{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated) 90%, #fff 4%), var(--surface));box-shadow:inset 0 1px 0 #ffffff1f, 0 2px 8px -2px var(--shadow-color)}.brand-logo img{object-fit:contain;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px}.brand-logo-dark,html[data-theme=dark] .brand-logo-light{display:none}html[data-theme=dark] .brand-logo-dark{display:block}html body .app-shell .site-header .brand-name{font-family:var(--fx-display);letter-spacing:-.02em;color:var(--foreground);text-shadow:none;background:0 0;margin:0;padding:0;font-size:21px;font-weight:600;line-height:1;display:inline}html body .app-shell .site-header .app-navigation{grid-area:nav;justify-self:center;align-items:center;gap:4px;width:auto;margin:0;display:flex}html body .app-shell .site-header .app-navigation>*{flex:none;width:auto}html body .app-shell .site-header .app-navigation>a,html body .app-shell .site-header .app-navigation>a:not(.is-active),html body .app-shell .site-header .nav-link-button,.nav-text-button{min-height:44px;color:var(--foreground);line-height:1;font-family:var(--fx-text);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:14px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}html body .app-shell .site-header .app-navigation>a>b{font:inherit;white-space:nowrap}html body .app-shell .site-header .app-navigation>a:hover,.nav-text-button:hover,.nav-text-button[aria-expanded=true]{background:var(--background-deep)}html body .app-shell .site-header .app-navigation>a.is-active,.nav-text-button.is-active{color:var(--primary)}.nav-text-button svg{transform-origin:50%;flex:none;width:16px;height:16px;margin:1px -2px 0 0;transition:transform .18s;display:block}.nav-text-button[aria-expanded=true] svg{transform:rotate(180deg)}html body .app-shell .site-header .header-actions{grid-area:actions;justify-self:end;align-items:center;gap:4px;margin:0;display:flex}html body .app-shell .site-header .community-header-actions button{box-shadow:none;background:0 0;border:0;border-radius:14px;height:44px;min-height:44px}html body .app-shell .site-header .community-header-actions button:hover{background:var(--background-deep)}html body .app-shell .site-header .community-header-actions button:last-child,html[data-theme=dark] body .app-shell .site-header .community-header-actions button:last-child{background:var(--foreground);color:var(--background);border:0}.nav-menu{position:relative}.nav-icon-button{min-width:44px;height:44px;color:var(--foreground);cursor:pointer;font-family:var(--fx-ui);background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.nav-icon-button:hover,.nav-icon-button[aria-expanded=true]{background:var(--background-deep)}.nav-icon-button svg{width:20px;height:20px}.palette-dot{background:var(--accent-soft);width:26px;height:26px;color:var(--primary);border-radius:9px;place-items:center;display:inline-grid}.nav-theme-button{gap:8px;padding:0 12px 0 9px}.nav-theme-label{font-family:var(--fx-text);font-size:15px;font-weight:500;line-height:1}.palette-dot .palette-emblem{width:18px;height:18px}.nav-panel{z-index:80;background:var(--surface);min-width:200px;color:var(--foreground);box-shadow:var(--shadow-2);border-radius:18px;padding:8px;animation:.18s cubic-bezier(.2,.7,.2,1) menu-in;position:absolute;top:calc(100% + 10px);right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.nav-panel--studio{grid-template-columns:1fr 1fr;gap:4px 12px;width:min(560px,100vw - 32px);padding:12px;display:grid;left:0;right:auto}.studio-menu-group{font-family:var(--fx-ui);color:var(--foreground-muted);margin:6px 10px;font-size:12px;font-weight:600}html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item{box-sizing:border-box;width:100%;min-height:0;color:var(--foreground);text-align:left;box-shadow:none;background:0 0;border-radius:12px;flex-direction:column;grid-template-columns:none;place-self:stretch stretch;align-items:flex-start;gap:2px;padding:10px 12px;text-decoration:none;display:flex;position:static}html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item>b,html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item>span{text-align:left;white-space:normal;width:auto;min-width:0;font-family:var(--fx-text);margin:0;line-height:1.35;display:block;position:static;inset:auto;transform:none}html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item>b{color:var(--foreground);font-size:15px;font-weight:600}html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item>span{color:var(--foreground-muted);font-size:13px;font-weight:400}html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item:hover,html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item:focus-visible{background:var(--background-deep)}html body .app-shell .site-header .app-navigation .nav-panel .studio-menu-item:focus-visible{outline:3px solid var(--primary);outline-offset:-1px}.nav-panel-item{text-align:left;width:100%;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 12px;font-size:15px;display:block}.nav-panel-item:hover{background:var(--background-deep)}.nav-panel-item.is-on{color:var(--primary);background:var(--accent-soft);font-weight:600}.nav-panel--lang{min-width:180px}.nav-panel--theme{gap:12px;width:300px;padding:12px;display:grid}.nav-panel fieldset{border:0;margin:0;padding:0}.nav-panel legend{font-family:var(--fx-ui);color:var(--foreground-muted);margin:0 0 6px 6px;font-size:12px;font-weight:600}.theme-palettes{gap:2px;display:grid}.theme-palettes label{cursor:pointer;border-radius:12px;grid-template-columns:24px 1fr auto 18px;align-items:center;gap:10px;padding:9px 10px;display:grid;position:relative}.theme-palettes label:hover{background:var(--background-deep)}.theme-palettes label.is-on{background:var(--accent-soft);font-weight:600}.theme-palettes input,.segmented input{opacity:0;pointer-events:none;position:absolute}:is(.theme-palettes label:has(input:focus-visible),.segmented label:has(input:focus-visible)){outline:3px solid var(--primary);outline-offset:1px}.theme-emblem{place-items:center;display:grid}.palette-emblem{display:block}.palette-emblem--meta{width:22px;height:auto}.theme-swatch{border-radius:999px;width:28px;height:14px}.theme-check{width:18px;height:18px;color:var(--primary)}.segmented{background:var(--background-deep);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented label{cursor:pointer;border-radius:10px;place-items:center;min-height:36px;font-size:14px;display:grid;position:relative}.segmented label.is-on{background:var(--surface);box-shadow:var(--shadow-1);font-weight:600}.theme-sound{background:var(--background-deep);width:100%;min-height:44px;color:var(--foreground);cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;display:flex}.theme-sound b{color:var(--primary)}.nav-panel-link{color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:6px 8px;font-weight:600;text-decoration:underline}@media (width<=1100px){html body .app-shell .site-header .app-navigation{display:none}html body .app-shell .site-header.site-header--float,html[data-theme=dark] body .app-shell .site-header.site-header--float{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand actions"}}@media (width<=720px){html body .app-shell .site-header.site-header--float,html[data-theme=dark] body .app-shell .site-header.site-header--float{border-radius:18px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand actions";gap:6px;width:calc(100% - 20px);height:60px;margin-top:8px;padding:0 6px;top:8px}.brand-logo,html body .app-shell .site-header .brand-logo.brand-tile{width:42px;height:42px}html body .app-shell .site-header .header-actions{gap:2px}.nav-lang-code{display:none}.nav-panel--theme{width:auto;position:fixed;top:76px;left:8px;right:8px}}@media (width<=430px){html body .app-shell .site-header .brand-name{display:none}}@media (width<=360px){.nav-theme-label{display:none}.nav-theme-button{padding:0 9px}}@media (width<=1100px){html body .app-shell .mobile-module-navigation,html[data-theme=dark] body .app-shell .mobile-module-navigation{width:100%;box-shadow:0 -8px 24px -16px var(--shadow-color);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;left:0;right:0;transform:none}}html body .app-shell :is(section,article,aside,header,footer,div,li,details,dialog,fieldset)[class]:not(.staff-figure):not(.site-header){border-color:#0000}html body .app-shell :is(button,a)[class*=card],html body .app-shell :is(.level-card,.mode-card,.module-card,.range-card,.instrument-card,.reading-profile-grid>button,.score-option-grid>button,.score-range-grid>button,.score-session-grid>button){background:var(--surface);box-shadow:var(--shadow-1);border-color:#0000}html body .app-shell :is(.level-card,.mode-card).is-selected,html body .app-shell [aria-pressed=true]:is(.level-card,.mode-card){background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--primary)}html body .app-shell :is(.setup-panel,.reading-session-summary,.lab-panel,.targeted-review,.community-result,.practice-streak-card,.reading-lesson-guidance,.ai-teacher,.local-result){box-shadow:var(--shadow-1);border-color:#0000;border-radius:22px}html body .app-shell :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea){background-color:var(--background-deep);border-color:#0000}html body .app-shell :is(input,select,textarea):focus-visible{outline:3px solid var(--primary);outline-offset:2px}html body .app-shell h1[tabindex="-1"]:focus{outline:none}.quick-start{gap:16px;margin:24px 0;display:grid}.quick-start h2{margin:0;font-size:22px;font-weight:600}.quick-start-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quick-start-presets button{text-align:left;background:var(--surface);width:100%;min-height:100px;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-1);border:0;border-radius:20px;align-content:start;gap:6px;padding:18px 20px;transition:box-shadow .18s,transform .18s;display:grid;transform:none}.quick-start-presets button strong{font-family:var(--fx-display);font-size:18px;font-weight:600}.quick-start-presets button span{color:var(--foreground-muted);font-size:14px;font-weight:400;line-height:1.45}.quick-start-presets button:hover:not(:disabled){box-shadow:var(--shadow-2);transform:translateY(-1px)}.quick-start-presets button:first-child{background:var(--primary);color:var(--primary-foreground)}.quick-start-presets button:first-child span{color:inherit;opacity:.85}.quick-start-presets button:disabled{opacity:.7;cursor:default;box-shadow:none;background:var(--background-deep)}.quick-start-recent h3{margin:0 0 6px;font-size:16px;font-weight:600}.quick-start-recent p{color:var(--foreground-muted);margin:0}.quick-start-recent ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.quick-start-recent li{background:var(--surface);border-radius:12px;justify-content:space-between;gap:12px;padding:10px 14px;font-size:15px;display:flex}.quick-start-recent b{font-variant-numeric:tabular-nums;font-weight:500}@media (width<=720px){.quick-start-presets{grid-template-columns:minmax(0,1fr)}}.result-teacher-link{margin:8px 0 0}.result-teacher-link .ghost-button{width:auto}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.palette-card{box-shadow:var(--shadow-1);border-radius:28px;align-content:start;gap:18px;padding:24px;display:grid}.palette-card-head{align-items:center;gap:14px;display:flex}.palette-card-head h2{align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.palette-card-head p{color:var(--foreground-muted);font-size:14px}.palette-card-head>button{margin-left:auto}.palette-card .brand-logo{background:var(--surface);box-shadow:var(--shadow-1)}.palette-hero h3{letter-spacing:-.02em;font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.05}.palette-hero h3 span{display:block}.palette-hero h3 span:last-child{color:var(--primary)}.palette-hero .lp-actions{margin-top:16px}.palette-card .hero-quiz{box-shadow:var(--shadow-1)}.palette-studio{background:var(--surface);box-shadow:var(--shadow-1);border-radius:22px;gap:8px;padding:20px;display:grid}.palette-contrast{color:var(--foreground-muted);font-size:13px}@media (width<=960px){.palette-grid{grid-template-columns:minmax(0,1fr)}}.palette-rows{gap:40px;display:grid}.palette-row{gap:14px;display:grid}.palette-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.palette-card-top{justify-content:space-between;align-items:center;display:flex}.palette-mode{font-family:var(--fx-ui);color:var(--foreground-muted);font-size:13px;font-weight:600}.palette-hero-title{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.05}.palette-hero-title span{display:block}.palette-hero-title span:last-child{color:var(--primary)}.palette-card .lp-actions{margin-top:4px}@media (width<=760px){.palette-pair{grid-template-columns:minmax(0,1fr)}}html[data-theme=dark] :is(.primary-button,.feedback>button,.guitar-feedback>button){background:var(--primary);color:var(--primary-foreground)}html[data-theme=dark] :is(.primary-button,.feedback>button,.guitar-feedback>button):hover{background:var(--primary-hover)}html body .app-shell .violin-string button.is-target{background:var(--primary);color:var(--primary-foreground)}html body .app-shell .mobile-module-navigation a.is-active{background:var(--accent-soft);color:var(--primary)}html body .app-shell>footer.site-footer{--sky:#0a3087;--sky-ink:#fff;--sky-muted:#e8eeffcc;--sky-quiet:#e8eeffa3;--sky-line:#ffffff29;text-align:left;width:100%;max-width:none;min-height:0;box-shadow:none;background:var(--sky);color:var(--sky-ink);isolation:isolate;border:0;border-radius:0;margin:48px 0 0;padding:0;font-size:15px;display:block;position:relative;overflow-x:clip;-webkit-mask-image:linear-gradient(#0000 0,#000 40px);mask-image:linear-gradient(#0000 0,#000 40px)}.site-footer-sky{z-index:2;padding:88px 0 0;position:relative}.site-footer-sky:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 34%, var(--sky)) 0%, transparent 78%);opacity:.55;position:absolute;inset:0 0 -12vw}.site-footer-inner,.site-footer-legal{width:min(calc(1240px - 2 * var(--fx-margin)), calc(100% - 2 * var(--fx-margin)));margin:0 auto}.site-footer-inner{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:32px 64px;display:grid}html body .app-shell footer.site-footer :is(span,p,a,button,h2,li){font-family:var(--fx-text);letter-spacing:0;text-transform:none}.site-footer-brand{align-content:start;gap:8px;display:grid}html body .app-shell footer.site-footer .site-footer-home{width:max-content;min-height:44px;color:var(--sky-ink);align-items:center;gap:12px;display:inline-flex}html body .app-shell footer.site-footer .site-footer-home>span{font-family:var(--fx-display);font-size:22px;font-weight:600}html body .app-shell footer.site-footer .site-footer-motto{color:var(--sky-ink);margin:0;font-size:17px;font-weight:500;display:block}html body .app-shell footer.site-footer .site-footer-about{max-width:34ch;color:var(--sky-muted);margin:0;font-size:15px;line-height:1.55;display:block}html body .app-shell footer.site-footer .brand-logo.footer-logo{background:#fff;border-radius:11px;flex:none;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0003}html body .app-shell footer.site-footer .brand-logo.footer-logo img{width:100%;height:100%;position:absolute;inset:0}html body .app-shell footer.site-footer .brand-logo.footer-logo .brand-logo-dark{display:none!important}html body .app-shell footer.site-footer .brand-logo.footer-logo .brand-logo-light{display:block!important}.site-footer-groups{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.9fr);gap:24px 32px;display:grid}.site-footer-group:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}html body .app-shell footer.site-footer .site-footer-group h2{color:var(--sky-quiet);margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4}.site-footer-group ul{gap:0;margin:0;padding:0;list-style:none;display:grid}html body .app-shell footer.site-footer a{color:var(--sky-muted);background:0 0;border:0;font-size:15px;text-decoration:none}html body .app-shell footer.site-footer .site-footer-group a{align-items:center;min-height:36px;display:inline-flex}html body .app-shell footer.site-footer a:hover{color:var(--sky-ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}html body .app-shell footer.site-footer a:focus-visible{outline:2px solid var(--sky-ink);outline-offset:3px;color:var(--sky-ink);border-radius:6px}.site-footer-legal{border-top:1px solid var(--sky-line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding:16px 0 4px;display:flex}html body .app-shell footer.site-footer .site-footer-legal :is(span,a){min-height:36px;color:var(--sky-quiet);align-items:center;font-size:14px;display:inline-flex}html body .app-shell footer.site-footer .site-footer-legal a{color:var(--sky-muted)}.site-footer-scene{z-index:1;aspect-ratio:2172/724;pointer-events:none;width:100%;margin-top:calc(-1*clamp(16px,6vw,96px));position:relative}.site-footer-scene img{object-fit:cover;object-position:50% 100%;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 14%);mask-image:linear-gradient(#0000 0,#000 14%)}@media (width<=960px){.site-footer-inner{grid-template-columns:minmax(0,1fr);gap:32px}}@media (width<=560px){.site-footer-sky{padding-top:64px}.site-footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.site-footer-group:last-child{grid-column:1/-1}.site-footer-group:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}html body .app-shell footer.site-footer .site-footer-group a{min-height:44px;padding:4px 0;line-height:1.3}html body .app-shell footer.site-footer .site-footer-legal :is(span,a){min-height:44px}.site-footer-legal{flex-direction:column;gap:0;margin-top:24px}.site-footer-scene{aspect-ratio:2;margin-top:-8px}html body .app-shell>footer.site-footer{padding-bottom:0}}html body .app-shell .site-header .app-navigation .nav-text-button,html body .app-shell .site-header .app-navigation .nav-text-button.is-active{color:var(--foreground);box-shadow:none;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;display:inline-flex}html body .app-shell .site-header .app-navigation .nav-text-button.is-active{color:var(--primary)}html body .app-shell .site-header .app-navigation .nav-text-button:hover,html body .app-shell .site-header .app-navigation .nav-text-button[aria-expanded=true]{background:var(--background-deep)}html body .app-shell :is(.level-card,.mode-card).is-selected,html body .app-shell [aria-pressed=true]:is(.level-card,.mode-card){box-shadow:var(--shadow-1);background:var(--accent-soft);border-color:#0000}html body .app-shell :is(.step-heading p,.kicker){font-family:var(--fx-ui);color:var(--primary);text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}html body .app-shell .chat-form input{height:46px;min-height:0;box-shadow:none;border-radius:14px;margin:0;padding:0 14px;font-size:16px}html body .app-shell .chat-form input:focus-visible{outline:3px solid var(--primary);outline-offset:1px}html body .app-shell .site-header .header-actions>.community-header-actions{flex:none;width:auto;min-width:max-content}html body .app-shell .site-header .header-actions>.community-header-actions button{max-width:none;overflow:visible}@media (width<=400px){html body .app-shell .site-header .header-actions>.community-header-actions button{padding-inline:12px;font-size:14px}}.legal-page .legal-updated{margin-top:0;font-size:14px}html body .app-shell .legal-page .legal-status{background:var(--accent-soft);max-width:76ch;color:var(--foreground);border-radius:14px;margin:16px 0 8px;padding:12px 16px;font-weight:500;line-height:1.55}.legal-page section{scroll-margin-top:96px}.legal-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:16px;display:flex}.legal-actions p{flex-basis:100%;margin:0}.legal-actions>button:not(.primary-button){background:var(--background-deep);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 16px}.legal-mail,.legal-more a{color:var(--primary);font-weight:500}.nav-sound .nav-icon-button[aria-checked=false]{color:var(--foreground-muted)}.sound-hint{z-index:90;background:var(--foreground);width:min(280px,100vw - 24px);color:var(--background);box-shadow:var(--shadow-2);font:500 14px/1.45 var(--fx-text);border-radius:14px;align-items:flex-start;gap:8px;padding:12px 10px 12px 14px;animation:.2s cubic-bezier(.2,.7,.2,1) menu-in;display:flex;position:absolute;top:calc(100% + 12px);right:-8px}.sound-hint:before{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}.sound-hint button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;font-size:18px;line-height:1}.sound-hint button:hover{background:color-mix(in srgb, var(--background) 16%, transparent)}.nav-settings-link{height:40px;color:var(--foreground);font:500 15px var(--fx-text);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px 0 11px;text-decoration:none;display:inline-flex}.nav-settings-link svg{width:20px;height:20px}.nav-settings-link:hover,.nav-settings-link.is-active{background:var(--background-deep)}@media (width<=640px){.nav-settings-link{flex:0 0 40px;justify-content:center;min-width:40px;padding:0}.nav-settings-link span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}html body .app-shell>.skip-link{z-index:100;background:var(--primary);color:var(--primary-foreground);font:600 15px var(--fx-text);border-radius:999px;padding:10px 16px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}html body .app-shell>.skip-link:focus-visible{outline:3px solid var(--foreground);outline-offset:2px;transform:none}.app-shell>.skip-target{outline:none;width:1px;height:1px;position:absolute;overflow:hidden}.scene-land{pointer-events:none;background:50% 100%/cover no-repeat;transition:opacity .75s;position:absolute;inset:0}html:not([data-theme=dark]) .lp-hero-scene .scene-land--day,html[data-scenes=both] .lp-hero-scene .scene-land--day{background-image:url(./hero-bordo-light-DdnKWAhO.webp)}html[data-theme=dark] .lp-hero-scene .scene-land--night,html[data-scenes=both] .lp-hero-scene .scene-land--night{background-image:url(./hero-bordo-dark-Dnwnah-Q.webp)}html:not([data-theme=dark])[data-palette=petrol] .lp-hero-scene .scene-land--day,html[data-scenes=both][data-palette=petrol] .lp-hero-scene .scene-land--day{background-image:url(./hero-petrol-light-e-5yuJS9.webp)}html[data-theme=dark][data-palette=petrol] .lp-hero-scene .scene-land--night,html[data-scenes=both][data-palette=petrol] .lp-hero-scene .scene-land--night{background-image:url(./hero-petrol-dark-8evPUdlK.webp)}html:not([data-theme=dark])[data-palette=indigo] .lp-hero-scene .scene-land--day,html[data-scenes=both][data-palette=indigo] .lp-hero-scene .scene-land--day{background-image:url(./hero-indigo-light-Cj2mzBoZ.webp)}html[data-theme=dark][data-palette=indigo] .lp-hero-scene .scene-land--night,html[data-scenes=both][data-palette=indigo] .lp-hero-scene .scene-land--night{background-image:url(./hero-indigo-dark-DOAq3m-q.webp)}html:not([data-theme=dark])[data-palette=kiremit] .lp-hero-scene .scene-land--day,html[data-scenes=both][data-palette=kiremit] .lp-hero-scene .scene-land--day{background-image:url(./hero-kiremit-light-CwyKDx_g.webp)}html[data-theme=dark][data-palette=kiremit] .lp-hero-scene .scene-land--night,html[data-scenes=both][data-palette=kiremit] .lp-hero-scene .scene-land--night{background-image:url(./hero-kiremit-dark-DwOgd4Bu.webp)}html:not([data-theme=dark])[data-palette=meta] .lp-hero-scene .scene-land--day,html[data-scenes=both][data-palette=meta] .lp-hero-scene .scene-land--day{background-image:url(./hero-meta-light-QfJA1Go5.webp)}html[data-theme=dark][data-palette=meta] .lp-hero-scene .scene-land--night,html[data-scenes=both][data-palette=meta] .lp-hero-scene .scene-land--night{background-image:url(./hero-meta-dark-ByFv_09D.webp)}html:not([data-theme=dark]) .site-footer-scene.is-near .scene-land--day,html[data-scenes=both] .site-footer-scene.is-near .scene-land--day{background-image:url(./footer-bordo-light-CzPtBDcR.webp)}html[data-theme=dark] .site-footer-scene.is-near .scene-land--night,html[data-scenes=both] .site-footer-scene.is-near .scene-land--night{background-image:url(./footer-bordo-dark-BNJrQi-3.webp)}html:not([data-theme=dark])[data-palette=petrol] .site-footer-scene.is-near .scene-land--day,html[data-scenes=both][data-palette=petrol] .site-footer-scene.is-near .scene-land--day{background-image:url(./footer-petrol-light-CwRHoRDr.webp)}html[data-theme=dark][data-palette=petrol] .site-footer-scene.is-near .scene-land--night,html[data-scenes=both][data-palette=petrol] .site-footer-scene.is-near .scene-land--night{background-image:url(./footer-petrol-dark-BAKL07kD.webp)}html:not([data-theme=dark])[data-palette=indigo] .site-footer-scene.is-near .scene-land--day,html[data-scenes=both][data-palette=indigo] .site-footer-scene.is-near .scene-land--day{background-image:url(./footer-indigo-light-BQ2ctAp2.webp)}html[data-theme=dark][data-palette=indigo] .site-footer-scene.is-near .scene-land--night,html[data-scenes=both][data-palette=indigo] .site-footer-scene.is-near .scene-land--night{background-image:url(./footer-indigo-dark-D3neMxtX.webp)}html:not([data-theme=dark])[data-palette=kiremit] .site-footer-scene.is-near .scene-land--day,html[data-scenes=both][data-palette=kiremit] .site-footer-scene.is-near .scene-land--day{background-image:url(./footer-kiremit-light-5fKGPmet.webp)}html[data-theme=dark][data-palette=kiremit] .site-footer-scene.is-near .scene-land--night,html[data-scenes=both][data-palette=kiremit] .site-footer-scene.is-near .scene-land--night{background-image:url(./footer-kiremit-dark-12NCBEIP.webp)}html:not([data-theme=dark])[data-palette=meta] .site-footer-scene.is-near .scene-land--day,html[data-scenes=both][data-palette=meta] .site-footer-scene.is-near .scene-land--day{background-image:url(./footer-meta-light-VUSpbbub.webp)}html[data-theme=dark][data-palette=meta] .site-footer-scene.is-near .scene-land--night,html[data-scenes=both][data-palette=meta] .site-footer-scene.is-near .scene-land--night{background-image:url(./footer-meta-dark-0zYJk__9.webp)}.scene-land--night{opacity:0}html[data-theme=dark] .scene-land--night{opacity:1}html[data-theme=dark] .scene-land--day{opacity:0}.brand-wordmark{aspect-ratio:1424/430;background:var(--primary);height:34px;display:block;-webkit-mask:url(./wordmark-CH01xaxg.svg) 50%/contain no-repeat;mask:url(./wordmark-CH01xaxg.svg) 50%/contain no-repeat}html[data-theme=dark] .brand-wordmark{background:var(--foreground)}html body .app-shell .site-header .brand{gap:0}@media (width<=420px){.brand-wordmark{height:28px}}.lp .lp-hero-scene{background:0 0;animation:none}.lp .lp-hero-scene:after{content:"";background:linear-gradient(180deg, transparent, var(--background));pointer-events:none;height:18%;position:absolute;inset:auto 0 0}html:not([data-theme=dark]) .lp .lp-hero-scene .ribbon-lines{opacity:.22}@media (width<=760px){.lp .lp-hero-scene .scene-land{background-position:0 100%;background-size:auto max(100%,620px)}}.glow-notes{z-index:1;pointer-events:none;position:absolute;inset:0}.lp .lp-hero>.lp-hero-copy,.lp .lp-hero>.hero-quiz{z-index:2}.glow-note{color:#ffd36e;cursor:pointer;pointer-events:auto;will-change:transform, opacity;background:0 0;border:0;border-radius:14px;width:48px;height:64px;margin:0;padding:0;transition:opacity .3s linear;position:absolute;top:0;left:0}.glow-note:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#ffde82f2,#ffc85a73 42%,#ffbe501f 70%,#0000 100%);border-radius:50%;width:84px;height:84px;margin:-42px 0 0 -42px;animation:4.2s ease-in-out infinite glow-breathe;position:absolute;top:46px;left:22px}.glow-note-glyph,.glow-mark{content:"";filter:drop-shadow(0 0 2px #ffecaa)drop-shadow(0 0 6px #ffd26ecc)drop-shadow(0 1px 1px #3c260073);background:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='31%20-1029%20339%201038'%3e%3cpath%20fill='currentColor'%20transform='scale(1%20-1)'%20d='M350%201009V173Q350%20130%20321.5%2093.0Q293%2056%20248.0%2033.5Q203%2011%20153%2011Q107%2011%2079.0%2034.5Q51%2058%2051%2098Q51%20129%2069.0%20158.0Q87%20187%20116.5%20210.5Q146%20234%20181.0%20247.5Q216%20261%20250%20261Q293%20261%20324%20236V1009Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='31%20-1029%20339%201038'%3e%3cpath%20fill='currentColor'%20transform='scale(1%20-1)'%20d='M350%201009V173Q350%20130%20321.5%2093.0Q293%2056%20248.0%2033.5Q203%2011%20153%2011Q107%2011%2079.0%2034.5Q51%2058%2051%2098Q51%20129%2069.0%20158.0Q87%20187%20116.5%20210.5Q146%20234%20181.0%20247.5Q216%20261%20250%20261Q293%20261%20324%20236V1009Z'/%3e%3c/svg%3e") 50%/contain no-repeat}.glow-note-glyph{transform-origin:13px 44px;pointer-events:none;position:absolute;inset:6px 9px}.glow-note--eighth .glow-note-glyph,.glow-mark--eighth{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='30%20-1029%20589%201038'%3e%3cpath%20fill='currentColor'%20transform='scale(1%20-1)'%20d='M325%201009H351Q357%20968%20366.0%20936.5Q375%20905%20392.0%20875.5Q409%20846%20437%20812Q467%20777%20487.0%20753.5Q507%20730%20527%20704Q564%20658%20581.5%20609.5Q599%20561%20599%20511Q599%20407%20511%20259H495Q523%20318%20545.5%20377.5Q568%20437%20568%20491Q568%20545%20540%20602Q512%20659%20461.5%20698.0Q411%20737%20351%20741V175Q351%20132%20323.5%2094.5Q296%2057%20251.0%2034.0Q206%2011%20152%2011Q109%2011%2079.5%2033.0Q50%2055%2050%2098Q50%20130%2067.0%20159.5Q84%20189%20112.0%20212.0Q140%20235%20173.5%20248.0Q207%20261%20241%20261Q299%20261%20325%20238Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='30%20-1029%20589%201038'%3e%3cpath%20fill='currentColor'%20transform='scale(1%20-1)'%20d='M325%201009H351Q357%20968%20366.0%20936.5Q375%20905%20392.0%20875.5Q409%20846%20437%20812Q467%20777%20487.0%20753.5Q507%20730%20527%20704Q564%20658%20581.5%20609.5Q599%20561%20599%20511Q599%20407%20511%20259H495Q523%20318%20545.5%20377.5Q568%20437%20568%20491Q568%20545%20540%20602Q512%20659%20461.5%20698.0Q411%20737%20351%20741V175Q351%20132%20323.5%2094.5Q296%2057%20251.0%2034.0Q206%2011%20152%2011Q109%2011%2079.5%2033.0Q50%2055%2050%2098Q50%20130%2067.0%20159.5Q84%20189%20112.0%20212.0Q140%20235%20173.5%20248.0Q207%20261%20241%20261Q299%20261%20325%20238Z'/%3e%3c/svg%3e")}.glow-note[data-tip-open]{color:#ffe7a6}.glow-note[data-tip-open]:after{opacity:1;animation:none;transform:scale(1.15)}.glow-note:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.glow-note-tip{background:var(--surface);width:max-content;max-width:210px;color:var(--foreground);box-shadow:var(--shadow-2);font:500 13px/1.4 var(--fx-text);text-align:left;opacity:0;pointer-events:none;border-radius:12px;padding:8px 12px;position:absolute;top:calc(100% + 2px);left:22px;transform:translate(-50%)}.glow-note[data-tip-open] .glow-note-tip{opacity:1;transition:opacity .12s}.glow-note[data-tip=start] .glow-note-tip{left:6px;transform:none}.glow-note[data-tip=end] .glow-note-tip{left:auto;right:6px;transform:none}.glow-note[data-tip-side=above] .glow-note-tip{top:auto;bottom:calc(100% + 2px)}.glow-note[data-tip-side=off] .glow-note-tip{opacity:0!important}:root:has(dialog[open],.chat-panel) .glow-note-tip{opacity:0!important}@keyframes glow-breathe{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.glow-notes.is-paused .glow-note:after{animation-play-state:paused}html:not([data-theme=dark]) .glow-note{color:#eaa823}html:not([data-theme=dark]) .glow-note:after{background:radial-gradient(closest-side,#ffd664f2,#ffbe3c80 42%,#ffb43c24 70%,#0000 100%)}@media (width<=560px){.glow-note-tip{max-width:160px;font-size:12px}}@media (prefers-reduced-motion:reduce){.glow-note:after{opacity:.85;animation:none}.glow-note{transition:none}}.glow-quiz{background:var(--surface);width:min(460px,100% - 32px);color:var(--foreground);border:0;border-radius:28px;padding:28px;box-shadow:0 30px 100px #0000004d}.glow-quiz::backdrop{background:#0a172b80}.glow-quiz h2{font:600 28px/1.15 var(--fx-display);letter-spacing:-.02em;margin:4px 0 8px}.glow-quiz-eyebrow{color:var(--primary);font:600 14px var(--fx-ui);margin:0}.glow-quiz-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:26px;position:absolute;top:12px;right:12px}.glow-quiz-close:hover{background:var(--background-deep)}.glow-quiz-staff{margin:8px 0 14px}.glow-quiz-answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.glow-quiz-answers button{background:var(--background-deep);min-height:48px;color:inherit;font:600 17px var(--fx-ui);cursor:pointer;border:0;border-radius:12px}.glow-quiz-answers button:hover{background:var(--accent-soft)}.glow-quiz-feedback{min-height:44px;color:var(--foreground-muted);margin:12px 0 6px;font-size:15px;line-height:1.5}.glow-quiz-actions{flex-wrap:wrap;gap:8px;display:flex}.glow-quiz-actions>button{min-height:44px;margin:0}html body .app-shell>footer.site-footer{--sky:color-mix(in srgb, var(--background) 97%, var(--foreground));--sky-ink:var(--foreground);--sky-muted:color-mix(in srgb, var(--foreground) 86%, transparent);--sky-quiet:color-mix(in srgb, var(--foreground) 72%, transparent);--sky-line:color-mix(in srgb, var(--foreground) 16%, transparent);--sky-veil:var(--sky);--veil:color-mix(in srgb, var(--sky) 78%, transparent);background:var(--sky);grid-template-columns:minmax(0,1fr);align-items:start;min-height:min(66.6667vw,1040px);margin-top:32px;display:grid;-webkit-mask-image:linear-gradient(#0000 0,#000 56px);mask-image:linear-gradient(#0000 0,#000 56px)}html[data-theme=dark] body .app-shell>footer.site-footer{--sky:color-mix(in srgb, var(--background) 93%, var(--foreground));--sky-muted:color-mix(in srgb, var(--foreground) 88%, transparent);--sky-line:color-mix(in srgb, var(--foreground) 18%, transparent);--veil:color-mix(in srgb, var(--sky) 62%, transparent)}html body .app-shell>footer.site-footer .site-footer-sky{z-index:2;grid-area:1/1;place-self:start stretch;width:100%;padding:clamp(96px,12vw,190px) 0 0;position:relative}html body .app-shell>footer.site-footer .site-footer-sky:before{content:"";z-index:-1;pointer-events:none;opacity:1;background:linear-gradient(180deg, var(--veil) 0%, var(--veil) 45%, transparent 100%);position:absolute;inset:0 0 -80px}html body .app-shell footer.site-footer .footer-wordmark{background:var(--primary);height:40px}html[data-theme=dark] body .app-shell footer.site-footer .footer-wordmark{background:#fff}.site-footer-scene{z-index:0;aspect-ratio:auto;pointer-events:none;margin:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:none;mask-image:none}.site-footer-scene .scene-land{background-position:50% 100%;background-size:cover}.site-footer-scene:not(.is-near) .scene-land{background-image:none}@media (width>=1120px){html body .app-shell>footer.site-footer .site-footer-inner,html body .app-shell>footer.site-footer .site-footer-legal{width:min(1060px, calc(100% - 2 * var(--fx-margin)));margin-left:max(var(--fx-margin), calc(100% - 1060px - var(--fx-margin)))}html body .app-shell>footer.site-footer .site-footer-inner{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px 48px}html body .app-shell>footer.site-footer .site-footer-sky:before{background:linear-gradient(180deg, var(--veil) 0%, color-mix(in srgb, var(--veil) 60%, transparent) 55%, transparent 100%)}}html body .app-shell>footer.site-footer .site-footer-legal{margin-top:24px}.footer-staff{color:#ffd98a;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.footer-staff .fs-lines use{fill:none;stroke:var(--sky-ink);stroke-width:1.4px;opacity:.3}.footer-staff .fs-clef,.footer-staff .fs-riders{fill:currentColor}.footer-staff .fs-stem{fill:none;stroke:currentColor;stroke-width:1.7px}.footer-staff--still{will-change:transform}.footer-staff--still .fs-clef{filter:drop-shadow(0 0 3px #ffd678d9)drop-shadow(0 0 10px #ffc85a73)}.footer-riders{pointer-events:none;color:#ffd98a;position:absolute;inset:0}.footer-rider{transform-origin:0 0;will-change:transform, opacity;width:0;height:0;position:absolute;top:0;left:0}.footer-rider svg{fill:currentColor;filter:drop-shadow(0 0 3px #ffd678e6)drop-shadow(0 0 7px #ffc85a73);position:absolute;overflow:visible}.footer-rider .fs-stem{fill:none;stroke:currentColor;stroke-width:1.7px}html:not([data-theme=dark]) .footer-staff--still{color:#f0b43a}html:not([data-theme=dark]) .footer-staff--still .fs-clef{filter:drop-shadow(0 0 3px #ffe296f2)drop-shadow(0 0 9px #ffc4508c)drop-shadow(0 1px 1px #50320073)}@media (width<=760px){html body .app-shell>footer.site-footer{background:var(--sky);flex-direction:column;min-height:0;display:flex}html body .app-shell>footer.site-footer .site-footer-scene{order:2}html body .app-shell>footer.site-footer .site-footer-sky{padding-top:64px;padding-bottom:8px}html body .app-shell>footer.site-footer .site-footer-sky:before{content:none}html body .app-shell>footer.site-footer .site-footer-scene>*{transform-origin:12% 80%;transform:scale(1.7)}.footer-staff .fs-lines use{stroke-width:2.4px}.footer-staff .fs-stem{stroke-width:2.2px}html body .app-shell>footer.site-footer .site-footer-scene{aspect-ratio:4/3;flex:none;width:100%;margin-top:-40px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 22%);mask-image:linear-gradient(#0000 0,#000 22%)}}@media (prefers-reduced-motion:reduce){.scene-land{transition:none}}.lp .lp-hero-scene:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--background) 90%, transparent) 0%, color-mix(in srgb, var(--background) 82%, transparent) 34%, color-mix(in srgb, var(--background) 30%, transparent) 50%, transparent 60%);position:absolute;inset:0}.lp .lp-hero .lp-lead{color:var(--foreground)}@media (width<=960px){.lp .lp-hero-scene:before{background:linear-gradient(180deg, color-mix(in srgb, var(--background) 88%, transparent) 0%, color-mix(in srgb, var(--background) 80%, transparent) 55%, transparent 80%)}}.lp .lp-hero-scene .scene-land{z-index:0}.lp .lp-hero-scene:before,.lp .lp-hero-scene:after{z-index:1}.lp .lp-hero-scene .hero-ribbon{z-index:2}html body .glow-quiz[open]{height:fit-content;max-height:calc(100svh - 32px);margin:auto;position:fixed;inset:0;overflow:auto}html body .app-shell footer.site-footer :is(.site-footer-group a,.site-footer-legal :is(span,a),.site-footer-group h2){text-shadow:0 0 2px color-mix(in srgb, var(--sky-veil,#f3f1ff) 90%, transparent), 0 0 10px color-mix(in srgb, var(--sky-veil,#f3f1ff) 75%, transparent)}html[data-theme=dark] body .app-shell footer.site-footer :is(.site-footer-group a,.site-footer-legal :is(span,a),.site-footer-group h2){text-shadow:0 0 2px color-mix(in srgb, var(--sky) 90%, transparent), 0 0 10px color-mix(in srgb, var(--sky) 70%, transparent)}html body .app-shell>footer.site-footer{overflow:clip}html body .app-shell>footer.site-footer .site-footer-legal{padding-right:84px}@media (width<=760px){html body .app-shell>footer.site-footer .site-footer-legal{padding-right:72px}}html:not([data-theme=dark]) .footer-riders{color:#f0b43a}@media (width<=760px){.footer-rider .fs-stem{stroke-width:2.2px}}@media (width>=761px) and (width<=999px){html body .app-shell>footer.site-footer{background:var(--sky);flex-direction:column;min-height:0;display:flex}html body .app-shell>footer.site-footer .site-footer-scene{aspect-ratio:1536/1024;flex:none;order:2;width:100%;margin-top:-56px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 18%);mask-image:linear-gradient(#0000 0,#000 18%)}html body .app-shell>footer.site-footer .site-footer-sky{padding-top:64px;padding-bottom:8px}html body .app-shell>footer.site-footer .site-footer-sky:before{content:none}}@media (width>=1000px){html body .app-shell>footer.site-footer{height:min(100svh,66.6667vw,1080px);min-height:0}html body .app-shell>footer.site-footer .site-footer-sky{padding-top:clamp(72px,19svh,200px)}html body .app-shell footer.site-footer .site-footer-group a{min-height:30px}html body .app-shell>footer.site-footer .site-footer-group h2{margin-bottom:6px}html body .app-shell>footer.site-footer .site-footer-legal{margin-top:12px;padding-top:10px}html body .app-shell>footer.site-footer .site-footer-legal :is(span,a){min-height:28px}}html body .app-shell .site-header .nav-link-button>b{font:inherit;white-space:nowrap}html body .app-shell .site-header .nav-link-button:hover{background:var(--background-deep)}html body .app-shell .site-header .nav-link-button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}html body .app-shell .site-header .header-actions>.nav-link-button,html body .app-shell .site-header .nav-link-button>svg{display:none}@media (width<=1100px){html body .app-shell .site-header .header-actions>.nav-link-button{display:inline-flex}}@media (width<=520px){html body .app-shell .site-header .header-actions>.nav-link-button{padding:0 10px}html body .app-shell .site-header .header-actions>.nav-link-button>svg{flex:none;width:20px;height:20px;display:block}html body .app-shell .site-header .header-actions>.nav-link-button>b{display:none}}.theme-menu{position:relative}html body .app-shell .site-header .nav-theme-button{min-height:44px;color:var(--foreground);font:500 15px var(--fx-text);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:14px;flex:none;align-items:center;gap:7px;width:auto;margin:0;padding:0 14px 0 11px;display:inline-flex}html body .app-shell .site-header .nav-theme-button:hover,html body .app-shell .site-header .nav-theme-button[aria-expanded=true]{background:var(--background-deep)}html body .app-shell .site-header .nav-theme-button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.nav-theme-button svg{flex:none;width:20px;height:20px}.theme-menu-panel{z-index:80;background:var(--surface);width:380px;color:var(--foreground);box-shadow:var(--shadow-2);border-radius:18px;gap:16px;padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.theme-menu-panel fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.theme-menu-panel legend{color:var(--foreground-muted);font:600 13px var(--fx-ui);margin-bottom:8px;padding:0}.theme-menu-palettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.theme-menu-palettes label,.theme-menu-modes label{cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:0 10px;font-size:14px;display:flex;position:relative}.theme-menu-palettes label:hover,.theme-menu-modes label:hover{background:var(--background-deep)}.theme-menu-palettes label.is-on,.theme-menu-modes label.is-on{background:var(--background-deep);color:var(--primary);font-weight:600}.theme-menu-panel input{opacity:0;width:1px;height:1px;position:absolute}.theme-menu-panel label:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:1px}.theme-menu-swatch{width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:6px;flex:none}.theme-menu-modes{background:color-mix(in srgb, var(--background-deep) 55%, transparent);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.theme-menu-modes label{justify-content:center}html body .app-shell .theme-menu-more{width:auto;color:var(--primary);font:600 14px var(--fx-ui);cursor:pointer;box-shadow:none;background:0 0;border:0;justify-self:start;margin:0;padding:4px 0}.panel-settings-link{justify-content:center;margin:16px 0 0;display:flex}.trial-welcome{gap:16px;display:grid}.trial-welcome p{margin:0}.trial-welcome-lead{color:var(--foreground);font-size:17px;line-height:1.5}.trial-welcome ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trial-welcome li{color:var(--foreground);padding-left:24px;line-height:1.45;position:relative}.trial-welcome li:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:4px}.trial-welcome-fair{color:var(--foreground-muted);font-size:14px;line-height:1.5}.trial-welcome-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.trial-welcome-actions>button{width:auto;margin:0;padding-inline:20px}.account-trial{color:var(--foreground-muted);margin:0 0 16px;font-size:14px;line-height:1.45}@media (width<=720px){.theme-menu-panel{width:auto;position:fixed;top:76px;left:8px;right:8px}html body .app-shell .site-header .nav-theme-button{padding:0 10px}}@media (width<=400px){html body .app-shell .site-header .nav-theme-button span{display:none}}html body .app-shell .site-header .nav-lang-button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}html body .app-shell .site-header .nav-theme-button{padding:0 8px 0 11px}html body .app-shell .site-header .nav-lang-button{padding:0 8px}html body .app-shell .site-header .nav-settings-link{min-width:40px;padding:0;text-decoration:none}html body .app-shell .site-header .nav-settings-link[aria-current=page]{background:var(--background-deep)}html body .app-shell .site-header .nav-settings-link:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (width<=520px){html body .app-shell .site-header .nav-lang-button{min-width:40px}html body .app-shell .site-header .header-actions>.community-header-actions{flex:0 auto;min-width:0}html body .app-shell .site-header .header-actions>.community-header-actions button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}}@media (width<=360px){.brand-wordmark{height:24px}html body .app-shell .site-header .header-actions{gap:0}html body .app-shell .site-header :is(.header-actions>.nav-link-button,.nav-theme-button,.nav-lang-button){min-width:36px;padding:0 8px}html body .app-shell .site-header .header-actions>.community-header-actions button{padding-inline:10px}}:root{--card-scene:radial-gradient(120% 95% at 50% 0%, color-mix(in srgb, #cfdfee 70%, var(--surface)) 0%, color-mix(in srgb, var(--background-deep) 80%, var(--surface)) 82%)}html[data-theme=dark]{--card-scene:radial-gradient(120% 95% at 50% 0%, color-mix(in srgb, #3a4a63 45%, var(--surface)) 0%, var(--background-deep) 82%)}.card-picture{object-fit:cover;width:100%;height:100%;display:block}html body .app-shell .instrument-hub .instrument-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}html body .app-shell .instrument-hub .instrument-card{background:var(--surface);min-height:0;box-shadow:var(--shadow-1);border-radius:24px;align-items:stretch;padding:8px 8px 20px}html body .app-shell .instrument-hub .instrument-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.instrument-hub .instrument-scene{background:var(--card-scene);border-radius:17px;place-items:center;height:220px;padding:0 28px;display:grid;overflow:hidden}.instrument-hub .instrument-scene:has(>.card-picture){padding:0}.instrument-hub .instrument-scene .instrument-illustration{width:100%;height:150px;margin:0}.instrument-hub .instrument-card>strong{font-family:var(--fx-display,inherit);letter-spacing:-.01em;margin:16px 12px 0;font-size:26px;font-weight:500;line-height:1.15}.instrument-hub .instrument-card>span:not(.instrument-scene){color:var(--foreground-muted);margin:6px 12px 0;font-size:15px;line-height:1.5}.instrument-hub .instrument-card>b{color:var(--primary);margin:16px 12px 0;font-size:15px;font-weight:600}@media (width<=900px){html body .app-shell .instrument-hub .instrument-grid{grid-template-columns:minmax(0,1fr)}.instrument-hub .instrument-scene{height:180px}}.results-shell.results-v2{gap:16px;width:min(1080px,100% - 32px);padding:32px 0 56px;display:grid}.rv-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.rv-top .kicker{margin:0}.rv-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:16px;display:grid}.rv-card{background:var(--surface);box-shadow:var(--shadow-1);color:var(--foreground);border-radius:24px;align-content:start;gap:16px;padding:28px;display:grid}.rv-main{grid-column:span 7}.rv-focus{grid-column:span 5}.rv-grid:not(:has(.rv-focus)) .rv-main{grid-column:1/-1}.rv-grid>.ai-teacher--compact{grid-column:1/-1}.rv-main h1{font-family:var(--fx-display);letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.1vw,40px);font-weight:600;line-height:1.08}.rv-main h1:focus{outline:none}.rv-lead{color:var(--foreground-muted);margin:0;font-size:16px;line-height:1.5}.rv-measures{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.rv-hero-metric{align-items:center;gap:16px;display:flex}.rv-hero-metric>strong{font:600 48px/1 var(--fx-display)}.rv-hero-metric>span{max-width:11em;color:var(--foreground-muted);font-size:15px;line-height:1.35}.rv-hero-metric .score-ring{flex:none;width:108px;height:108px;margin:0}.rv-hero-metric .score-ring-copy{background:var(--surface);width:86px;height:86px}.rv-hero-metric .score-ring strong{font:600 26px/1 var(--fx-display);color:var(--foreground)}.rv-hero-metric .score-ring-track{stroke:var(--background-deep)}.rv-hero-metric .score-ring-progress{stroke:var(--primary)}.rv-helpers{grid-template-columns:repeat(2,minmax(0,auto));gap:8px 32px;margin:0;display:grid}.rv-helpers dt{color:var(--foreground-muted);font-size:13px}.rv-helpers dd{font:600 22px/1.1 var(--fx-display);font-variant-numeric:tabular-nums;margin:2px 0 0}.rv-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.app-shell .rv-actions>.ghost-button{align-items:center;min-height:44px;padding:0 16px;display:inline-flex}.app-shell .rv-actions>button{width:auto}.rv-focus h2{font-family:var(--fx-display);margin:0;font-size:20px;font-weight:600}.rv-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rv-notes li{background:var(--background-deep);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;font-size:15px;display:grid}.rv-notes li span:not(.note-pill){color:var(--foreground-muted)}.rv-notes li b{color:var(--primary);font-size:14px;font-weight:600}.rv-note{color:var(--foreground-muted);margin:0;font-size:15px;line-height:1.5}.rv-focus .targeted-review{box-shadow:none;background:0 0;margin:0;padding:0}.practice-streak-chip{color:var(--foreground-muted);flex-wrap:wrap;gap:4px 12px;margin:0;font-size:14px;display:flex}.practice-streak-chip b{color:var(--foreground);font-weight:600}.ai-teacher.ai-teacher--compact{background:var(--surface);box-shadow:var(--shadow-1);border:0;border-radius:24px;gap:12px;margin:0;padding:28px}.ai-teacher--compact .ai-teacher-head{padding:0}.ai-teacher--compact .ai-teacher-head h2{font-size:18px}.ai-teacher--compact .ai-teacher-body{gap:12px}.ai-teacher--compact .ai-teacher-ask{background:var(--background-deep);border:0;border-radius:16px;justify-items:start;gap:8px;padding:14px 16px;display:grid}.ai-teacher--compact .ai-teacher-ask p{margin:0}.ai-teacher--compact .ai-teacher-suggest{max-width:640px}.ai-teacher-more summary{cursor:pointer;color:var(--primary);font:600 14px var(--fx-ui)}.ai-teacher-more[open] summary{margin-bottom:10px}.ai-teacher-limits-list{color:var(--foreground-muted);margin:4px 0 0;padding-left:20px;font-size:14px;line-height:1.6}.rv-details{background:var(--surface);box-shadow:var(--shadow-1);border-radius:18px;padding:16px 20px}.rv-details summary{cursor:pointer;font:600 15px var(--fx-ui)}.rv-details[open] summary{margin-bottom:12px}.rv-details .result-session-meta{margin:0 0 8px}.rv-leaderboard{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.app-shell .rv-leaderboard button{white-space:nowrap;width:auto;min-height:44px;padding:0 20px}.community-result-inline{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.community-result-inline small{color:var(--foreground-muted);font-size:13px}:is(.guitar-results,.score-reading-results)>.rv-top{margin-bottom:16px}.result-share-menu{position:relative}.result-share-menu summary{cursor:pointer;background:var(--background-deep);font:600 13px var(--fx-ui);color:var(--foreground-muted);border-radius:10px;padding:6px 12px;list-style:none}.result-share-menu summary::-webkit-details-marker{display:none}.result-share-menu>div{z-index:5;background:var(--surface);min-width:200px;box-shadow:var(--shadow-2);border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.result-share-menu>div button{color:var(--foreground);text-align:left;font:500 14px var(--fx-ui);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px}.result-share-menu>div button:hover{background:var(--background-deep)}.result-share-menu>p{color:var(--foreground-muted);margin:4px 0 0;font-size:13px}.result-share-menu>p:empty{display:none}@media (width<=760px){.results-shell.results-v2{padding-top:20px}.rv-grid{grid-template-columns:minmax(0,1fr)}.rv-main,.rv-focus,.rv-grid>.ai-teacher--compact{grid-column:1/-1}.rv-measures{gap:14px}}.rv-staff{max-width:300px;margin:-8px 0 -12px}.rv-staff svg{pointer-events:none}@media (width<=760px){.rv-card,.ai-teacher.ai-teacher--compact{padding:20px}}html body .app-shell :is(.rv-actions,.rv-leaderboard,.community-result-inline)>button,html body .app-shell .ai-teacher--compact button{margin:0}.targeted-review.targeted-review--compact{gap:12px;padding:20px 24px;display:grid}.targeted-review-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.targeted-review--compact h2{font-family:var(--fx-display);margin:0 0 8px;font-size:20px;font-weight:600}.targeted-review-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.targeted-review-chips li{background:var(--background-deep);border-radius:999px;padding:4px 12px;font-size:14px}.targeted-review-chips li.is-more{color:var(--foreground-muted)}.app-shell .targeted-review--compact .secondary-button{width:auto;margin:0}.targeted-review-why summary{cursor:pointer;color:var(--primary);font:600 14px var(--fx-ui)}.targeted-review-why[open] summary{margin-bottom:12px}.targeted-review-why small{color:var(--foreground-muted);margin-top:8px;display:block}.hero-copy.hero-copy--compact{min-height:0;margin:32px 0 8px;padding:0;display:block}.hero-copy--compact h2{font-family:var(--fx-display);margin:0;font-size:clamp(24px,2.4vw,30px);font-weight:600}.hero-copy--compact .hero-lead,.hero-copy--compact .hero-staff{display:none}.targeted-review-row>div{flex:420px;min-width:0}.app-shell .ai-teacher--compact .ai-teacher-ask :is(.primary-button,.secondary-button){width:auto;min-width:0;min-height:44px;padding:0 20px}.ai-teacher--compact .ai-teacher-ask--failed{border:1px solid color-mix(in srgb, var(--danger) 30%, transparent)}.ai-teacher--compact .ai-teacher-ask--failed p{margin:0}