:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#26364b;background:#f2f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:#fff;border-right:1px solid #e3eaf3;padding:26px 15px;display:flex;flex-direction:column;gap:38px}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px}.brand-icon{background:#d9e9fc;color:#3676c7;border-radius:13px;padding:12px;font-size:25px;font-weight:900}.brand b{letter-spacing:.6px;white-space:nowrap;color:#243a57}.brand small{display:block;color:#8697a9;font-size:10px;letter-spacing:1px;margin-top:5px}.sidebar nav{display:grid;gap:7px}.nav{border:0;color:#75859b;background:transparent;text-align:left;padding:14px 15px;border-radius:12px;font-weight:700}.nav.active,.nav:hover{background:#e6f0ff;color:#3677c6}.logout{margin-top:auto;text-decoration:none;color:#7c8da1;padding:15px}.main{width:100%;max-width:1450px;margin:0 auto;padding:31px 40px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:14px}.eyebrow,.label{color:#6e9cca;font-size:11px;letter-spacing:1.6px;font-weight:850}.top h1{font-size:29px;margin:6px 0 0}.pill{padding:9px 14px;border:1px solid #c9e6db;border-radius:100px;background:#ecf9f3;color:#4f9b7d;font-size:12px;white-space:nowrap}.menu-btn{display:none}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(115deg,#e0ecfa,#e9f5fc);border:1px solid #d5e5f5;border-radius:19px;padding:32px 36px;min-height:240px}.hero h2{font-size:clamp(24px,3vw,39px);line-height:1.2;margin:13px 0}.hero em{color:#4686d4;font-style:normal}.hero p{color:#71879d;max-width:430px}.primary{background:#88b7e7;color:#173b60;border:0;border-radius:12px;padding:15px 23px;font-weight:850;box-shadow:0 4px 14px #98bce84f}.primary:hover{background:#a0c7ef}.hero-art{font-size:102px;min-width:180px;text-align:center;color:#a7c7e9}.hero-art span{font-size:16px;display:block;letter-spacing:8px;color:#85acd4}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.stat,.panel,.question-card{border:1px solid #e2eaf3;border-radius:18px;background:#fff;padding:23px;box-shadow:0 4px 18px #33507008}.stat span{font-size:10px;color:#90a0b2;letter-spacing:1px;font-weight:850}.stat strong{display:block;font-size:38px;color:#31465f;margin:12px 0 4px}.stat small,.muted{color:#8a9aab}.panel{margin-bottom:20px}.panel h2,.panel h3{margin-top:0}footer{font-size:12px;color:#8c9bad;text-align:center;margin:36px 0 5px}.sub-row{padding:13px 0;border-bottom:1px solid #ecf0f6}.sub-row:last-child{border:0}.sub-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}.meter,.progress{height:9px;border-radius:10px;background:#edf2f8;overflow:hidden;margin-top:10px}.meter>div,.progress>div{height:100%;background:#93bfe9;transition:width .35s}.count-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 30px}.count,.mode{background:#f7faff;border:2px solid #e0eaf5;border-radius:13px;color:#425b78;padding:16px;font-weight:850}.count.active,.mode.active{border-color:#94bee9;background:#e8f3ff}.label{display:block;margin-top:18px}.mode-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}.mode{text-align:left;display:grid;gap:7px}.mode span{font-size:12px;color:#879aad;font-weight:400}.wide{width:100%}.error{color:#bb5665}.exam-meta{display:flex;justify-content:space-between;color:#8599af;font-size:14px}.progress{margin:12px 0 20px}.question-card{padding:31px}.question-tags{display:flex;gap:8px;flex-wrap:wrap}.question-tags span{font-size:12px;background:#eaf3fe;border-radius:24px;padding:8px 12px;color:#5d87b5}.question-card h2{font-size:clamp(19px,2.5vw,27px);line-height:1.52;margin:27px 0 37px}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{border:2px solid #d8e5f4;background:#f5faff;color:#40668c;padding:22px;border-radius:13px;font-size:18px;font-weight:900}.answer.true:hover{border-color:#a4d9c5;background:#ecfaf4}.answer.false:hover{border-color:#edb3bb;background:#fff3f4}.feedback{border:1px solid #c5d8eb;padding:20px;background:#f4f9ff;border-radius:12px;margin:20px 0;line-height:1.6}.feedback.correct{border-color:#9fd8c3;background:#f0faf5}.feedback.wrong{border-color:#edb4bb;background:#fff4f5}.feedback h3{margin:0 0 6px}.feedback p{margin:6px 0}.trophy{text-align:center;font-size:76px}#resultPanel{text-align:center;padding:50px 20px}.error-number{font-size:60px;color:#d98799;font-weight:900}.toast{position:fixed;bottom:20px;right:20px;background:#335d85;color:white;padding:13px 17px;border-radius:10px;display:none;z-index:50}.toast.show{display:block}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(100%,410px);background:white;padding:30px;border-radius:22px;border:1px solid #dce8f4}.login-card h1{margin-bottom:0}.login-card p{color:#8c9dab}.login-card label{display:block;margin:15px 0;color:#647f99}.login-card input{display:block;width:100%;padding:13px;margin-top:7px;background:#f6faff;border:1px solid #dbe6f2;color:#31465d;border-radius:10px}.login-card .primary{width:100%;margin-top:10px}.import-panel{max-width:780px}.import-mark{display:grid;place-items:center;width:55px;height:55px;background:#e5f2ff;border-radius:15px;color:#6397c9;font-size:34px;margin-bottom:15px}.import-panel input[type=file]{display:block;width:100%;margin:12px 0 22px;padding:16px;border:2px dashed #c7dcef;border-radius:13px;background:#f7fbff;color:#58708a}.import-hint{background:#f6faff;border-radius:14px;border:1px solid #dceaf7;padding:20px;margin-top:23px}.import-hint pre{overflow:auto;line-height:1.6;color:#506b87}.import-hint small{color:#8297a9}@media(max-width:950px){.sidebar{width:205px}.main{padding:25px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-width:110px;font-size:68px}}@media(max-width:680px){.sidebar{position:fixed;z-index:20;transform:translateX(-110%);transition:transform .2s;height:100dvh;box-shadow:10px 0 30px #33507025;width:265px}.sidebar.open{transform:none}.main{padding:16px;max-width:100vw}.top{align-items:center;margin-bottom:18px}.top h1{font-size:21px}.top .eyebrow{font-size:9px}.pill{display:none}.menu-btn{display:block;background:#e3effb;color:#5586b9;border:0;padding:10px;border-radius:10px;font-size:18px}.hero{padding:24px 20px;min-height:195px}.hero h2{font-size:26px}.hero-art{display:none}.stats{gap:10px}.stat{padding:16px}.stat span{font-size:9px;letter-spacing:.5px}.stat strong{font-size:30px}.stat small{font-size:11px}.panel{padding:19px}.mode-picks{grid-template-columns:1fr}.count-picks{gap:6px}.count{padding:13px 5px}.question-card{padding:19px}.question-card h2{font-size:20px;margin:20px 0 26px}.answer{font-size:15px;padding:19px 8px}.feedback{padding:14px}.toast{left:12px;right:12px;bottom:12px;text-align:center}}

