:root{color-scheme:dark;--bg:#0d1423;--panel:#152036;--gold:#e7bd67;--cream:#f6edda;--muted:#9fafc9;--green:#68d391;--red:#ff7b7b;--line:#40506b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#24385e 0,#101a2d 35%,var(--bg) 75%);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;min-height:100vh}.shell{max-width:900px;margin:auto;padding:22px 18px 60px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.brand{appearance:none;border:0;background:none;color:var(--gold);font:800 17px/1 inherit;letter-spacing:.05em;cursor:pointer}.brand b{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:8px;background:var(--gold);color:var(--bg);border-radius:9px}.progress{font-size:14px;color:var(--muted);text-align:right}.bar{height:7px;background:#26344d;border-radius:20px;overflow:hidden;margin:8px 0 10px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),#fff0aa);transition:.3s}.batch-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 16px}.batch-word{min-width:0;border:1px solid #31405a;background:#101a2c;border-radius:10px;padding:8px;text-align:center;color:var(--muted)}.batch-word span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#26344d;font-size:11px}.batch-word b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 2px;font-size:13px}.batch-word small{font-size:10px}.batch-word.active{border-color:var(--gold);background:#2a2530;color:var(--cream);box-shadow:0 0 0 2px #e7bd671c}.batch-word.active span{background:var(--gold);color:#17120a}.batch-word.done{border-color:#3f8060;color:var(--green)}.batch-word.done span{background:#24543c}.card{background:linear-gradient(155deg,rgba(31,46,75,.96),rgba(18,28,48,.97));border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 22px 60px #0007}.eyebrow{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.title{font-size:clamp(34px,6vw,58px);margin:10px 0}.title em,.gold-text{color:var(--gold);font-style:normal}.support{color:var(--muted);line-height:1.65}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.level-card{appearance:none;text-align:left;min-height:145px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#142238;color:var(--cream);cursor:pointer}.level-card:hover,.level-card:focus{border-color:var(--gold);transform:translateY(-2px)}.level-card strong{display:block;color:var(--gold);font-size:26px}.level-card span{display:block;margin:8px 0}.level-card small{color:var(--muted)}.word{font-size:44px;font-weight:850;margin:8px 0 2px}.pos{color:var(--muted);font-size:16px}.step{margin-top:24px;padding-top:22px;border-top:1px solid #35435e}.step h2{font-size:22px;margin:0 0 14px}.sentence{font-size:25px;line-height:1.55;padding:18px;border-radius:14px;background:#0e1728;border:1px solid #35445f}.sentence mark{background:transparent;color:var(--gold);font-weight:850}.zh{font-size:20px;line-height:1.55;margin:14px 0}.definition,.answer-card{background:#101a2d;border-left:3px solid var(--gold);padding:15px 17px;border-radius:8px;margin:12px 0}.definition b{display:block;color:var(--gold);font-size:21px;margin-bottom:4px}.definition span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.answer-card{border:1px solid #78633c;border-left:3px solid var(--gold);margin-top:16px}.answer-card p{font-size:22px;line-height:1.5;margin:8px 0 14px}.btn,.option,.clue-button{appearance:none;border:1px solid #54627b;background:#1d2b45;color:var(--cream);border-radius:12px;padding:13px 16px;font-size:16px;cursor:pointer}.btn:hover,.option:hover,.clue-button:hover{border-color:var(--gold)}.btn.primary{background:linear-gradient(135deg,#bd8733,#e5ba64);color:#17120a;border:0;font-weight:800}.btn:disabled,.option:disabled{opacity:.5;cursor:not-allowed}.option.correct{border-color:var(--green);background:#173a2b}.options{display:grid;gap:10px;margin-top:15px}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.row .btn{flex:1;min-width:145px;text-align:center}.next-button{width:100%;margin-top:15px;text-align:center}.capture-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.input-instruction{text-align:center;color:var(--muted);font-size:13px;margin:-7px 0 12px}.slot-capture{cursor:text;outline:none;padding:5px;border-radius:10px}.slot-capture:focus-within,.slot-capture:focus{box-shadow:0 0 0 2px #e7bd6740}.letter-slots,.word-slots{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0;justify-content:center}.letter-slots span{display:grid;place-items:center;width:42px;height:48px;border:2px solid #7587a3;border-radius:8px;background:#0b1424;color:var(--gold);font:700 23px ui-monospace,monospace}.letter-slots span.filled{border-color:var(--gold);box-shadow:0 0 0 2px #e7bd6720}.word-slots span{min-width:64px;min-height:40px;padding:9px 10px;border:0;border-bottom:3px solid #7587a3;text-align:center;color:#687894;font-size:12px}.word-slots span.filled{color:var(--cream);border-color:var(--gold);font-size:14px}.clue-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.clue-button{padding:10px 8px;font-size:13px;text-align:center}.clue-button.active{border-color:var(--gold);background:#4a3720;color:#fff0b8}.clue-display{margin-top:9px;min-height:58px;padding:14px;background:#101a2d;border:1px dashed #786b53;border-radius:10px}.clue-display p{margin:5px 0}.page-nav{display:flex;justify-content:flex-start;margin-top:22px;padding-top:16px;border-top:1px solid #35435e}.feedback{min-height:28px;margin:10px 0;color:var(--muted)}.feedback.ok{color:var(--green)}.feedback.bad{color:var(--red)}.tokens{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.token{background:#283750;border:1px solid #55647e;border-radius:8px;padding:7px 10px}.done{text-align:center;padding:38px 10px}.done.compact{padding:8px 0 18px}.done h1{color:var(--gold)}.loading{text-align:center;padding:70px 10px;color:var(--muted)}.hidden-word{letter-spacing:.08em;color:var(--muted)}@media(max-width:680px){.level-grid{grid-template-columns:1fr 1fr}.card{padding:20px}.word{font-size:36px}.sentence{font-size:21px}.shell{padding:14px 12px 40px}.batch-word small{display:none}.batch-word b{font-size:11px}.letter-slots span{width:34px}.clue-bar{grid-template-columns:1fr 1fr}}@media(max-width:430px){.level-grid{grid-template-columns:1fr}.batch-nav{gap:4px}.batch-word{padding:6px 3px}.batch-word b{font-size:10px}}