*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-bg:#0f1729;--sidebar-hover:#1a2744;--sidebar-active:#2563eb;--sidebar-text:#94a3b8;--sidebar-text-bright:#f1f5f9;--sidebar-border:#1e3a5f;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:rgba(37,99,235,.1);--secondary:#64748b;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--hint:#f97316;--bg-dark:#0f1729;--bg-main:#f1f5f9;--bg-card:#fff;--bg-code:#1e1e2e;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#fff;--border-color:#e2e8f0;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.1);--shadow-lg:0 4px 6px rgba(0,0,0,.1);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--gradient-start:#2563eb;--gradient-end:#7c3aed;--sidebar-width:260px;--header-height:56px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-main)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--border-radius);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-main)}.btn-large{padding:14px 28px;font-size:16px}.btn-hint{background:var(--hint);color:#fff}.btn-hint:hover{background:#ea580c}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes swap{0%{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(10px)}to{transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}