@import url("https://fonts.googleapis.com/css2?family=Google+Sans:wght@100;200;300;400;500;600;700&display=swap");:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-glass:rgba(255,255,255,0.8);--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#5a5a5a;--border-color:#e9ecef;--border-hover:#dee2e6;--accent-primary:#1967d2;--accent-secondary:#1557b0;--accent-gradient:linear-gradient(135deg,#1967d2,#1557b0);--header-height:56px;--sidebar-width:260px;--sidebar-width-collapsed:68px;--container-padding:2rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--scrollbar-track:rgba(0,0,0,0.05);--scrollbar-thumb:rgba(0,0,0,0.3);--scrollbar-thumb-hover:rgba(0,0,0,0.4)}[data-theme=dark]{--bg-primary:#0a0a19;--bg-secondary:#11112b;--bg-tertiary:#1a1a3d;--bg-glass:rgba(10,10,25,0.8);--text-primary:#ffffff;--text-secondary:#c0c0d0;--text-tertiary:#9090a8;--border-color:rgba(255,255,255,0.05);--border-hover:rgba(255,255,255,0.1);--accent-primary:#8b9dff;--accent-secondary:#9a7ec8;--accent-gradient:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);--scrollbar-track:rgba(255,255,255,0.05);--scrollbar-thumb:rgba(255,255,255,0.3);--scrollbar-thumb-hover:rgba(255,255,255,0.4)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:90%}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.glass{border:1px solid var(--border-color)}.glass,.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-card{border-radius:16px;padding:2rem;border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:var(--accent-primary)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;transition:background-color var(--transition-fast)}.card:hover{background:var(--bg-tertiary)}.code-block{background:#1a1a1a;color:#fff;padding:1.5rem;border-radius:8px;font-family:Courier New,Consolas,Monaco,monospace;font-size:.875rem;overflow-x:auto;margin:1rem 0}.code-block pre{margin:0;white-space:pre-wrap}.tag{display:inline-block;padding:.25rem .75rem;background:rgba(25,103,210,.1);color:var(--accent-primary);border-radius:12px;font-size:.75rem;font-weight:500;transition:background-color var(--transition-fast)}.tag:hover{background:rgba(25,103,210,.2)}[data-theme=dark] .code-block{background:#0d0d0d;border:1px solid var(--border-color)}[data-theme=dark] .tag{background:rgba(139,157,255,.1);color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .5s ease forwards}