:root{--bg:#101419;--fg:#edf2f7;--lime:#b6f078;--panel:#1c242d;--line:#40505d;--muted:#a6b0bb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,"PingFang SC",sans-serif;font-size:16px}header{height:88px;border-bottom:1px solid #2b3540;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font-size:26px;font-weight:700;display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--lime)}.brand small{font-size:14px;color:#abb5c1;margin-left:16px;font-weight:400}.study,.eyebrow{font-size:13px;letter-spacing:2px;color:var(--lime)}button,input{font:inherit}.welcome{max-width:540px;margin:9vh auto;padding:20px}.welcome h1{font-size:48px;line-height:1.3;letter-spacing:-2px;margin:20px 0}.welcome p{color:#b7c1ca;line-height:1.8}.welcome form{display:grid;gap:14px;margin-top:36px}.welcome input{height:54px;border:1px solid var(--line);border-radius:8px;background:#151b21;color:white;padding:0 16px}.welcome button{height:54px;border:0;border-radius:8px;background:var(--lime);color:#16220a;font-weight:700;cursor:pointer}.hint{font-size:14px!important;color:#98a6b4!important;line-height:1.7}.status{font-size:14px;min-height:24px;color:var(--lime)}.workspace{max-width:1250px;margin:auto;padding:25px}.toolbar{display:flex;justify-content:space-between;font-size:14px}.progress{height:3px;background:#2a343e;margin:15px 0 30px}.progress span{display:block;height:100%;background:var(--lime);transition:width .3s}.review{display:grid;grid-template-columns:1fr minmax(240px,340px) 1fr;gap:48px;align-items:center}.review h2{font-size:60px;margin:15px 0}.review h2 small{font-size:18px;color:#8997a6}.navigation{display:flex;gap:8px;margin:30px 0 18px}.secondary,.text-button{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--fg);padding:10px 14px;cursor:pointer}.secondary:disabled{opacity:.35}.review a{font-size:14px;color:var(--lime)}.player{background:#000;border:1px solid #394450;border-radius:20px;overflow:hidden;aspect-ratio:9/16;max-height:70vh}.player iframe{width:100%;height:100%;border:0}.judgment{display:flex;flex-direction:column;gap:12px}.choice{height:95px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:9px;padding:18px;cursor:pointer}.choice strong{font-size:24px}.choice span{font-size:14px;color:#b5c0c9;margin-top:6px}.choice.selected{border:2px solid var(--lime);background:#253322}.choice.selected strong,.complete{color:var(--lime)}
.reasons{margin:0;border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:12px;grid-column:1/-1;font-size:14px}.reasons legend{color:var(--lime);padding:0 5px}.reasons label{display:flex;align-items:flex-start;gap:8px;line-height:1.5;cursor:pointer}.reasons input{accent-color:var(--lime);margin-top:4px;flex-shrink:0}
@media(max-width:760px){header{height:64px}.study{display:none}.welcome{margin:4vh auto}.welcome h1{font-size:38px}.workspace{padding:16px}.review{grid-template-columns:1fr;gap:18px}.context{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px}.context .hint,.context>p,.context .eyebrow{display:none}.review h2{font-size:28px;margin:0}.navigation{margin:0;justify-content:flex-end}.context>a{grid-column:1/-1}.player{width:100%;max-width:300px;max-height:52vh;justify-self:center}.judgment{display:grid;grid-template-columns:1fr 1fr;gap:8px}.judgment>.eyebrow,.judgment>.status,.judgment>.hint,.judgment>.complete,.judgment>.text-button{grid-column:1/-1}.choice{height:76px;padding:12px}.choice strong{font-size:20px}.choice span{font-size:13px}.progress{margin:10px 0 18px}}