*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f7fb;color:#172333;font-family:Inter,system-ui,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}a{color:#1e6fa8}main{max-width:1180px;margin:auto;padding:24px 20px 50px}.brand{display:flex;gap:14px;align-items:center;margin-bottom:24px}.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#123b63,#1e6fa8);color:white;font-weight:800}.brand small{display:block;color:#617184;font-size:14px}.brand a{font-size:17px;font-weight:700;text-decoration:none}.crumb{font-size:15px;margin:8px 0 20px;color:#617184}.crumb a{text-decoration:none}.panel{padding:24px;background:white;border:1px solid #d9e2ec;border-radius:20px;box-shadow:0 15px 40px #1734480a}h1{color:#123b63;line-height:1.2;font-size:34px;margin:0 0 12px}h2{font-size:23px;margin:0 0 12px}p{margin:8px 0 18px}.muted{color:#617184}.card{display:block;max-width:560px;text-decoration:none;color:inherit}.card:hover{border-color:#1e6fa8}.pill{display:inline-block;border-radius:30px;padding:4px 12px;background:#e7f2fa;color:#123b63;font-size:14px}.button,button{display:inline-block;cursor:pointer;padding:11px 18px;border:1px solid #123b63;border-radius:11px;background:#123b63;color:white;font:inherit;text-decoration:none;min-height:44px}.secondary{background:white;color:#123b63}.login{max-width:440px;margin:8vh auto 0}.login label{display:block;font-weight:650;margin-bottom:8px}input,select{font:inherit;border:1px solid #b9cbdc;border-radius:10px;padding:11px;min-height:44px}input{display:block;width:100%;margin-bottom:16px;font-size:20px;letter-spacing:3px}input:focus,button:focus-visible,a:focus-visible{outline:3px solid #9bc4e7;outline-offset:3px}.error{color:#a9232d;background:#fff0f1;padding:10px;border-radius:8px}.heading-row{display:flex;justify-content:space-between;align-items:start;gap:12px}.tabs{display:flex;gap:10px;margin:20px 0}.tabs button{background:white;color:#123b63;border-color:#d9e2ec}.tabs button[aria-selected=true]{background:#123b63;color:white}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.player{min-width:0}video{display:block;width:100%;aspect-ratio:16/9;background:#071522;border-radius:12px}.play-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.play-tools label{font-size:15px}.chapters{max-height:550px;overflow:auto}.chapters h2{font-size:18px}.chapter{display:block;width:100%;text-align:left;background:white;color:#172333;border:0;border-bottom:1px solid #e3eaf1;border-radius:0;font-size:14px;padding:12px 8px}.chapter:hover,.chapter[aria-current=true]{background:#e7f2fa}.chapter time{display:block;color:#1e6fa8;font-size:13px;font-weight:700}.vocab-frame{width:100%;height:78vh;border:1px solid #d9e2ec;border-radius:12px;background:#edf4f6}.vocab-tools{margin-bottom:12px}.hidden,[hidden]{display:none!important}.logout{font-size:14px;padding:8px 12px;min-height:40px}@media(max-width:800px){.player-layout{grid-template-columns:1fr}.chapters{max-height:320px}.panel{padding:16px}main{padding:18px 12px}.heading-row h1{font-size:29px}.vocab-frame{height:80vh}.login{margin-top:4vh}.tabs{flex-wrap:wrap}}