:root{--font-heading:"Space Grotesk", "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-code:"JetBrains Mono", "Fira Code", "Source Code Pro", monospace;--shadow-soft:0 20px 60px -45px #1118278c;--shadow-card:0 20px 40px -32px #11182759;--radius-lg:18px;--radius-pill:999px}:root,[data-theme=light]{--page-bg:#f6f7fb;--surface-card:#fff;--surface-contrast:#e6e8ef;--text-base:#121622;--text-muted:#4b5563;--accent:#1f6feb;--accent-2:#6fe1c3;--border:#e5e7eb;--border-strong:#d1d5db;--footer-bg-1:#f6f7fb;--footer-bg-2:#eef2fb;--footer-bg-3:#e3e8f3;--footer-text:#0f172a;--footer-muted:#4b5563;--footer-pill-bg:#ffffffe6;--footer-pill-border:#11182726;--footer-pill-bg-hover:#eef2fb;--footer-pill-text:#0f172a;--footer-mail-border:#1f6feb59;--footer-mail-bg:#6fe1c32e;--footer-mail-bg-hover:#6fe1c34d}[data-theme=dark]{--page-bg:#0e1e2b;--surface-card:#0b1823;--surface-contrast:#112439;--text-base:#f4f4f4;--text-muted:#a8b3ba;--accent:#6fe1c3;--accent-2:#2e8373;--border:#11283a;--border-strong:#1d3b4f;--footer-bg-1:#081526;--footer-bg-2:#040c16;--footer-bg-3:#010409;--footer-text:#f7faffe6;--footer-muted:#f7faffa6;--footer-pill-bg:#ffffff1a;--footer-pill-border:#ffffff59;--footer-pill-bg-hover:#fff3;--footer-pill-text:#ffffffe6;--footer-mail-border:#67e8f98c;--footer-mail-bg:#0891b240;--footer-mail-bg-hover:#0891b266}*,:before,:after{box-sizing:border-box}body.site-shell{background:var(--page-bg);min-height:100vh;color:var(--text-base);font-family:var(--font-body);flex-direction:column;margin:0;line-height:1.65;transition:background .3s,color .3s;display:flex}code,pre{font-family:var(--font-code);font-feature-settings:"liga" 0;font-size:.95rem}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}.shell{width:min(1100px,92vw);margin:0 auto}.site-header{background:color-mix(in srgb, var(--surface-card) 90%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.site-header .shell{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.brand{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.brand-lockup{background:color-mix(in srgb, var(--surface-card) 90%, transparent);box-shadow:var(--shadow-soft);border:1px solid #0000;border-radius:999px;align-items:center;gap:.75rem;padding:.35rem 1rem .35rem .5rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:inline-flex}.brand:hover .brand-lockup,.brand:focus-visible .brand-lockup{border-color:color-mix(in srgb, var(--accent) 55%, var(--border) 45%);transform:translateY(-1px);box-shadow:0 14px 35px #0f172a33}.brand:focus-visible{outline:none}.brand:focus-visible .brand-lockup{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:4px}.brand-lockup-logo{filter:drop-shadow(0 5px 15px #0f172a40);width:48px;height:auto;display:block}body.random-article-modal-open{overflow:hidden}.random-article-modal{background:color-mix(in srgb, var(--page-bg) 88%, transparent);backdrop-filter:blur(14px);opacity:0;pointer-events:none;z-index:999;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2.5rem);transition:opacity .35s,transform .35s;display:flex;position:fixed;inset:0;transform:scale(.97)}.random-article-modal--visible{opacity:1;pointer-events:auto;transform:scale(1)}.random-article-modal__backdrop{background:radial-gradient(circle at center, color-mix(in srgb, var(--surface-card) 85%, transparent) 0%, transparent 55%);position:absolute;inset:0;overflow:hidden}.random-article-modal__ribbon{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 45%, transparent), color-mix(in srgb, var(--accent-2) 30%, transparent));opacity:.35;filter:blur(6px);mix-blend-mode:screen;animation:16s ease-in-out infinite randomArticleRibbonDrift;position:absolute;inset:-20% -30%}.random-article-modal__ribbon:nth-child(2){background:linear-gradient(140deg, color-mix(in srgb, var(--accent-2) 40%, transparent), color-mix(in srgb, var(--accent) 30%, transparent));opacity:.45;animation:22s ease-in-out infinite randomArticleRibbonDriftAlt;inset:-30% -25%}.random-article-modal__particles{background-image:radial-gradient(circle, color-mix(in srgb, var(--accent) 25%, transparent) 0%, transparent 60%), radial-gradient(circle, color-mix(in srgb, var(--accent-2) 25%, transparent) 0%, transparent 65%), radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 55%);opacity:.25;mix-blend-mode:screen;filter:blur(.5px);background-position:0 0,50% 40%,20% 80%;background-size:160px 280px,220px 360px,180px 320px;animation:18s linear infinite randomArticleParticleDrift;position:absolute;inset:-15% 0}.random-article-modal__particles--fast{opacity:.35;animation-duration:12s}.random-article-modal__content{background:linear-gradient(160deg, color-mix(in srgb, var(--surface-card) 96%, transparent), color-mix(in srgb, var(--surface-contrast) 65%, transparent));border:1px solid color-mix(in srgb, var(--border) 65%, transparent);z-index:1;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;gap:2.25rem;min-width:min(96vw,640px);min-height:clamp(380px,60vh,520px);margin:auto;padding:clamp(3rem,5vw,4.5rem);display:flex;position:relative;box-shadow:0 45px 90px #0f172a59}.random-article-modal__content:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);opacity:.25;filter:blur(10px);border-radius:40px;position:absolute;inset:12%}.random-article-modal__logo{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 85%, white 15%), color-mix(in srgb, var(--accent-2) 85%, white 10%));width:clamp(140px,18vw,180px);height:clamp(140px,18vw,180px);box-shadow:0 35px 70px #0f172a59, 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);z-index:1;border-radius:40px;place-items:center;display:grid;position:relative;overflow:visible}.random-article-modal__logo:before,.random-article-modal__logo:after{content:"";transform-origin:50%;pointer-events:none;mix-blend-mode:screen;width:clamp(14px,1.8vw,20px);height:clamp(14px,1.8vw,20px);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 40%, transparent);z-index:0;border-radius:999px;position:absolute;top:50%;left:50%}.random-article-modal__logo:before{--orbit-radius:clamp(110px, 16vw, 150px);background:color-mix(in srgb, var(--accent) 90%, white 10%);animation:5.5s cubic-bezier(.6,0,.4,1) infinite randomArticleOrbitA}.random-article-modal__logo:after{--orbit-radius:clamp(90px, 13vw, 120px);background:color-mix(in srgb, var(--accent-2) 85%, white 5%);box-shadow:0 0 16px color-mix(in srgb, var(--accent-2) 45%, transparent);animation:4s cubic-bezier(.6,0,.4,1) infinite randomArticleOrbitB}.random-article-modal__logo img{z-index:2;width:clamp(90px,12vw,120px);height:auto;position:relative}.random-article-modal__label{font-size:clamp(1.6rem,4vw,2.2rem);font-family:var(--font-heading);color:var(--text-base);text-align:center;letter-spacing:.12em;text-transform:uppercase;z-index:1;margin:0;position:relative}@keyframes randomArticleRibbonDrift{0%{transform:translate(-10%)translateY(-10%)rotate(18deg)}50%{transform:translate(8%)translateY(5%)rotate(20deg)}to{transform:translate(-10%)translateY(-10%)rotate(18deg)}}@keyframes randomArticleRibbonDriftAlt{0%{transform:translate(12%)translateY(-15%)rotate(32deg)}50%{transform:translate(-5%)translateY(10%)rotate(28deg)}to{transform:translate(12%)translateY(-15%)rotate(32deg)}}@keyframes randomArticleOrbitA{0%{transform:translate(-50%, -50%) rotate(0deg) translateX(var(--orbit-radius)) scale(.85)}50%{transform:translate(-50%, -50%) rotate(180deg) translateX(var(--orbit-radius)) scale(1)}to{transform:translate(-50%, -50%) rotate(360deg) translateX(var(--orbit-radius)) scale(.85)}}@keyframes randomArticleParticleDrift{0%{background-position:0 0,50% 40%,20% 80%;transform:translateY(10%)}50%{background-position:20% 30%,30% 60%,40% 10%}to{background-position:0 80%,60% 20%,10% 40%;transform:translateY(-10%)}}@keyframes randomArticleOrbitB{0%{transform:translate(-50%, -50%) rotate(0deg) translateX(var(--orbit-radius)) scale(.9)}50%{transform:translate(-50%, -50%) rotate(180deg) translateX(var(--orbit-radius)) scale(1.05)}to{transform:translate(-50%, -50%) rotate(360deg) translateX(var(--orbit-radius)) scale(.9)}}@media (width<=600px){.random-article-modal__content{border-radius:32px;min-width:100%}}.brand-wordmark{white-space:nowrap;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--surface-contrast);font-family:var(--font-heading,"Space Grotesk", "IBM Plex Sans", "Inter", sans-serif);text-transform:uppercase;letter-spacing:.15em;color:var(--text-base);align-items:center;padding:.25rem .9rem;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #0f172a2e}.nav-row{align-items:center;gap:1rem;display:flex}.nav-list{align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{min-height:48px;color:var(--text-base);border-radius:12px;justify-content:center;align-items:center;padding:.5rem .85rem;font-weight:600;display:inline-flex}.nav-list a:hover,.nav-list a:focus-visible{background:var(--surface-contrast);text-decoration:none}.header-actions{align-items:center;gap:.6rem;display:flex}.pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-card);min-width:48px;min-height:48px;color:var(--text-base);box-shadow:var(--shadow-soft);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .9rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.pill.theme-toggle{box-shadow:none;background:0 0;border:none;justify-content:center;gap:0;min-width:48px;min-height:48px;padding:0;transition:transform .2s,color .2s}.pill.theme-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:4px}.pill.theme-toggle:hover{transform:translateY(-1px)}.pill.theme-toggle .theme-icon{width:48px;height:48px;color:var(--text-base);letter-spacing:-.08em;place-items:center;font-size:1.6rem;font-weight:800;display:grid;position:relative;overflow:hidden}.pill.theme-toggle .glyph{opacity:0;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(10px)scale(.9)}.pill.theme-toggle .sun-glyph{opacity:0;color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--accent) 80%, white 20%);text-shadow:none;transform:translateY(10px)scale(.9)}.pill.theme-toggle[data-theme-state=dark] .sun-glyph{opacity:1;transform:translateY(0)scale(1.1)}.pill.theme-toggle .moon-glyph{opacity:1;color:color-mix(in srgb, var(--accent-2) 70%, var(--text-base) 30%);transform-origin:50%;-webkit-text-stroke:1px color-mix(in srgb, var(--accent-2) 80%, var(--text-base) 20%);font-weight:900;transform:translateY(0)scale(1.1)}.pill.theme-toggle[data-theme-state=dark] .moon-glyph{opacity:0;transform:translateY(-10px)scale(.9)}.pill.theme-toggle:hover .moon-glyph,.pill.theme-toggle:focus-visible .moon-glyph{color:color-mix(in srgb, var(--accent) 85%, var(--text-base) 15%)}.pill.theme-toggle[data-theme-state=dark]:hover .sun-glyph,.pill.theme-toggle[data-theme-state=dark]:focus-visible .sun-glyph{-webkit-text-stroke:2px color-mix(in srgb, var(--accent) 100%, white 25%);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 45%, transparent)}.pill.subtle{box-shadow:none}.pill:hover,.pill:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-card);text-decoration:none;transform:translateY(-1px)}.pill .icon{justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.pill.theme-toggle .glyph{transition:none}}main.shell{flex:1 0 auto;padding:2.5rem 0 3.5rem}.site-footer{background:linear-gradient(180deg, var(--footer-bg-1) 0%, var(--footer-bg-2) 55%, var(--footer-bg-3) 100%);color:var(--footer-text);margin-top:auto;padding-bottom:2rem;box-shadow:0 -10px 35px #ada9a947}.footer-divider{background:linear-gradient(90deg, color-mix(in srgb, var(--footer-text) 0%, transparent) 0%, color-mix(in srgb, var(--footer-text) 30%, transparent) 40%, color-mix(in srgb, var(--footer-text) 30%, transparent) 60%, color-mix(in srgb, var(--footer-text) 0%, transparent) 100%);height:1px}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 0 1rem;display:flex}.footer-socials{justify-content:center;align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.footer-social-link{border:1px solid var(--footer-pill-border);background:var(--footer-pill-bg);width:48px;height:48px;color:var(--footer-pill-text);border-radius:999px;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex;box-shadow:0 15px 30px #00000040}.footer-social-link svg{width:22px;height:22px}.footer-social-link.is-mail{border-color:var(--footer-mail-border);background:var(--footer-mail-bg);width:auto;height:48px;color:var(--footer-pill-text);letter-spacing:.04em;text-transform:uppercase;gap:.6rem;padding:0 1.2rem;font-size:.9rem;font-weight:600}.footer-social-link:hover,.footer-social-link:focus-visible{background:var(--footer-pill-bg-hover);color:var(--text-base);border-color:color-mix(in srgb, var(--footer-pill-border) 50%, var(--text-base) 50%);text-decoration:none;transform:translateY(-2px)}.footer-social-link.is-mail:hover,.footer-social-link.is-mail:focus-visible{background:var(--footer-mail-bg-hover)}.footer-meta{text-transform:uppercase;letter-spacing:.08em;color:var(--footer-muted);flex-direction:column;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.footer-meta span{align-items:center;display:inline-flex}.footer-meta-year{color:var(--footer-text);font-weight:600}.footer-meta-separator{color:#f7faff66;padding:0 .75rem;display:none}.footer-meta-rights{color:var(--footer-text);letter-spacing:.12em;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.footer-inner{text-align:left;flex-direction:row-reverse;justify-content:space-between}.footer-socials{justify-content:flex-end}.footer-meta{flex-direction:row;align-items:center;gap:.75rem}.footer-meta-separator{display:inline-flex}}@media (width<=800px){.site-header .shell{flex-direction:column;align-items:flex-start}.nav-row{flex-wrap:wrap;justify-content:space-between;width:100%}.nav-list{flex-wrap:wrap}}