*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#eef7ff,#f9fcff);color:#172033}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;box-shadow:0 2px 12px #0001}.brand{display:flex;align-items:center;gap:9px;font-weight:900;color:#1264d6}.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1463ff,#7b4dff);color:white}.topbar nav{font-size:13px;display:flex;gap:7px;align-items:center}.topbar nav a{color:#1264d6;font-weight:800}.hero{text-align:center;padding:26px 14px 18px}.hero-art{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}.hero-art span{padding:7px 11px;background:#fff;border-radius:14px;box-shadow:0 5px 18px #00000010;font-weight:800;color:#5d47c7}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;color:#1264d6}.hero h1{margin:8px 0;font-size:clamp(27px,7vw,48px);line-height:1.05}.lead{margin:8px auto;max-width:700px;font-size:17px;font-weight:700}.source{font-size:12px;color:#667085}.panel,.worksheet,.guide{width:min(1100px,94%);margin:14px auto;padding:18px;border-radius:20px;background:#fff;box-shadow:0 10px 35px #173b5d12}.controls h2,.guide h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid label{font-weight:800;font-size:13px}.grid select{width:100%;margin-top:6px;padding:11px;border:1px solid #d7deea;border-radius:11px;background:#fff}.check{display:flex;align-items:center;gap:8px}.check input{width:18px;height:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.actions button,.q-actions button{border:0;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer;background:#e9eef7;color:#172033}.actions .primary{background:#1264d6;color:#fff}.actions button:disabled{opacity:.45;cursor:not-allowed}.notice{margin-top:13px;padding:12px;border-radius:12px;background:#fff5d9;color:#765300}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}.stats div{padding:11px;background:#f5f8ff;border-radius:13px}.stats b{display:block;font-size:20px}.stats small{color:#667085}.progressWrap{width:min(1100px,94%);height:12px;margin:0 auto 12px;background:#dfe8f5;border-radius:99px;overflow:hidden}.progressWrap div{height:100%;width:0;background:linear-gradient(90deg,#1264d6,#7b4dff);transition:width .3s}.hidden{display:none!important}.empty-card{text-align:center;padding:40px;color:#667085}.q-card{margin:12px 0;padding:16px;border:1px solid #e1e7f0;border-radius:17px;background:#fcfdff;position:relative;overflow:hidden}.q-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#667085}.q-text{font-size:17px;font-weight:800;line-height:1.55;margin:12px 0}.topic-tag{display:inline-block;padding:4px 8px;border-radius:99px;background:#e9f2ff;color:#1264d6;font-weight:900}.difficulty{padding:4px 8px;border-radius:99px;background:#f1edff;color:#6546c8;font-weight:900}.mcq{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{padding:12px;text-align:left;border:2px solid #dce4ef;border-radius:12px;background:#fff;cursor:pointer;font-weight:800}.option:hover{transform:translateY(-1px)}.option.selected{border-color:#1264d6;background:#eef5ff}.answer{width:100%;padding:12px;border:2px solid #dce4ef;border-radius:12px;font-size:16px}.answer.correct{border-color:#16a34a;background:#eafff0;color:#075e24}.answer.wrong{border-color:#dc2626;background:#fff0f0;color:#8b1010}.q-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.q-actions .checkbtn{background:#1264d6;color:#fff}.q-actions .showbtn{background:#fff0c9;color:#7b5600}.feedback{margin-top:10px;padding:10px;border-radius:11px;font-weight:900}.feedback.correct{background:#eafff0;color:#08752b}.feedback.wrong{background:#fff0f0;color:#a20d0d}.answerReveal{margin-top:8px;padding:10px;border-radius:10px;background:#f1f5f9}.shake{animation:shake .35s}.pop{animation:pop .45s}@keyframes shake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}@keyframes pop{0%{transform:scale(.97)}60%{transform:scale(1.03)}100%{transform:scale(1)}}.guide{line-height:1.7}.guide h3{color:#1264d6;margin-bottom:4px}.formula{padding:10px 12px;border-left:5px solid #7b4dff;background:#f5f1ff;border-radius:8px;color:#3e287d}.guide li{margin:6px 0}footer{text-align:center;padding:25px;color:#667085;font-size:13px}@media(max-width:720px){.topbar{padding:10px 11px}.brand span:last-child{display:none}.topbar nav{font-size:12px}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.mcq{grid-template-columns:1fr}.panel,.worksheet,.guide{padding:14px;width:96%}.q-text{font-size:16px}.actions button{flex:1 1 45%}}@media(max-width:430px){.grid{grid-template-columns:1fr}.actions button{width:100%}.hero{padding-top:20px}}