:root{color-scheme:light;background:var(--tl-paper)}html[data-mode=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--tl-paper);color:var(--tl-ink);font:400 17px/1.7 var(--tl-font-ui)}main{max-width:860px;margin:auto;padding:var(--tl-space-5)}header,.unitnav,.actions{display:flex;align-items:center;gap:var(--tl-space-3);flex-wrap:wrap}header{justify-content:space-between;padding-bottom:var(--tl-space-5);border-bottom:1px solid var(--tl-hair)}.unitnav{margin-top:var(--tl-space-5)}h1{font:600 clamp(1.7rem,5vw,2.7rem)/1.3 var(--tl-font-ui);margin:var(--tl-space-4) 0}h2{font-size:1.2rem;margin-top:var(--tl-space-6)}.lead,.note{color:var(--tl-ink-soft)}a{color:inherit;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}button,select,textarea{font:inherit;color:inherit;background:var(--tl-glass);border:1px solid var(--tl-glass-border);border-radius:12px;min-height:var(--tl-control-min);padding:var(--tl-space-2) var(--tl-space-3)}button,summary{cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--tl-focus);outline-offset:3px}#unit{flex:1;max-width:100%;min-width:0}.turn{padding:var(--tl-space-4) 0;border-bottom:1px solid var(--tl-hair)}.turn .role{font-family:var(--tl-font-mono);font-size:14px}.jp{font-family:var(--tl-font-jp);font-size:clamp(22px,3vw,28px);line-height:1.85;margin:var(--tl-space-2) 0;overflow-wrap:anywhere}.translation{margin:0;color:var(--tl-ink-soft)}fieldset{border:0;padding:0;margin:0 0 var(--tl-space-3)}legend{font-weight:600;margin-bottom:var(--tl-space-3)}.option,.criterion{display:flex;align-items:flex-start;gap:var(--tl-space-3);min-height:48px;padding:var(--tl-space-3) 0;border-bottom:1px solid var(--tl-hair)}input{width:20px;height:20px;flex-shrink:0;margin-top:5px}textarea{display:block;width:100%;resize:vertical;margin:var(--tl-space-3) 0}summary{min-height:44px;padding:var(--tl-space-3) 0}#feedback:not(:empty){border-left:3px solid var(--tl-seal);padding:var(--tl-space-3);margin-top:var(--tl-space-4)}footer{border-top:1px solid var(--tl-hair);margin-top:var(--tl-space-6);padding-top:var(--tl-space-4)}dialog{background:var(--tl-paper);color:var(--tl-ink);border:1px solid var(--tl-glass-border);border-radius:22px;max-width:min(600px,calc(100% - 32px));max-height:85vh;padding:var(--tl-space-5)}dialog::backdrop{background:#0008}dialog label,dialog select{display:block;width:100%;margin-bottom:var(--tl-space-3)}#saved-state{font-size:14px}.concealed .turn .jp,.concealed .translation{visibility:hidden}.concealed .turn{user-select:none}.concealed{position:relative}.concealed::before{content:'Lời thoại đang được che. Nghe rồi thử trả lời.';position:absolute;top:35%;left:0;right:0;text-align:center}@media(max-width:480px){main{padding:var(--tl-space-4)}.actions button{flex:1}#unit{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}