:root{color-scheme:dark;--bg: #0b0f14;--bg-2: #0e1218;--surface: #12161b;--panel: #151b21;--text: #e9eef6;--muted: #a6b1c2;--muted-2: #8e99ab;--brand: #3081fa;--brand-500: #8b7cff;--brand-600: #7968ff;--brand-700: #6a59ff;--brand-contrast: #100b1b;--link: var(--brand);--link-hover: #a69aff;--success: #39d98a;--warning: #f4c561;--danger: #ff6b6b;--info: #5bbcff;--github: #c9d1d9;--x: #e6e6e6;--discord: #5865F2;--yt: #ff5a6b;--yt-hover:#ff0000;--ig: conic-gradient(from 200deg at 50% 50%, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);--thumb: none;--radius-xs: 6px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--lh: 1.65;--maxw: 72ch;--maxw-xl: 1280px;--container-vw: 80vw;--border-color: rgb(255 255 255 / .1);--border: 1px solid var(--border-color);--shadow-xs: 0 1px 4px rgb(0 0 0 / .18);--shadow-sm: 0 2px 8px rgb(0 0 0 / .25);--shadow-md: 0 8px 24px rgb(0 0 0 / .35);--shadow-lg: 0 16px 48px rgb(0 0 0 / .45);--ring: 2px solid color-mix(in oklab, var(--brand), white 15%);--ring-shadow: 0 0 0 3px color-mix(in oklab, var(--brand), white 35%);--ease-standard: cubic-bezier(.2,.8,.2,1);--ease-emph: cubic-bezier(.2,.8,.1,1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--dur-4: .6s;--z-1: 1;--z-2: 10;--z-3: 100;--z-4: 1000;--color-bg: var(--bg);--color-text: var(--text);--color-accent: var(--brand);--color-surface: var(--surface);--color-panel: var(--panel)}@media (prefers-color-scheme: light){:root,[data-theme=light]{color-scheme:light;--bg: #f7f9fc;--bg-2: #eef3fb;--surface: #ffffff;--panel: #ffffff;--text: #0b0f14;--muted: #5c6777;--muted-2: #6b7687;--brand: #4059ff;--brand-500: #5b40ff;--brand-600: #5137ff;--brand-700: #4a30ff;--brand-contrast: #ffffff;--link: #4d33ff;--link-hover: #6c58ff;--border-color: rgb(0 0 0 / .12);--shadow-xs: 0 1px 3px rgb(0 0 0 / .06);--shadow-sm: 0 2px 8px rgb(0 0 0 / .08);--shadow-md: 0 8px 24px rgb(0 0 0 / .12);--shadow-lg: 0 16px 48px rgb(0 0 0 / .16)}}::selection{background:color-mix(in oklab,var(--brand),white 30%);color:var(--brand-contrast)}html,body{background:var(--bg);color:var(--text);line-height:var(--lh);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0 0 .55em;line-height:1.2;color:var(--text)}h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,3.2rem)}h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.3rem)}h3{font-size:clamp(1.25rem,1rem + .9vw,1.6rem)}p{color:var(--muted);margin:0 0 1em}main a{color:var(--link);text-decoration:underline;text-underline-offset:3px}main a:hover{color:var(--link-hover)}.strip__title{margin:0 0 .4rem;font-size:.95rem;color:var(--muted-2);letter-spacing:.03em;text-transform:uppercase}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-1)}.container-xl{max-width:min(var(--maxw-xl),var(--container-vw));margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-6)}.container-fluid{width:min(100%,var(--container-vw));margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-5)}@media (max-width: 600px){.container,.container-xl,.container-fluid{padding-inline:var(--space-4)}}.card{background:var(--panel);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:transform var(--dur-1) var(--ease-standard),box-shadow var(--dur-1) var(--ease-standard)}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.grid{--grid-min: 320px;--grid-gap: var(--space-5);display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr))}.grid-tight{--grid-gap: var(--space-4)}.grid-roomy{--grid-gap: var(--space-7)}img,svg,video{max-width:100%;height:auto;display:block}img.rounded{border-radius:var(--radius)}.tag{display:inline-block;padding:2px 10px;border:var(--border);border-radius:var(--radius-pill);font-size:12px;color:var(--muted-2);background:color-mix(in oklab,var(--panel),white 4%);margin-right:6px}.btn{display:inline-block;padding:10px 14px;border-radius:var(--radius);text-decoration:none;border:0;background:var(--brand);color:#fff;font-weight:600;line-height:1;transition:filter var(--dur-1) var(--ease-standard),transform var(--dur-1) var(--ease-standard),box-shadow var(--dur-1) var(--ease-standard);box-shadow:0 0 #0000}.btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.btn:active{filter:brightness(.98);transform:translateY(0)}.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{padding:8px 12px;font-size:.92rem}.btn--lg{padding:12px 18px;font-size:1.05rem}.btn.secondary{background:color-mix(in oklab,var(--brand),cyan 40%);color:#051014}.btn.ghost{background:transparent;border:var(--border);color:var(--text)}.btn.ghost:hover{background:color-mix(in oklab,var(--panel),white 6%)}:where(a,button,.btn,input,select,textarea):focus-visible{outline:var(--ring);outline-offset:2px;border-radius:var(--radius-xs)}:where(.card,.panel):focus-visible{box-shadow:var(--ring-shadow)}.panel{background:var(--surface);border:var(--border);border-radius:var(--radius);padding:var(--space-4)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.center{justify-content:center;align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.rounded-lg{border-radius:var(--radius-lg)}.elevate-sm{box-shadow:var(--shadow-sm)}.elevate-md{box-shadow:var(--shadow-md)}.elevate-lg{box-shadow:var(--shadow-lg)}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--panel),white 18%) transparent}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--panel),white 18%);border-radius:10px}*::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Atkinson,sans-serif;background:var(--bg);color:var(--text);line-height:var(--lh)}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}main{padding-block:32px}.container{max-width:min(var(--maxw-xl),var(--container-vw));margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-6)}.container-xl{--container-vw: 90vw;max-width:min(var(--maxw-xl),var(--container-vw));margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-6)}@media (max-width: 600px){.container,.container-xl{padding-inline:var(--space-4)}}h1,h2,h3,h4{margin:0 0 .5em;color:var(--text);line-height:1.2}h1{font-size:clamp(1.8rem,3vw + 1rem,3rem)}h2{font-size:clamp(1.4rem,2.4vw + .6rem,2.2rem)}h3{font-size:clamp(1.2rem,1.6vw + .6rem,1.6rem)}p{margin:0 0 1em;color:var(--muted)}.prose>*+*{margin-top:1em}.rounded{border-radius:var(--radius)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0}
