.tool-island{position:relative}.first-paint-note,.first-paint-panel{display:none}html[data-store=blocked] .first-paint-blocked,html[data-store=damaged] .first-paint-damaged{display:block}html[data-store=blocked] .tool-static,html[data-store=damaged] .tool-static{display:none}html[data-store=saved] .tool-static{visibility:hidden}html[data-store=saved] .first-paint-note{display:block;position:absolute;top:0;left:0;margin:0;color:var(--muted)}.home-header{position:relative;isolation:isolate;max-width:none;margin:calc(var(--s-5) * -1) 0 var(--s-4);padding:var(--s-5) 0}.hero-trace,.home-header:before{position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;height:100%}.home-header:before{content:"";z-index:-2;background:var(--card);border-bottom:1px solid var(--line-soft)}.home-header h1{max-width:14ch;font-size:clamp(2.75rem,2rem + 3vw,4.5rem);line-height:.98;letter-spacing:-.015em;text-wrap:balance}.home-header .lede{max-width:var(--measure)}@media (min-width:64rem){.home-header{padding:var(--s-7) 0;margin-bottom:var(--s-5)}}.hero-trace{display:block;opacity:.42}@media (max-width:63.999rem){.home-header{padding:var(--s-4) 0 calc(48px + var(--s-3))}.hero-trace{top:auto;bottom:var(--s-2);height:48px;opacity:.6}}.hero-band{fill:var(--band-ok);stroke:var(--note);stroke-width:1.5}.hero-staff{stroke:var(--line-soft);stroke-width:1}.hero-line{fill:none;stroke:var(--sung);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:trace-draw 1.8s var(--ease-out) .2s forwards}@keyframes trace-draw{to{stroke-dashoffset:0}}.empty-trace:before{content:"";display:block;width:160px;height:40px;margin-bottom:var(--s-2);background:var(--trace-img) left center /contain no-repeat}:root:has(.session) .band,:root:has(.session) .home-header,:root:has(.session) .trainer-more{display:none}.who{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-3) var(--s-5);margin-bottom:var(--s-4)}.who-label{display:block;margin-bottom:var(--s-1);font-size:.875rem;font-weight:600;color:var(--graphite)}.who-field{display:block;min-width:12rem}.grade-chips{margin:0;padding:0;border:0;min-width:0}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{min-height:44px;padding:0 var(--s-4);border:1.5px solid var(--line);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip:disabled{cursor:default}.test-cards{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-3);gap:var(--s-3);margin:0;padding:0;list-style:none}@media (min-width:40rem){.test-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:72rem){.test-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.test-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title start" "text text" "meta meta" "left left";align-items:center;grid-gap:var(--s-1) var(--s-3);gap:var(--s-1) var(--s-3);padding:var(--s-3) var(--s-4);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card)}@media (min-width:40rem){.test-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "text" "meta" "left" "start";align-content:start;padding:var(--s-4)}}.test-card-title{grid-area:title;display:flex;align-items:center;gap:var(--s-2);margin:0;font-size:1.5rem;line-height:1.1}.test-letter{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;border:1.5px solid var(--note);color:var(--ink);font-size:1.25rem;line-height:1}.test-card-text{grid-area:text;margin:0;font-size:.9375rem}.test-card-meta{grid-area:meta;margin:0;font-size:.8125rem;color:var(--muted)}.test-card-left{grid-area:left;margin:0;font-size:.875rem;font-weight:600}.test-start{grid-area:start;justify-self:end}@media (min-width:40rem){.test-start{justify-self:start;margin-top:var(--s-2)}}@media (max-width:39.99rem){.test-card-meta,.test-card-text{display:none}.test-card{grid-template-areas:"title start" "left start";padding:var(--s-2) var(--s-3)}}.band-card{margin-top:var(--s-5);padding:var(--s-4);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-card)}.band-card>:first-child{margin-top:0}.band-card>p{max-width:var(--measure)}.band-card summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.mock-card{border-top:3px solid var(--note)}.weak-list{margin:0 0 var(--s-4);padding:0;list-style:none;max-width:28rem}.weak-list li{display:flex;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--line-soft)}.h4{margin:var(--s-4) 0 var(--s-2);font-family:var(--sans);font-size:1rem;font-weight:700}.confirm-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:var(--s-2)}.quiet-notice{color:var(--muted)}.session{max-width:48rem}.session-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-soft)}.session-title{margin:0;font-size:1.75rem;line-height:1.1}.session-title:focus{outline:none}.session-title:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.mock-clock{font-weight:700}.end-button{margin-left:auto}.run{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4)}.run:focus:not(:focus-visible),.self-mark:focus:not(:focus-visible){outline:none}.run-facts{margin:0;color:var(--muted)}.run-ask{margin:0;max-width:var(--measure);font-size:1.0625rem}.button.big{min-height:64px;min-width:min(100%,18rem);padding:0 var(--s-6);font-size:1.25rem}.stop-button{align-self:flex-start}.run-live{display:flex;flex-direction:column;gap:var(--s-4);width:100%;max-width:32rem}.count-in{display:grid;justify-items:center;grid-gap:var(--s-2);gap:var(--s-2);padding:var(--s-5) var(--s-4);border:2px solid var(--line-soft);border-radius:var(--r-card);background:var(--card);text-align:center}.count-in.now{border-color:var(--accent-fill)}.count-label{font-size:1.125rem;font-weight:700}.count-number{font-family:var(--serif);font-size:5rem;line-height:1}.count-dots{display:flex;gap:var(--s-2)}.dot{width:14px;height:14px;border:2px solid var(--line);border-radius:50%}.dot.on{background:var(--ink);border-color:var(--ink)}.progress{width:100%;height:12px;border-radius:var(--r-pill);background:var(--raised);overflow:hidden}.progress-fill{height:100%;background:var(--accent-fill);transform-origin:left center}.count-left{color:var(--muted)}.meter{display:grid;grid-template-columns:auto minmax(0,1fr) 4.5rem;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);width:100%;max-width:32rem}.meter-label{font-size:.875rem;color:var(--graphite)}.meter-track{height:12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--raised);overflow:hidden}.meter-fill{height:100%;background:var(--sung);transform-origin:left center;transition:transform var(--t-fast) linear}.meter-value{font-size:.875rem;text-align:right}.choices{margin:0;padding:0;border:0;min-width:0}.choices-legend{margin-bottom:var(--s-2);font-weight:700}.choice-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.choice{min-height:48px;padding:0 var(--s-4);border:1.5px solid var(--line);border-radius:var(--r-control);background:var(--card);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.choice[aria-pressed=true]{border-color:var(--ink);background:var(--band-ok)}.choice:disabled{opacity:.55;cursor:not-allowed}.answer-clock{margin:0;font-weight:700}.result{display:flex;flex-direction:column;gap:var(--s-3);width:100%}.score-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-3);margin:0}.score-num{font-family:var(--serif);font-size:4rem;line-height:1}.score-of{font-weight:700}.score-words{flex-basis:100%;color:var(--muted);max-width:var(--measure)}.verdict{display:flex;gap:var(--s-2);align-items:flex-start;margin:0;padding:var(--s-3);border:2px solid var(--line-soft);border-radius:var(--r-control);max-width:36rem}.verdict.ok{border-color:var(--ok)}.verdict.miss{border-color:var(--bad)}.verdict-mark{font-weight:800;font-size:1.25rem;line-height:1.2}.verdict.ok .verdict-mark{color:var(--ok)}.verdict.miss .verdict-mark{color:var(--bad)}.result-line{margin:0;max-width:40rem}.result-actions{margin-top:var(--s-2)}.heard{width:100%;padding:var(--s-3);border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--card)}.heard summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.heard summary,.mark-miss,.mark-ok{font-weight:700}.mark-ok:before{content:"\2713\00a0";color:var(--ok)}.mark-miss:before{content:"\2715\00a0";color:var(--bad)}.self-mark{display:flex;flex-direction:column;gap:var(--s-3);width:100%;padding:var(--s-4);border:1px solid var(--line-soft);border-left:4px solid var(--note);border-radius:var(--r-card);background:var(--card)}.self-mark>p{margin:0}.self-mark-row{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.self-mark-title{margin:0;font-weight:700}.plain-list{margin:0;padding-left:1.25rem}.trace{margin:var(--s-3) 0}.trace-svg{display:block;width:100%;height:auto;background:var(--sheet-paper);border:1px solid var(--line-soft);border-radius:var(--r-control)}.trace-grid{stroke:var(--line-soft);stroke-width:1}.trace-label{fill:var(--muted);font:600 18px var(--sans)}.trace-target{stroke-width:1.5}.trace-target.ok{fill:var(--band-ok);stroke:var(--note)}.trace-target.miss{fill:var(--band-miss);stroke:var(--bad);stroke-dasharray:4 3}.trace-sung{fill:none;stroke:var(--sung);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trace-key{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-4);margin-top:var(--s-2);font-size:.8125rem;color:var(--muted)}.key-target:before{width:14px;height:8px;border:1.5px solid var(--note);border-radius:4px;background:var(--band-ok)}.key-sung:before,.key-target:before{content:"";display:inline-block;margin-right:6px;vertical-align:middle}.key-sung:before{width:16px;height:4px;border-radius:2px;background:var(--sung)}.clap-window{fill:var(--band-ok)}.beat-strong{stroke:var(--ink);stroke-width:3}.beat-weak{stroke:var(--line);stroke-width:2}.clap-on{fill:var(--sung);stroke:var(--sheet-paper);stroke-width:2}.clap-off{fill:var(--bad);stroke:var(--sheet-paper);stroke-width:1.5}.clap-extra{stroke:var(--bad);stroke-width:3.5;stroke-linecap:round}.diff-figure{margin:0;width:100%}.diff-pair{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-3);gap:var(--s-3)}@media (min-width:40rem){.diff-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.diff-label{margin:0 0 var(--s-1);font-weight:700;font-size:.875rem}.diff-svg{display:block;width:100%;height:auto;background:var(--sheet-paper);border:1px solid var(--line-soft);border-radius:var(--r-control)}.diff-note{fill:var(--note)}.diff-note.changed{fill:var(--sung);stroke:var(--ink);stroke-width:2.5}@media (max-width:39.99rem){.mark-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mark-table,.mark-table tbody,.mark-table td,.mark-table tr{display:block;width:100%}.mark-table tr{padding:var(--s-2) 0;border-bottom:1px solid var(--line-soft)}.mark-table td{display:flex;justify-content:space-between;gap:var(--s-3);padding:2px 0;border:0;white-space:normal;text-align:right}.mark-table td:before{content:attr(data-label);font-weight:700;text-align:left}}@media (min-width:40rem){.mark-table td,.mark-table th{white-space:nowrap}}.check-tool{display:flex;flex-direction:column;gap:var(--s-4);max-width:48rem}.check-status{min-height:1.6em;font-weight:700}.count-beat{display:block;margin-top:var(--s-2);font-family:var(--serif);font-size:2.5rem}.check-live{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.check-card>:first-child{margin-top:0}.check-card>p{max-width:var(--measure)}.check-result{margin-top:var(--s-4)}.range-row{display:flex;align-items:center;gap:var(--s-3);font-size:.875rem}.range-row input{flex:1 1;min-width:0;min-height:44px;accent-color:var(--link)}.diag summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.diag-list{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--s-1);gap:var(--s-1);margin:var(--s-3) 0 0}.diag-list dt{font-weight:700}.diag-list dd{margin:0 0 var(--s-2);overflow-wrap:anywhere}.notice-ok{border-left:4px solid var(--ok)}.notice-warn{border-left:4px solid var(--warn)}.notice-bad{border-left:4px solid var(--bad)}.band h2{margin-top:0}.print-only{display:none}@media print{.site-main>:not(.trainer-more),.trainer-more>:not(.teacher-sheet),.trainer>:not(.teacher-sheet){display:none!important}.print-only{display:block}.teacher-sheet{color:#000;background:#fff;font-size:11pt}.teacher-sheet h2{font-size:18pt;margin:0 0 6pt}.teacher-sheet h3{font-size:12pt;margin:14pt 0 4pt;page-break-after:avoid;break-after:avoid}.teacher-sheet table{width:100%;border-collapse:collapse}.teacher-sheet td,.teacher-sheet th{padding:3pt 6pt 3pt 0;border-bottom:.5pt solid #999;text-align:left;vertical-align:top}.sheet-foot,.teacher-sheet tr{page-break-inside:avoid;break-inside:avoid}.sheet-foot{margin-top:16pt;padding-top:6pt;border-top:.5pt solid #c7d6e6;font-size:8pt;color:#444}.sheet-foot p{margin:0 0 2pt}.sheet-credit{color:#475a74}.diff-svg,.trace-svg{background:#fff}.trace-sung{stroke:#8f5200}}.share-button{margin-left:auto}.share-dialog{width:min(36rem,calc(100% - 2 * var(--gutter)));max-height:calc(100dvh - 2 * var(--s-4));padding:0;border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--card);color:var(--ink);box-shadow:var(--shadow-2)}.share-dialog::-webkit-backdrop{background:rgb(6 18 28/.45)}.share-dialog::backdrop{background:rgb(6 18 28/.45)}.share-body{padding:var(--s-4) var(--s-5) var(--s-5)}.share-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);border-bottom:1px solid var(--line-soft);margin-bottom:var(--s-3)}.share-head h2{margin:0}.share-lists{display:grid;grid-gap:0 var(--s-5);gap:0 var(--s-5)}@media (min-width:40rem){.share-lists{grid-template-columns:repeat(2,minmax(0,1fr))}}.share-lists h3{margin:var(--s-2) 0 var(--s-1)}.share-lists ul{margin:0 0 var(--s-3);padding-left:1.2em}.share-link{display:block;width:100%;min-height:4.5rem;padding:var(--s-2) var(--s-3);border:1.5px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font:.8125rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;resize:vertical}.share-copied{margin:var(--s-2) 0 0;color:var(--graphite)}.shared-banner{margin:0 0 var(--s-4);padding:var(--s-4) var(--s-5);border:1px solid var(--note);border-left-width:4px;border-radius:var(--r-control);background:var(--card)}.shared-banner h2{margin:0 0 var(--s-2)}.shared-banner .action-row{margin-bottom:0}.shared-banner .notice{margin:var(--s-3) 0 0}