.cssc-login-box{max-width:520px;margin:40px auto;padding:28px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.08);text-align:center}.cssc-app{--bg:#f7f8fc;--panel:#fff;--text:#152033;--muted:#667085;--brand:#3157ff;--brand2:#0f172a;--ok:#07884f;--bad:#c2410c;display:grid;grid-template-columns:250px 1fr;min-height:720px;background:var(--bg);color:var(--text);border-radius:28px;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cssc-app.dark{--bg:#08111f;--panel:#101a2b;--text:#f8fafc;--muted:#94a3b8;--brand:#7aa2ff;--brand2:#f8fafc}.cssc-sidebar{background:var(--brand2);color:white;padding:24px;display:flex;flex-direction:column;gap:10px}.cssc-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.cssc-brand span{background:var(--brand);padding:9px 10px;border-radius:12px;font-weight:800}.cssc-brand strong{font-size:18px}.cssc-sidebar button,.cssc-dark-toggle{background:transparent;border:0;color:white;text-align:left;padding:13px 14px;border-radius:14px;font-weight:700;cursor:pointer}.cssc-sidebar button.active,.cssc-sidebar button:hover{background:rgba(255,255,255,.12)}.cssc-dark-toggle{margin-top:auto;font-size:14px}.cssc-main{padding:26px;overflow:hidden}.cssc-view{display:none}.cssc-view.active{display:block}.cssc-hero,.cssc-panel,.cssc-mini-card,.cssc-question-card{background:var(--panel);border:1px solid rgba(148,163,184,.22);border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.cssc-hero{display:flex;justify-content:space-between;gap:18px;padding:28px;margin-bottom:20px}.cssc-hero small,.muted{color:var(--muted)}.cssc-hero h2{margin:5px 0;font-size:34px}.cssc-ring{width:118px;height:118px;border-radius:999px;background:linear-gradient(135deg,var(--brand),#b4c5ff);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;flex:0 0 auto}.cssc-ring span{font-size:28px;font-weight:900}.cssc-mobile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.cssc-mini-card{padding:18px}.cssc-mini-card span,.cssc-mini-card small{display:block;color:var(--muted)}.cssc-mini-card strong{display:block;font-size:28px;margin:6px 0;color:var(--text)}.cssc-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cssc-panel{padding:22px}.cssc-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cssc-filter-grid label{display:flex;flex-direction:column;font-weight:800;gap:8px}.cssc-filter-grid select,.cssc-filter-grid input{height:48px;border-radius:14px;border:1px solid rgba(148,163,184,.55);background:var(--panel);color:var(--text);padding:0 12px}.cssc-primary,.cssc-actions button,.cssc-question-meta button,.cssc-revision-grid button,.cssc-tabs button{border:0;border-radius:14px;padding:13px 18px;cursor:pointer;font-weight:800;background:#e8edff;color:#1d315a}.cssc-primary{background:var(--brand);color:white;margin-top:16px}.hidden{display:none!important}.cssc-session{margin-top:20px}.cssc-session-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.cssc-progress{height:12px;background:rgba(148,163,184,.28);border-radius:99px;overflow:hidden;flex:1}.cssc-progress span{display:block;height:100%;background:var(--brand);width:0}.cssc-question-card{padding:24px}.cssc-question-meta{display:flex;gap:10px;align-items:center;margin-bottom:18px}.cssc-question-meta span{margin-right:auto;color:var(--muted);font-weight:800}.cssc-question-card h3{font-size:26px;line-height:1.35}.cssc-question-card img{max-width:100%;border-radius:16px;margin-bottom:15px}.cssc-option{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid rgba(148,163,184,.35);border-radius:16px;margin:10px 0;cursor:pointer;background:rgba(148,163,184,.06)}.cssc-option:hover{border-color:var(--brand)}.cssc-option span{font-size:17px}.cssc-actions{display:flex;gap:10px;justify-content:space-between;margin-top:18px}.correct,.wrong{padding:15px;border-radius:16px;margin-top:18px}.correct{background:#dcfce7;color:#14532d}.wrong{background:#ffedd5;color:#7c2d12}.cssc-bar-row{margin:14px 0}.cssc-bar-row span{font-weight:800}.cssc-bar-row b{float:right}.cssc-bar-row div{height:9px;background:rgba(148,163,184,.25);border-radius:99px;overflow:hidden;clear:both;margin-top:8px}.cssc-bar-row em{display:block;height:100%;background:var(--brand);border-radius:99px}.cssc-revision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cssc-revision-item{padding:14px;border-bottom:1px solid rgba(148,163,184,.2)}.cssc-revision-item small{display:block;color:var(--muted);margin-top:4px}.cssc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}#cssc-leaderboard table{width:100%;border-collapse:collapse}#cssc-leaderboard th,#cssc-leaderboard td{padding:12px;border-bottom:1px solid rgba(148,163,184,.25);text-align:left}@media(max-width:900px){.cssc-app{grid-template-columns:1fr;border-radius:0}.cssc-sidebar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cssc-brand{grid-column:1/-1}.cssc-main{padding:16px}.cssc-hero{align-items:flex-start}.cssc-mobile-grid,.cssc-split,.cssc-filter-grid,.cssc-revision-grid{grid-template-columns:1fr}.cssc-question-card h3{font-size:21px}.cssc-actions{position:sticky;bottom:0;background:var(--panel);padding:10px 0}.cssc-sidebar button,.cssc-dark-toggle{padding:10px 12px}.cssc-ring{width:92px;height:92px}.cssc-ring span{font-size:22px}}
.cssc-search-box{display:flex;gap:12px;margin-bottom:18px}.cssc-search-box input{flex:1;height:52px;border-radius:16px;border:1px solid rgba(148,163,184,.5);padding:0 16px;background:var(--panel);color:var(--text)}.cssc-test-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid rgba(148,163,184,.25);border-radius:18px;margin-bottom:12px;background:rgba(148,163,184,.06)}.cssc-test-card strong,.cssc-test-card small{display:block}.cssc-test-card small{color:var(--muted);margin-top:5px}.cssc-fill{display:flex;flex-direction:column;gap:8px;font-weight:800}.cssc-fill input{height:54px;border-radius:16px;border:1px solid rgba(148,163,184,.55);padding:0 14px;background:var(--panel);color:var(--text);font-size:17px}@media(max-width:900px){.cssc-search-box,.cssc-test-card{flex-direction:column;align-items:stretch}}