.nd{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:22px 26px 24px}.nd-loading{justify-content:center;align-items:center;min-height:360px;display:flex}.nd-spinner{border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite nd-spin}@keyframes nd-spin{to{transform:rotate(360deg)}}.nd-top{margin-bottom:18px}.nd-bar{background:var(--line-soft);border-radius:3px;height:6px;overflow:hidden}.nd-fill{background:var(--navy);height:100%;transition:width .25s}.nd-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:14px;display:flex}.nd-live{color:var(--good);font-weight:700}.nd-audio{justify-content:center;margin-bottom:14px;display:flex}.nd-controls{align-items:center;gap:14px;display:flex}.nd-play{background:var(--navy);color:#fff;cursor:pointer;width:76px;height:76px;font:inherit;border:0;border-radius:50%;justify-content:center;align-items:center;gap:10px;display:inline-flex}.nd-play:hover{background:#00006a}.nd-play.start{background:var(--accent);border-radius:999px;width:auto;min-width:180px;height:64px;padding:0 30px;font-size:20px;font-weight:700}.nd-play.start:hover{background:var(--accent-ink)}.nd-play.playing{box-shadow:0 0 0 6px #00008026}.nd-icon{width:30px;height:30px}.nd-slow{border:1px solid var(--line-strong);min-height:48px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 18px;font-size:15px;font-weight:600}.nd-slow:hover{border-color:var(--navy)}.nd-feedback{text-align:center;min-height:3.2em;color:var(--text-2);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;margin-bottom:14px;padding:6px 12px;font-size:17px;display:flex}.nd-feedback.correct{background:var(--good-bg);color:var(--good);font-weight:600}.nd-feedback.wrong{background:var(--bad-bg);color:var(--bad)}.nd-es{font-family:var(--serif);color:var(--ink);font-size:19px;font-style:italic;font-weight:400}.nd-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.nd-options.long{grid-template-columns:repeat(2,1fr)}.nd-tile{border:1px solid var(--line-strong);min-height:64px;font-family:var(--serif);font-variant-numeric:tabular-nums;color:var(--navy);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:12px;padding:10px 8px;font-size:26px;position:relative}.nd-options.long .nd-tile{font-size:22px}@media (hover:hover){.nd-tile:hover:not(:disabled){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}}.nd-tile:disabled{cursor:default;color:var(--faint)}.nd-tile.correct{background:var(--good-bg);border-color:var(--good);color:var(--good)}.nd-tile.wrong{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.nd-key{font-family:var(--sans);color:var(--faint);font-size:11px;position:absolute;top:5px;left:8px}.nd-kbd{text-align:center;color:var(--muted);margin:14px 0 0;font-size:13px}.nd-results{text-align:center}.nd-results h2{font-size:28px}.nd-score{font-family:var(--serif);color:var(--navy);margin:6px 0 0;font-size:56px;line-height:1.1}.nd-score span{color:var(--muted);font-size:32px}.nd-score.perfect{color:var(--good)}.nd-msg{color:var(--text-2)}.nd-results .q-follow{text-align:left}.nd-rule{flex-wrap:wrap;align-items:center;gap:6px 12px;display:inline-flex}.nd-video{border:1px solid var(--line);color:var(--accent-ink);white-space:nowrap;background:#fff;border-radius:999px;padding:3px 10px;font-size:13px}.nd-buttons{justify-content:center;display:flex}.nd-review{text-align:left;margin-top:24px}.nd-review h3{margin-bottom:8px}.nd-review ul{margin:0;padding:0;list-style:none}.nd-review li{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 0;display:flex}.nd-review-play{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--navy);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;display:inline-grid}.nd-review-answer{flex:auto}.nd-review-answer span{font-family:var(--serif);font-style:italic}.nd-review-yours{color:var(--muted);font-size:14px}@media (width<=640px){.nd{border-radius:var(--radius);padding:14px 14px 16px}.nd-top{margin-bottom:12px}.nd-play{width:64px;height:64px}.nd-play.start{height:60px}.nd-feedback{min-height:2.9em;margin-bottom:10px;font-size:15px}.nd-options{gap:8px}.nd-tile{min-height:56px;padding:8px 4px;font-size:22px}.nd-options.long .nd-tile{font-size:18px}.nd-kbd{display:none}.nd-buttons .btn{width:100%}.nd-score{font-size:46px}}@media (hover:none){.nd-key{display:none}}