@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-primary: #FF6B47;--brand-secondary: #6B4EFF;--brand-success: #3DDC97;--brand-warning: #FFB454;--brand-destructive: #E5484D;--bg-primary: #FFFFFF;--bg-secondary: #F7F5F3;--bg-tertiary: #EFEBE7;--text-primary: #1A1714;--text-secondary: #5C544C;--text-tertiary: #948C82;--border: #E3DDD6;--nav-bg: rgba(255, 255, 255, .85);--footer-bg: var(--bg-secondary);--overlay-bg: rgba(0, 0, 0, .5);--radius-card: 12px;--radius-btn: 8px;--radius-pill: 999px;--grid-unit: 8px}@media(prefers-color-scheme:dark){:root{--bg-primary: #14110F;--bg-secondary: #1E1A17;--bg-tertiary: #2A2521;--text-primary: #F7F5F3;--text-secondary: #C2B9AE;--text-tertiary: #8A8077;--border: #3A332D;--nav-bg: rgba(20, 17, 15, .85);--footer-bg: #14110F;--overlay-bg: rgba(0, 0, 0, .6)}}.force-dark{--bg-primary: #14110F;--bg-secondary: #1E1A17;--bg-tertiary: #2A2521;--text-primary: #F7F5F3;--text-secondary: #C2B9AE;--text-tertiary: #8A8077;--border: #3A332D;--nav-bg: rgba(20, 17, 15, .85);--footer-bg: #14110F}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mono{font-family:JetBrains Mono,monospace}h1,.display-text{font-size:32px;line-height:40px;font-weight:600}h2{font-size:24px;line-height:32px;font-weight:600}h3{font-size:18px;line-height:26px;font-weight:600}.body-large{font-size:17px;line-height:26px;font-weight:400}.body-text{font-size:15px;line-height:24px;font-weight:400}.body-small{font-size:13px;line-height:20px;font-weight:400}.label-text{font-size:14px;line-height:20px;font-weight:500}nav.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--nav-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}nav .logo .site-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);text-decoration:none}nav .logo .tagline{font-size:.875rem;.nav-desktop{display:none;align-items:center;gap:1.5rem}.mobile-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-primary);width:44px;height:44px;border-radius:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-toggle:active{background:var(--bg-tertiary)}.mobile-drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(85vw,360px);background:var(--bg-primary);border-left:1px solid var(--border);z-index:1000;padding:20px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;transform:translate(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);-webkit-overflow-scrolling:touch}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-close{align-self:flex-end;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;color:var(--text-primary);touch-action:manipulation}.mobile-nav-group summary{font-size:1.05rem;font-weight:600;color:var(--text-primary);list-style:none;padding:14px 4px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-nav-group ul{list-style:none;margin:0;padding:4px 0 4px 12px;display:flex;flex-direction:column}.mobile-nav-group a{display:flex;align-items:center;gap:10px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;padding:12px 4px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-group a:active{background:var(--bg-tertiary);border-radius:8px}@media(min-width:768px){.nav-desktop{display:flex!important}.mobile-toggle,.mobile-drawer,.mobile-drawer-backdrop{display:none!important}}color:var(--text-secondary);margin-left:.5rem}nav .nav-categories{display:flex;gap:1rem;list-style:none;margin:0;padding:0}nav details{position:relative}nav summary{cursor:pointer;font-weight:500;color:var(--text-primary)}nav .nav-submenu{position:absolute;top:100%;left:0;background:var(--nav-bg);border:1px solid var(--border);padding:.5rem 0;min-width:10rem;z-index:10}nav .nav-submenu li a{display:block;padding:.25rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.875rem}nav .nav-submenu li a:hover{background:var(--overlay-bg)}nav .donate-btn{padding:.5rem 1rem;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-btn);cursor:pointer;font-weight:500;transition:transform .1s ease}nav .donate-btn:active{transform:scale(.97)}.brand-btn{padding:.5rem 1rem;border-radius:var(--radius-btn);cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:14px;transition:transform .1s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.brand-btn:hover{opacity:.9}.brand-btn:active{transform:scale(.97)}.site-footer{background:var(--nav-bg);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:3rem 1rem 1.5rem;color:var(--text-primary);font-family:Inter,sans-serif}.footer-main{max-width:1100px;margin:0 auto}.footer-brand{text-align:center;margin-bottom:3rem}.footer-brand strong{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-brand span{color:var(--text-secondary);font-size:.875rem}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:3rem}.footer-links .col h4{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer-links .col ul{list-style:none;padding:0;margin:0}.footer-links .col ul li{margin-bottom:.5rem}.footer-links .col ul li a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-links .col ul li a:hover{color:var(--brand-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-tertiary)}.footer-bottom a{color:var(--text-secondary);text-decoration:none;font-weight:500;margin-right:1.5rem;transition:color .2s ease}.footer-bottom a:hover{color:var(--brand-primary)}
