:root{--bg0:#061a17;--bg1:#072521;--card:#0b2f2a;--card2:#0e3b34;--text:#eaf7f3;--muted:rgba(234,247,243,.72);--muted2:rgba(234,247,243,.55);--accent:#18c29c;--accent2:#1dd7ad;--warning:#f2c94c;--shadow: 0 18px 40px rgba(0,0,0,.35);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;background:radial-gradient(900px 500px at 20% 10%,rgba(24,194,156,.22),transparent 60%),radial-gradient(900px 500px at 90% 20%,rgba(29,215,173,.16),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}a{color:inherit}button{font:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;max-width:1100px;margin:0 auto;width:100%}.brand{display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.brandTitle{font-weight:800;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--muted2);margin-top:2px}.container{width:100%;max-width:1100px;margin:0 auto;padding:14px 18px 28px;flex:1}.footer{padding:18px;text-align:center;color:var(--muted2);font-size:12px}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn{border:0;background:linear-gradient(180deg,var(--accent2),var(--accent));color:#052019;font-weight:800;padding:11px 16px;border-radius:999px;cursor:pointer;box-shadow:0 14px 30px #18c29c38;transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.6)}.btnGhost{background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--text);box-shadow:none}.btnGhost:hover{border-color:#ffffff47}.btnGhostActive{border-color:#18c29c99;box-shadow:0 0 0 3px #18c29c1f}.iconBtn{border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--text);border-radius:999px;width:36px;height:36px;cursor:pointer}.muted{color:var(--muted)}.small{font-size:12px}.mt8{margin-top:8px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch;animation:fadeUp .35s ease both}@media(max-width:900px){.hero{grid-template-columns:1fr}}.kicker{display:inline-block;font-size:12px;color:#18c29cf2;font-weight:700;letter-spacing:.3px;padding:6px 10px;border-radius:999px;background:#18c29c1f;border:1px solid rgba(24,194,156,.18)}.title{margin:12px 0 8px;font-size:42px;line-height:1.06;letter-spacing:-.6px}@media(max-width:520px){.title{font-size:34px}}.subtitle{margin:0;color:var(--muted);line-height:1.6;max-width:62ch}.heroActions{display:flex;align-items:center;gap:12px;margin-top:16px}.hint{color:var(--muted2);font-size:12px}.miniStats{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.miniStat{min-width:120px;padding:12px 14px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09)}.miniNum{font-weight:900;font-size:18px}.miniLbl{font-size:12px;color:var(--muted2);margin-top:2px}.previewTitle{font-weight:900;margin-bottom:10px}.previewList{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.previewNote{margin-top:12px;font-size:12px;color:#f2c94ce6;background:#f2c94c17;border:1px solid rgba(242,201,76,.15);padding:10px 12px;border-radius:12px}.quiz{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;animation:fadeUp .35s ease both}.progressWrap{margin-bottom:2px}.progressMeta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--muted2)}.progressTrack{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progressFill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:999px;transition:width .25s ease}.qHeader{margin-bottom:10px}.qTitle{font-size:20px;font-weight:900;letter-spacing:-.2px}.qSub{margin-top:6px;color:var(--muted);line-height:1.5;font-size:13px}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pill{border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:var(--text);padding:10px 12px;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.pill:hover{border-color:#ffffff47}.pill:active{transform:translateY(1px)}.pill:disabled{opacity:.5;cursor:not-allowed}.pill.isActive{border-color:#18c29c8c;background:#18c29c24;box-shadow:0 0 0 3px #18c29c1a}.helperRow{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px}.actionsRow{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.livePeek{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.liveTitle{font-size:12px;color:var(--muted2);font-weight:700;margin-bottom:10px}.liveGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:520px){.liveGrid{grid-template-columns:1fr}}.liveItem{padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:10px}.liveName{font-weight:800;font-size:13px}.livePct{color:#18c29cf2;font-weight:900}.results{display:flex;flex-direction:column;gap:14px;animation:fadeUp .35s ease both}.resultsHeader{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.resultsTitle{margin:0;font-size:24px;letter-spacing:-.2px}.resultsSub{margin:6px 0 0;color:var(--muted)}.resultsActions{display:flex;gap:10px;flex-wrap:wrap}.resultsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:980px){.resultsGrid{grid-template-columns:1fr}}.resultCard{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);border-radius:var(--radius);padding:16px;min-height:240px;display:flex;flex-direction:column;gap:12px}.resultTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.deptName{font-weight:900;font-size:18px}.deptMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.badge{font-size:12px;color:#18c29cf2;background:#18c29c1f;border:1px solid rgba(24,194,156,.18);padding:6px 10px;border-radius:999px;font-weight:700}.matchRing{width:74px;height:74px;border-radius:18px;background:#18c29c24;border:1px solid rgba(24,194,156,.22);display:flex;flex-direction:column;justify-content:center;align-items:center}.matchPct{font-weight:1000;font-size:18px}.matchLabel{font-size:11px;color:#eaf7f3b3;margin-top:-2px}.explain{margin:0;color:var(--muted);line-height:1.55}.resultFooter{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.tagsRow{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.table{margin-top:10px}.row{display:grid;grid-template-columns:40px 1fr 70px 90px;gap:10px;padding:10px;border-radius:14px}.row:nth-child(odd){background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.cell{color:var(--muted)}.cell.name{color:var(--text);font-weight:800}.cell.pct{text-align:right;font-weight:900;color:#18c29cf2}.cell.rank{color:#eaf7f399;font-weight:800}.cell.meta{text-align:right}.compareWrap{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20;animation:fadeIn .15s ease both}.compareCard{width:min(980px,100%);background:linear-gradient(180deg,#0b2f2afa,#061a17fa);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 30px 70px #0000008c;padding:14px}.compareHeader{display:flex;justify-content:space-between;align-items:center;padding:6px 6px 10px}.compareTitle{font-weight:1000;letter-spacing:-.2px}.compareGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:820px){.compareGrid{grid-template-columns:1fr}}.compareCol{padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.compareName{font-weight:1000;font-size:16px;margin-bottom:8px}.compareSection{margin-top:10px}.compareLabel{font-size:12px;color:var(--muted2);font-weight:700}.compareValue{margin-top:4px;color:var(--text);font-weight:800}.compareValue.small{font-weight:600;color:var(--muted);line-height:1.55;font-size:13px}.compareActions{display:flex;justify-content:flex-end;padding:12px 6px 6px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz .card,.results .card,.results .resultCard{background:radial-gradient(circle at top left,rgba(99,102,241,.22),transparent 60%),radial-gradient(circle at bottom right,rgba(139,92,246,.2),transparent 55%),linear-gradient(180deg,#0f172af5,#0f172aeb);border-color:#94a3b88c;box-shadow:0 22px 60px #0f172ae6}.quiz .card .qTitle,.results .resultsTitle{color:#e5e7eb}.quiz .card .qSub,.results .resultsSub{color:#d1d5dbd9}