:root{--text:#eef3ff;--muted:#b7c4ee;--line:rgba(129,160,255,.18);--primary:linear-gradient(135deg,#4d6bff,#8a5cff);--green:#3dd9b3;--red:#ff6f91}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(90,110,255,.18),transparent 26%),linear-gradient(180deg,#07112c,#040916)}.shell{max-width:1500px;margin:0 auto;padding:22px}.topbar{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:start;padding:24px;border-radius:28px;background:linear-gradient(140deg,rgba(26,45,120,.9),rgba(9,18,46,.96));border:1px solid rgba(255,255,255,.12);margin-bottom:22px}.topbar h1{margin:0;font-size:42px}.topbar p,.small,.status{color:var(--muted)}#subjectNav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.subbtn{border-radius:999px;padding:10px 14px}.subbtn.active{background:var(--primary);border:0}.userbox{padding:10px 14px;border:1px solid var(--line);border-radius:999px}.card{padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(18,34,85,.86),rgba(9,18,46,.94));border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 42px rgba(0,0,0,.28)}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:rgba(255,255,255,.05);color:var(--text);margin:6px 0}button{border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.06);color:var(--text);cursor:pointer;padding:12px 18px;margin:6px 0}.primary{background:var(--primary);border:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid4{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:12px;align-items:center}.layout{display:grid;grid-template-columns:340px 1fr;gap:22px}.sidebar{position:sticky;top:18px;height:fit-content}.main{display:grid;gap:22px}textarea{min-height:220px;resize:vertical}.question{border:1px solid var(--line);border-radius:18px;padding:14px;margin:12px 0;background:rgba(255,255,255,.04)}.option{display:block;margin:8px 0}.good{color:var(--green)}.bad{color:var(--red)}.attempt{border-bottom:1px solid var(--line);padding:10px 0}@media(max-width:1100px){.topbar,.layout,.grid2,.grid4{grid-template-columns:1fr}.sidebar{position:static}}