/* v3 */
select{display:block;width:100%;background:#f7fbff;color:#385673;border:1px solid #cfe1f1;border-radius:11px;padding:13px;margin:10px 0 18px;font:inherit}select:disabled{opacity:.55}.inventory-row{display:block;width:100%;text-align:left;border:1px solid #e3edf7;background:#f8fbff;border-radius:12px;padding:14px;color:#385977;margin:8px 0;font-weight:650}.inventory-row:hover{background:#e7f3ff}.minor-btn{padding:8px 12px;border:1px solid #bdd7f0;border-radius:10px;background:#eef6ff;color:#457eaf;font-weight:700;cursor:pointer}.clock-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}#clockDisplay{font-variant-numeric:tabular-nums;font-weight:800;color:#547ca2}.pie-area{display:flex;align-items:center;gap:28px;margin-top:24px}.pie{width:220px;height:220px;flex:none;aspect-ratio:1;border-radius:50%;background:#edf2f8;box-shadow:inset 0 0 0 1px #dfe8f3}#errorLegend{display:grid;gap:10px;max-height:420px;overflow:auto}.legend-row{display:flex;gap:10px;align-items:center;font-size:13px}.legend-row i{width:13px;height:13px;flex:none;border-radius:4px}.fav-row{border-bottom:1px solid #e6edf5;padding:16px 0}.fav-row small{color:#7094b8}.fav-row p{line-height:1.5}@media(max-width:680px){.pie-area{flex-direction:column;align-items:stretch}.pie{align-self:center;width:195px;height:195px}.question-tags{align-items:center}#favoriteBtn{margin-left:auto}.clock-line{font-size:13px}}

/* V5 visual refresh – course-inspired, mobile first */
:root{--ink:#242944;--violet:#7460d7;--light:#f7f7fc;--stroke:#e9e8f3}body{background:#f7f7fc;color:var(--ink)}.shell{background:var(--light)}.sidebar{border-color:var(--stroke);box-shadow:8px 0 26px #28274b05}.brand-icon{background:#eeeaff;color:#7965d8}.brand-dot{color:#f2a45f}.nav{border-radius:13px}.nav.active,.nav:hover{background:#f0ecff;color:#6c55cb}.main{max-width:1320px}.top h1{color:#282640}.pill{background:#f1f9f5}.hero{background:linear-gradient(110deg,#f0edff 0%,#f9f8ff 78%);border-color:#ebe6fa;border-radius:24px;min-height:220px}.hero em{color:#745acf}.hero-symbol{height:105px;width:105px;background:#7964d4;color:white;display:grid;place-items:center;border-radius:27px;font-size:40px;box-shadow:15px 14px 0 #ded7f8;transform:rotate(-7deg)}.hero-art{display:grid;place-items:center;gap:12px}.hero-art span{font-size:11px;letter-spacing:3px;color:#a49ad2}.primary{background:#7863d8;color:white;box-shadow:none}.primary:hover{background:#6852cb}.panel,.stat,.question-card{border-color:#e9e7f1;border-radius:21px;box-shadow:0 8px 24px #31305408}.stat strong{color:#302b51}.count.active,.mode.active{border-color:#9583e7;background:#f0edff}.meter>div,.progress>div{background:#8975de}.inventory-row{background:white;border-color:#e9e8f3;border-radius:15px}.inventory-row:hover{background:#f4f0ff}.minor-btn{background:#f5f3ff;color:#6654bd;border-color:#e5dcfc}.menu-btn{background:#eeeaff;color:#725ecb}.mobile-overlay[hidden]{display:none!important}.mobile-overlay{position:fixed;inset:0;background:#1a193e86;z-index:39}.close-nav{display:none}.sidebar{z-index:40}.menu-open{overflow:hidden}
@media(max-width:680px){.sidebar{width:min(310px,86vw);padding:20px 16px;gap:16px;box-shadow:15px 0 40px #19193b33}.close-nav{display:flex;align-self:flex-end;align-items:center;gap:8px;background:#f1edff;color:#6653c2;border:0;border-radius:11px;padding:12px 15px;font-weight:800;font-size:16px;min-height:45px}.nav{padding:13px 14px}.hero{min-height:174px}.main{padding:18px 15px 40px}.question-card{border-radius:21px}.top h1{font-size:21px}}