.tp-card{display:grid;gap:16px;padding:20px;border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:0 0 0 1px var(--line);min-width:0}.tp-level-note{margin:0;font-size:13px;color:var(--ink-muted)}.tp-word{display:grid;justify-items:center;gap:2px}.tp-word p{margin:0;min-height:1.2em}.tp .tp-han{font:400 56px/1.15 var(--font-hanzi-sans);letter-spacing:.04em}.tp-pinyin{font:600 21px/1.2 var(--font-sans)}.tp-gloss{font-size:15px;color:var(--ink-muted)}.tp :is(.tp-han,.tp-pinyin,.tp-verdicts) .tone-1{color:var(--tone-1)}.tp :is(.tp-han,.tp-pinyin,.tp-verdicts) .tone-2{color:var(--tone-2)}.tp :is(.tp-han,.tp-pinyin,.tp-verdicts) .tone-3{color:var(--tone-3)}.tp :is(.tp-han,.tp-pinyin,.tp-verdicts) .tone-4{color:var(--tone-4)}.tp :is(.tp-han,.tp-pinyin,.tp-verdicts) .tone-5{color:var(--ink-muted)}.tp-plot{position:relative;height:clamp(150px,38vw,210px);border-radius:var(--radius-md);background:var(--surface-sunken)}.tp-plot svg{display:block;width:100%;height:100%}.tp-band{fill:none;stroke:var(--tone-n, var(--ink-muted));stroke-width:14;stroke-linecap:round;stroke-linejoin:round;opacity:.32;vector-effect:non-scaling-stroke}.tp-band.tone-5{--tone-n: var(--ink-muted)}.tp-yours{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tp-labels{position:absolute;inset:auto 0 8px;height:20px}.tp-label{position:absolute;transform:translate(-50%);color:var(--tone-n, var(--ink-muted));font:600 15px/20px var(--font-sans)}.tp-label.tone-5{--tone-n: var(--ink-muted)}.tp-plot-hint{position:absolute;inset:auto 12px 32px;margin:0;font-size:14px;line-height:20px;color:var(--ink-muted);text-align:center}.tp-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink-muted)}.tp-legend i{display:inline-block;width:18px;margin-right:6px;vertical-align:middle;border-top:3px solid var(--ink)}.tp-key-her i{border-top:8px solid var(--brand);opacity:.35}.tp-verdicts{display:grid;gap:8px;min-height:56px;margin:0;padding:0;list-style:none}.tp-card[data-length="1"] .tp-verdicts{min-height:24px}.tp-verdicts li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:baseline;font-size:15px}.tp-verdicts b{font:600 17px var(--font-sans)}.tp-ok{color:var(--success);font-weight:600}.tp-near{color:var(--tone-1);font-weight:600}.tp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tp .tp-big{min-height:52px;font-weight:600;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tp .tp-big[aria-pressed=true]{box-shadow:0 0 0 5px var(--highlight)}.tp .tp-next{justify-self:center;min-height:40px;border:0;background:none;color:var(--ink)}.tp-privacy{display:flex;gap:8px;align-items:center}@media(min-width:760px){.tp-card{padding:28px}}@media(max-width:420px){.tp .tp-han{font-size:48px}.tp .tp-big{padding:0 10px;font-size:14px}}