:root{--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#171717;--bg-tertiary:#262626;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border-primary:#27272a;--border-secondary:#3f3f46;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.5);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{color:var(--text-primary);background:var(--bg-primary);flex-direction:column;height:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;transition:background-color .2s,color .2s;display:flex}.disable-transitions{transition:none!important}.disable-transitions *{transition:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.site-main{max-width:100%}.site-header{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);backdrop-filter:blur(8px);transition:background-color .2s,border-color .2s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:2rem;height:64px;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.brand{color:var(--color-orange-600);font-size:1.375rem;font-weight:700;text-decoration:none;transition:color .2s}.brand:hover{color:var(--color-orange-700)}.site-nav{align-items:center;gap:2rem;display:flex}.site-nav__link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.site-nav__link.active{color:var(--color-orange-600)}.site-nav__link:hover{color:var(--color-orange-600)}.nav{align-items:center;gap:2rem;display:flex}.nav a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.nav a.active{color:var(--color-orange-600)}.nav a:hover{color:var(--color-orange-600)}.theme-toggle{background:var(--bg-tertiary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border:none;-webkit-border-radius:8px;border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.theme-toggle:hover{background:var(--border-primary);color:var(--text-primary)}.github-link{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);border:none;-webkit-border-radius:8px;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.github-link:hover{background:var(--border-primary);color:var(--text-primary)}[data-theme=light] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:none}.mobile-menu-toggle{background:var(--bg-tertiary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border:none;-webkit-border-radius:8px;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:none}.mobile-menu-toggle:hover{background:var(--border-primary);color:var(--text-primary)}.mobile-menu{background:var(--bg-primary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-lg);z-index:99;opacity:0;visibility:hidden;transition:all .3s;display:none;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.mobile-menu.mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav__link{color:var(--text-secondary);border-bottom:1px solid var(--border-primary);padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-nav__link:hover{color:var(--color-orange-600);background:var(--bg-secondary)}.mobile-nav__link:last-child{border-bottom:none}.mobile-menu-section{border-bottom:1px solid var(--border-primary)}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-actions{align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.mobile-action-link,.mobile-action-button{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;-webkit-border-radius:8px;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-action-link:hover{border-color:var(--color-orange-600);color:var(--color-orange-600);background:var(--bg-tertiary)}.mobile-action-button:hover{border-color:var(--color-orange-600);color:var(--color-orange-600);background:var(--bg-tertiary)}.mobile-action-link svg,.mobile-action-button svg{width:18px;height:18px}.mobile-action-button .icon-sun,.mobile-action-button .icon-moon{display:block}[data-theme=light] .mobile-action-button .icon-moon{display:none}[data-theme=dark] .mobile-action-button .icon-sun{display:none}.site-header.mobile-menu-open{border-bottom-color:var(--border-primary)}body.mobile-menu-open{overflow:hidden}main{flex:1;padding:3rem 1rem}.content-section{padding:2rem 0}.page-header{border-bottom:2px solid var(--color-orange-500);margin-bottom:1.5rem;padding-bottom:.5rem}.page-title{color:var(--text-primary);margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:1.125rem}.site-footer{border-top:1px solid var(--border-primary);text-align:center;color:var(--text-tertiary);padding:2rem 0;font-size:.875rem}@media (min-width:1441px){.container{max-width:1280px}}@media (max-width:1440px){.container{max-width:1280px}}@media (max-width:1024px){.container{max-width:100%;padding:0 2rem}.header-inner,.site-nav{gap:1.5rem}.header-actions,.header-actions .github-link,.header-actions .theme-toggle{display:flex}main{padding:2.5rem 1rem}.content-section{padding:1.5rem 0}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.site-footer{padding:1.5rem 0;font-size:.8125rem}}@media (max-width:639px){.container{padding:0 1.5rem}.header-inner{gap:1rem;height:56px}.site-nav{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}.header-actions{gap:.375rem}.header-actions .github-link,.header-actions .theme-toggle{display:none}main{padding:2rem .5rem}.content-section{padding:1.5rem 0}.page-title{font-size:1.75rem}.site-footer{padding:1.5rem 0;font-size:.75rem}}