:root{color-scheme:light;--bg-page: #f9fafb;--bg-elevated: #ffffff;--bg-header: rgba(255, 255, 255, .96);--bg-footer: #ffffff;--border-subtle: #e5e7eb;--shadow-soft: 0 10px 25px -20px rgba(0, 0, 0, .4);--text-main: #0f172a;--text-muted: #6b7280;--accent: #7c3aed;--accent-soft: #ede9fe;--accent-strong: #5b21b6;--chip-bg: #f9fafb;--chip-border: #e5e7eb}[data-theme=dark]{color-scheme:dark;--bg-page: #020617;--bg-elevated: #020617;--bg-header: rgba(15, 23, 42, .96);--bg-footer: #020617;--border-subtle: #334155;--shadow-soft: 0 18px 45px -28px rgba(0, 0, 0, .9);--text-main: #e5e7eb;--text-muted: #9ca3af;--accent: #8b5cf6;--accent-soft: #1f2937;--accent-strong: #a855f7;--chip-bg: #020617;--chip-border: #334155}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#ede9fe 0,transparent 60%),radial-gradient(circle at bottom right,#e0e7ff 0,transparent 55%),var(--bg-page);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(129,140,248,.22) 0,transparent 55%),radial-gradient(circle at bottom right,rgba(76,81,191,.24) 0,transparent 55%),var(--bg-page)}a{color:inherit}.shell{max-width:960px;margin:0 auto;padding-inline:1rem}.site-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-header);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.65rem}.site-header__brand{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-weight:700;font-size:1rem}.site-header__logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:var(--accent-soft);box-shadow:var(--shadow-soft);font-size:1rem;overflow:hidden}.site-header__logo-icon{width:30px;height:30px;display:block;max-width:100%;max-height:100%}.site-header__title{letter-spacing:.02em}.site-header__nav{display:flex;gap:.75rem;align-items:center;font-size:.8rem}.site-header__link{text-decoration:none;padding:.25rem .7rem;border-radius:9999px;border:1px solid transparent}.site-header__link:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-strong)}.theme-toggle{display:inline-flex;align-items:center;gap:.3rem;border-radius:9999px;border:1px solid var(--border-subtle);background:var(--bg-elevated);padding:.2rem .7rem;font-size:.72rem;cursor:pointer;color:var(--text-muted)}.theme-toggle__icon{font-size:.9rem}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-strong)}.site-main{padding:1.5rem 0 3rem}.card{border-radius:.9rem;border:1px solid var(--border-subtle);background:var(--bg-elevated);box-shadow:var(--shadow-soft)}.chip{border-radius:9999px;border:1px solid var(--chip-border);padding:.18rem .65rem;background:var(--chip-bg);cursor:pointer;font-size:.7rem}.chip--pill{font-weight:500}.chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.site-footer{border-top:1px solid var(--border-subtle);background:var(--bg-footer)}.site-footer__inner{padding:1rem 0 1.5rem}.site-footer__text{margin:0;font-size:.8rem;color:var(--text-muted)}.site-footer__text--small{margin-top:.25rem;font-size:.75rem}.breadcrumb{font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem}.breadcrumb__list{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;padding:0;margin:0}.breadcrumb__item{display:inline-flex;align-items:center}.breadcrumb__link{text-decoration:none;color:var(--text-muted)}.breadcrumb__link:hover{text-decoration:underline;color:var(--accent-strong)}.breadcrumb__separator{margin:0 .25rem;opacity:.6}.chip--link{text-decoration:none;display:inline-flex;align-items:center}.chip--link:hover{background:color-mix(in oklab,var(--accent-soft) 70%,var(--chip-bg));border-color:color-mix(in oklab,var(--accent) 35%,var(--chip-border))}:root{--accent-rgb: 59, 130, 246}[data-theme=dark]{--accent-rgb: 96, 165, 250}.site-hero{width:100%;height:clamp(200px,22vw,320px);overflow:hidden;border-bottom:1px solid var(--border-subtle);background:var(--bg-header)}.site-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero__helper{margin:-1rem 0 1.25rem;font-size:.95rem;color:var(--text-muted)}.hero__helper a{color:var(--accent);font-weight:600;text-decoration:none}.hero__helper a:hover{text-decoration:underline}[data-theme=dark] .site-hero__image{filter:brightness(.9) contrast(1.05)}