:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e6edf7;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:24px 0 12px}p.sub{color:#9db2ce;margin:0 0 20px}.card{display:block;background:#14203a;border:1px solid #24334d;border-radius:12px;padding:18px 20px;margin-bottom:14px;text-decoration:none;color:inherit}a.card:hover{border-color:#3d5378}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:#9db2ce;font-size:14px}.meter{height:6px;border-radius:3px;background:#24334d;margin-top:12px;overflow:hidden}.meter>i{display:block;height:100%;border-radius:3px;background:#f0b429;transition:width .4s}.meter-label{font-size:12px;color:#9db2ce;margin-top:6px}.btn{display:inline-block;background:#f0b429;color:#131313;border:0;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}.btn.secondary{background:#24334d;color:#e6edf7}.btn:disabled{opacity:.5;cursor:default}.opt{display:block;width:100%;text-align:left;background:#1d2c47;border:1px solid #2c3f61;border-radius:10px;color:inherit;padding:13px 16px;margin-bottom:10px;font-size:15px;cursor:pointer}.opt:hover{border-color:#4a679e}.opt.sel{border-color:#f0b429;background:#26242f}.opt.right{border-color:#3f9d63;background:#153022}.opt.wrong{border-color:#c05555;background:#331a1a}.explain{background:#1d2c47;border-left:3px solid #f0b429;border-radius:8px;padding:12px 16px;margin:14px 0;font-size:14px;color:#c8d6ec}.row{display:flex;gap:12px;align-items:center}.spacer{flex:1}.tag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f0b429}input[type=text],input[type=password]{width:100%;background:#1d2c47;border:1px solid #2c3f61;border-radius:8px;color:inherit;padding:11px 14px;font-size:15px;margin-bottom:14px}table.plain{width:100%;border-collapse:collapse;font-size:14px}table.plain td,table.plain th{text-align:left;padding:8px 10px;border-bottom:1px solid #24334d}.bars{display:flex;align-items:flex-end;gap:5px;height:110px;margin:12px 0 4px}.bars>i{flex:1;background:#f0b429;border-radius:3px 3px 0 0;min-height:3px;opacity:.85}