:root{color-scheme:dark;--bg:#0b1220;--panel:#121d30;--line:#263650;--text:#edf3ff;--muted:#9aabc4;--blue:#6ea8ff;--cyan:#75e0dc}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#172b4b 0,transparent 36%),var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,Arial,sans-serif}.topbar{height:72px;border-bottom:1px solid #24324a;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1120px)/2));background:#0b1220dd;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.08em}.brand b{color:var(--blue)}.brand-mark{width:36px;height:36px;border:1px solid var(--blue);border-radius:11px;display:grid;place-items:center;color:var(--cyan);font-size:20px}.tag,.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--cyan);font-weight:800}.wrap{max-width:1120px;margin:auto;padding:28px 22px 60px}.hero{min-height:220px;display:flex;justify-content:space-between;align-items:center;padding:26px 4px 38px}.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.03;letter-spacing:-.05em;margin:10px 0}.hero h1 span{color:var(--blue)}.muted{color:var(--muted)}.hero-orb{width:150px;height:150px;border-radius:42px;display:grid;place-items:center;font-size:78px;font-weight:900;color:#a9d9ff;background:linear-gradient(145deg,#244b78,#13253f);border:1px solid #41658d;box-shadow:0 20px 60px #0006;transform:rotate(7deg)}.panel{background:#111c2eeF;border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:18px;box-shadow:0 16px 50px #0002}.section-head{display:flex;align-items:end;justify-content:space-between}.section-head h2{font-size:27px;margin:0}.section-head .eyebrow{margin:0 0 4px}.small{font-size:12px}.search{display:flex;gap:10px;margin:20px 0}.search input{flex:1;min-width:0;background:#0b1424;border:1px solid #31435f;color:var(--text);border-radius:11px;padding:13px 15px;font:inherit;outline:none}.search input:focus{border-color:var(--blue)}button{border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(100deg,#478cf0,#4ebfc8);color:#071321;font-weight:800;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#1c2b43;color:var(--text);border:1px solid #344a68}.status{color:var(--muted);padding:8px 0}.batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.batch{border:1px solid #2a3b55;border-radius:15px;overflow:hidden;background:#0d1727;cursor:pointer;transition:.18s}.batch:hover{transform:translateY(-3px);border-color:#6799d4}.batch img{width:100%;height:145px;object-fit:cover;background:#1c2c43}.batch-body{padding:14px}.batch h3{font-size:15px;margin:0 0 7px}.batch p{font-size:12px;color:var(--muted);margin:4px 0}.pill{display:inline-block;padding:4px 8px;border-radius:30px;background:#1c3553;color:#9ecbff;font-size:10px;margin-top:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px}.hidden{display:none}.back{background:transparent;color:var(--blue);padding:5px 0;margin-bottom:14px}.subject-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.subject{padding:15px;background:#0c1728;border:1px solid #2b3e59;border-radius:12px;text-align:left;color:var(--text)}.subject strong{display:block}.subject span{font-size:12px;color:var(--muted)}.player-wrap{margin-top:22px}.player-wrap video{width:100%;max-height:520px;background:#000;border-radius:14px}.notice{font-size:12px;color:var(--muted);margin-top:9px}.error{color:#ffb4b4}footer{text-align:center;padding:28px;color:#72839d;font-size:12px}
@media(max-width:760px){.batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-orb{width:100px;height:100px;font-size:50px}.tag{display:none}}@media(max-width:480px){.batch-grid{grid-template-columns:1fr}.batch img{height:175px}.panel{padding:17px}.subject-list{grid-template-columns:1fr}.hero{min-height:180px}.hero-orb{width:76px;height:76px;font-size:38px;border-radius:23px}}