.nr-tool{min-height:520px}.nr-loading{min-height:460px;color:var(--muted);place-items:center;display:grid}.nr-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.nr-count{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.9375rem}.nr-chips{flex-wrap:wrap;gap:8px;display:flex}.nr-stage{margin-top:clamp(14px,2.4vw,24px)}.nr-deck{place-items:center;min-height:clamp(220px,30vw,300px);display:grid}.nr-card{border:1px solid var(--line);border-radius:var(--r-card);width:min(340px,100%);box-shadow:var(--shadow-soft);transition:transform .45s var(--ease-out), opacity .35s;background:#fff;grid-area:1/1;margin:0;padding:8px 18px;position:relative}.nr-card svg{width:100%;height:auto;max-height:300px;fill:var(--ink);stroke:var(--ink);display:block;overflow:visible}.nr-card .vf-stave{stroke:var(--staff)}.nr-card .vf-stavebarline rect{fill:var(--staff)}.nr-card .vf-stavenote{transition:fill .25s,stroke .25s}.nr-card .vf-stavenote.is-ok{fill:var(--wine);stroke:var(--wine)}.nr-card.is-next{opacity:0;transform:translate(40%)scale(.94)rotate(2deg)}.nr-card.is-gone{opacity:0;pointer-events:none;transform:translate(-40%)scale(.94)rotate(-2deg)}.nr-time{font-family:var(--font-display);color:var(--wine);font-size:.9375rem;font-style:italic;position:absolute;top:10px;right:14px}.nr-card.is-missed .nr-time{color:var(--wrong)}.nr-feedback{min-height:52px;color:var(--text-2);text-align:center;margin-top:14px}.nr-feedback strong{color:var(--ink);font-weight:600}.nr-wrong{color:var(--wrong)}.nr-names{flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin:6px auto 0;display:flex}.nr-name{border:1px solid var(--line-strong);border-radius:var(--r-btn);background:var(--card);min-width:48px;min-height:46px;color:var(--ink);font-family:var(--font-display);cursor:pointer;padding:0 12px;font-size:1.125rem;font-weight:500;transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s}.nr-name:hover{border-color:var(--faint)}.nr-name:active{transform:translateY(1px)}.nr-name.is-black{border-color:var(--ink-2);background:var(--ink-2);color:#fff}.nr-name.is-black:hover{background:var(--ink)}.nr-name.is-hint{border-color:var(--wine);box-shadow:0 0 0 4px var(--wine-soft);color:var(--wine)}.nr-name.is-black.is-hint{background:var(--wine);color:#fff}.nr-names.is-chromatic .nr-name{min-width:44px;padding:0 8px}@media (width<=560px){.nr-names.is-chromatic{grid-template-columns:repeat(6,1fr);display:grid}.nr-names.is-letters{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.nr-names.is-letters .nr-name{min-width:0;padding:0}}.nr-names.is-chords{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));max-width:560px;display:grid}.nr-names.is-chords .nr-name{font-family:var(--font-ui);font-size:.9875rem}.nr-piano{margin-top:clamp(18px,3vw,28px)}.piano.piano-tool{--white-h:clamp(92px, 12vw, 132px);border-radius:var(--r-card);padding:14px 10px 0}.piano.piano-tool .piano-felt{top:10px;left:10px;right:10px}.nr-help{color:var(--muted);text-align:center;margin-top:12px;font-size:.875rem}.nr-summary{text-align:center;max-width:34em;animation:nr-in .4s var(--ease-out);grid-area:1/1;justify-items:center;gap:12px;display:grid}@keyframes nr-in{0%{opacity:0;transform:translateY(8px)}}.nr-score{justify-items:center;display:grid}.nr-score strong{font-family:var(--font-display);color:var(--wine);font-size:clamp(3.2rem,2.4rem + 3vw,4.6rem);font-weight:450;line-height:1}.nr-score span{color:var(--text-2)}.nr-verdict{color:var(--ink-2)}.nr-list{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;font-size:.9375rem;display:flex}.nr-list span{margin-right:4px}.nr-list b{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:2px 10px;font-weight:500}.nr-list i{color:var(--muted);font-style:normal}.nr-pattern{color:var(--text-2);font-size:.9375rem}.nr-pattern strong{color:var(--wrong);font-weight:600}.nr-summary .btn{margin-top:6px}.nr-steps{counter-reset:step;padding:0;list-style:none}.nr-steps li{display:flex}.nr-steps .link-card{flex:1;padding-left:58px;position:relative}.nr-steps .link-card:before{counter-increment:step;content:counter(step);background:var(--wine-wash);width:28px;height:28px;color:var(--wine);border-radius:50%;place-items:center;font-size:.875rem;font-weight:600;display:grid;position:absolute;top:18px;left:18px}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:.975rem}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.prose th{color:var(--muted);font-weight:500}.nr-more{margin-top:clamp(40px,6vw,64px)}.nr-more h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}.page-cta .nr-cta-btn{color:var(--ink);background:#fff;margin-top:22px}.page-cta .nr-cta-btn:hover{background:var(--paper)}.nr-names[hidden]{display:none}.nr-page .page-head{max-width:none}.nr-page .page-head>*{max-width:46em}