:root{--sv-bg:var(--bg);--sv-panel:var(--surface);--sv-panel-2:var(--surface-soft);--sv-line:var(--border);--sv-text:var(--text);--sv-muted:var(--muted);--sv-blue:#2d74ff;--sv-violet:#7c3aed;--sv-cyan:#0891b2;--sv-green:#10b981;--sv-gold:#f59e0b}.sv-gradient-text{background:linear-gradient(90deg,var(--sv-blue),var(--sv-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.sv-learning-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.sv-learning-mode,.sv-online-card,.sv-test-link{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.sv-learning-mode span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;margin-bottom:18px;background:#eef4ff;color:#2563eb;font-size:22px}.sv-learning-mode h3,.sv-online-card h2,.sv-online-card h3{color:var(--text);margin-top:0}.sv-learning-mode p,.sv-online-card p,.sv-online-card li,.sv-test-link small{color:var(--muted)}.sv-test-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:800}.sv-online-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:26px}.sv-rule-list{display:grid;gap:14px;padding:0;list-style:none}.sv-rule-list li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}.sv-rule-list b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#2563eb}.sv-test-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.sv-preserve-note{margin-top:18px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);color:var(--muted);font-size:13px}html[data-theme="dark"] .sv-learning-mode span,html[data-theme="dark"] .sv-rule-list b{background:#13294a;color:#93c5fd}@media(max-width:960px){.sv-learning-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-online-grid{grid-template-columns:1fr}}@media(max-width:620px){.sv-learning-modes,.sv-test-list{grid-template-columns:1fr}}