@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;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-size-xs: clamp(.7rem, .65rem + .2vw, .75rem);--font-size-sm: clamp(.8rem, .75rem + .25vw, .875rem);--font-size-base: clamp(.925rem, .875rem + .25vw, 1rem);--font-size-lg: clamp(1.05rem, .95rem + .5vw, 1.15rem);--font-size-xl: clamp(1.2rem, 1.05rem + .75vw, 1.35rem);--font-size-2xl: clamp(1.4rem, 1.2rem + 1vw, 1.75rem);--font-size-3xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);--font-size-4xl: clamp(2rem, 1.6rem + 2vw, 2.75rem);--bg-body: #f8fafc;--bg-elevated: #ffffff;--bg-surface: #f1f5f9;--bg-glass: rgba(255, 255, 255, .88);--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;--radius-xl: 20px}@media(prefers-color-scheme:dark){:root{--bg-body: #090d16;--bg-elevated: #111827;--bg-surface: #1e293b;--bg-glass: rgba(9, 13, 22, .88);--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{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.65;color:var(--text-main);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}img,video,iframe{max-width:100%;height:auto;display:block}::-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);white-space:nowrap}.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,background .2s ease}.nav{max-width:1440px;width:min(94%,1440px);margin:0 auto;padding:.75rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.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;flex-shrink:0}.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:.5rem}.links a{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.925rem;font-weight:600;padding:.5rem .85rem;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;min-width:44px;min-height:44px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:0;position:relative;z-index:101;transition:background .15s ease,border-color .15s ease}.mobile-toggle:hover{background:var(--border-color)}.hamburger-bar{width:20px;height:2px;background-color:var(--text-main);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.mobile-toggle.is-active .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.is-active .hamburger-bar:nth-child(2){opacity:0}.mobile-toggle.is-active .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;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:min(300px,82vw);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;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.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.25rem;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:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;font-size:1.5rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease}.drawer-close-btn:hover{background:var(--border-hover);color:var(--text-main)}.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);transition:all .15s ease}.mobile-links a:hover{background:var(--border-hover)}.mobile-links a.active{background:var(--accent-light);color:var(--accent);border-color:#3b82f64d}.nav-item-left{display:inline-flex;align-items:center;gap:.6rem}.drawer-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.mobile-drawer.open .drawer-backdrop{opacity:1}@media(max-width:800px){.desktop-links{display:none!important}.mobile-toggle{display:flex!important}}.content{max-width:1440px;width:min(94%,1440px);margin:0 auto;padding:var(--space-5) 0 var(--space-7)}@media(max-width:600px){.content{width:min(92%,1440px);padding:var(--space-4) 0 var(--space-6)}}.site-footer{border-top:1px solid var(--border-color);background:var(--bg-elevated);padding:var(--space-6) 0 var(--space-5);margin-top:var(--space-7);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.footer-container{max-width:1440px;width:min(94%,1440px);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}@media(max-width:880px){.footer-container{grid-template-columns:1fr 1fr;gap:2rem}.footer-col.main-col{grid-column:1 / -1}}@media(max-width:540px){.footer-container{grid-template-columns:1fr;gap:1.75rem}}.footer-brand{font-weight:800;font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center}.footer-desc{color:var(--text-muted);font-size:.9rem;margin:0;max-width:420px}.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:min(94%,1440px);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;line-height:1.3;margin-top:0}a{color:var(--accent);transition:color .15s ease}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}