@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(/fonts/MaterialIconsOutlined-Regular.otf) format("opentype")}.material-symbols-outlined{font-family:Material Symbols Outlined,Material Icons Outlined,sans-serif;font-weight:400;font-style:normal;font-size:1.2rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;vertical-align:middle}:root{color-scheme:light dark;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-body: #f8fafc;--bg-elevated: #ffffff;--bg-surface: #f1f5f9;--bg-glass: rgba(255, 255, 255, .85);--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-focus: #3b82f6;--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: rgba(37, 99, 235, .08);--accent-glow: rgba(37, 99, 235, .2);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 30px -10px rgba(15, 23, 42, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}@media(prefers-color-scheme:dark){:root{--bg-body: #090d16;--bg-elevated: #111827;--bg-surface: #1e293b;--bg-glass: rgba(9, 13, 22, .85);--border-color: #1e293d;--border-hover: #334155;--border-focus: #3b82f6;--text-main: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-light: rgba(59, 130, 246, .12);--accent-glow: rgba(59, 130, 246, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 35px -8px rgba(0, 0, 0, .7)}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;font-family:var(--font-sans);line-height:1.6;color:var(--text-main);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}kbd{font-family:var(--font-mono);font-size:.725rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:.15rem .4rem;color:var(--text-muted)}.site-header{border-bottom:1px solid var(--border-color);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;transition:border-color .2s ease}.nav{max-width:1440px;width:94%;margin:0 auto;padding:.9rem 0;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--text-main);letter-spacing:-.02em;transition:transform .15s ease}.brand:hover{transform:translateY(-1px)}.brand-logo-img{width:30px;height:30px;border-radius:8px;object-fit:contain;transition:transform .2s ease}.brand:hover .brand-logo-img{transform:scale(1.08) rotate(-3deg)}.brand-icon{font-size:1.35rem}.brand-text{background:linear-gradient(135deg,var(--text-main) 30%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-badge{font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2rem .5rem;border-radius:999px;background:var(--accent-light);color:var(--accent);border:1px solid rgba(59,130,246,.2)}.links{display:flex;align-items:center;gap:.75rem}.links a{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.925rem;font-weight:600;padding:.6rem .9rem;min-height:44px;border-radius:var(--radius-md);transition:all .15s ease}.links a:hover{color:var(--text-main);background:var(--bg-surface)}.links a.active{color:var(--accent);background:var(--accent-light)}.nav-kbd{display:inline-block;font-size:.65rem;opacity:.8}.mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:0}.hamburger-bar{width:20px;height:2px;background-color:var(--text-main);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;visibility:hidden;pointer-events:none;overflow:hidden;transition:visibility .3s ease}.mobile-drawer.open{visibility:visible;pointer-events:auto}.mobile-drawer-content{position:absolute;top:0;right:0;width:280px;max-width:80vw;height:100%;background:var(--bg-elevated);box-shadow:var(--shadow-xl);z-index:2;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding:1.5rem}.mobile-drawer.open .mobile-drawer-content{transform:translate(0)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.drawer-title{font-weight:800;font-size:1.1rem;color:var(--text-main)}.drawer-close-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:36px;height:36px;border-radius:50%;font-size:1.5rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.mobile-links{display:flex;flex-direction:column;gap:.75rem}.mobile-links a{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;min-height:48px;border-radius:var(--radius-md);color:var(--text-main);font-weight:600;text-decoration:none;background:var(--bg-surface);border:1px solid var(--border-color)}.mobile-links a.active{background:var(--accent-light);color:var(--accent);border-color:#3b82f64d}.drawer-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.mobile-drawer.open .drawer-backdrop{opacity:1}@media(max-width:768px){.desktop-links{display:none!important}.mobile-toggle{display:flex!important}}.content{max-width:1440px;width:94%;margin:0 auto;padding:2rem 0 4rem}@media(max-width:600px){.content{width:92%;padding:1.25rem 0 3rem}}.site-footer{border-top:1px solid var(--border-color);background:var(--bg-elevated);padding:3rem 0 2rem;margin-top:4rem}.footer-container{max-width:1440px;width:94%;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-color)}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:2rem}}.footer-brand{font-weight:800;font-size:1.1rem;margin-bottom:.5rem}.footer-desc{color:var(--text-muted);font-size:.9rem;margin:0;max-width:400px}.footer-heading{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);margin-bottom:.75rem}.footer-col p{margin:0;color:var(--text-muted);font-size:.875rem}.shortcut-list{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.footer-bottom{max-width:1440px;width:94%;margin:1.5rem auto 0;text-align:center;color:var(--text-subtle);font-size:.85rem}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:var(--font-sans);letter-spacing:-.025em}a{color:var(--accent);transition:color .15s ease}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}