@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/fonts/Gilroy-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--exa-1: oklch(97% .013 262);--exa-2: oklch(92% .036 261);--exa-3: oklch(84% .082 260);--exa-4: oklch(72% .155 258);--exa-5: #0072ED;--exa-6: oklch(50% .21 259);--exa-7: oklch(43% .195 260);--exa-8: oklch(36% .165 261);--exa-9: oklch(29% .125 262);--exa-10: oklch(22% .09 263);--exa-11: oklch(15% .058 265);--exa-neutral-1: oklch(97.5% .002 248);--exa-neutral-2: oklch(94% .006 248);--exa-neutral-3: oklch(89% .012 255);--exa-neutral-4: oklch(82% .02 252);--exa-neutral-5: oklch(67% .038 256);--exa-neutral-6: oklch(55% .046 257);--exa-neutral-7: oklch(44.5% .043 257);--exa-neutral-8: oklch(37% .044 257);--exa-neutral-9: oklch(27.5% .041 260);--exa-neutral-10: oklch(20% .042 265);--exa-neutral-11: oklch(12% .042 265);--exa-grey-1: oklch(100% 0 0);--exa-grey-2: oklch(99% 0 0);--exa-grey-3: oklch(97.5% 0 0);--exa-grey-4: oklch(96% 0 0);--exa-grey-5: oklch(92% 0 0);--exa-grey-6: oklch(87% 0 0);--exa-grey-7: oklch(79% 0 0);--exa-grey-8: oklch(68% 0 0);--exa-grey-9: oklch(55% 0 0);--exa-grey-10: oklch(41% 0 0);--exa-grey-11: oklch(25% 0 0);--exa-color-bg: var(--exa-grey-3);--exa-color-surface: var(--exa-grey-1);--exa-color-surface-inset: var(--exa-grey-4);--exa-color-surface-raised: var(--exa-grey-1);--exa-color-segmented-track: var(--exa-neutral-1);--exa-color-reading-bg: var(--exa-grey-1);--exa-color-reading-surface: var(--exa-grey-1);--exa-color-border: color-mix(in srgb, var(--exa-neutral-3) 40%, transparent);--exa-color-border-strong: color-mix(in srgb, var(--exa-neutral-4) 40%, transparent);--exa-color-border-subtle: var(--exa-color-border);--exa-color-border-focus: var(--exa-5);--exa-color-divider: color-mix(in srgb, var(--exa-color-border) 50%, transparent);--exa-color-text-primary: var(--exa-neutral-11);--exa-color-text-secondary: var(--exa-neutral-7);--exa-color-text-tertiary: var(--exa-neutral-5);--exa-color-text-disabled: var(--exa-neutral-4);--exa-color-link: var(--exa-5);--exa-color-brand: var(--exa-5);--exa-color-brand-hover: var(--exa-6);--exa-color-brand-subtle: var(--exa-2);--exa-color-brand-muted: var(--exa-3);--exa-color-brand-text: var(--exa-5);--exa-color-success: oklch(51% .177 142);--exa-color-success-subtle: oklch(96% .04 142);--exa-color-success-text: var(--exa-color-success);--exa-color-danger: oklch(52% .22 25);--exa-color-danger-hover: oklch(46% .22 25);--exa-color-danger-subtle: oklch(97% .04 25);--exa-color-danger-text: var(--exa-color-danger);--exa-color-warning: oklch(68% .18 55);--exa-color-warning-subtle: oklch(97% .05 88);--exa-color-info: oklch(58% .16 232);--exa-color-info-subtle: oklch(95% .04 232);--exa-space-1: 4px;--exa-space-2: 8px;--exa-space-3: 12px;--exa-space-4: 16px;--exa-space-5: 20px;--exa-space-6: 24px;--exa-space-8: 32px;--exa-space-10: 40px;--exa-space-12: 48px;--exa-space-16: 64px;--exa-space-20: 80px;--exa-space-24: 96px;--exa-radius-sm: 4px;--exa-radius-md: 8px;--exa-radius-lg: 12px;--exa-radius-xl: 16px;--exa-radius-2xl: 24px;--exa-radius-full: 9999px;--exa-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--exa-shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--exa-shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--exa-shadow-xl: 0 16px 48px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);--exa-nav-height: 56px;--exa-duration-fast: .1s;--exa-duration-normal: .2s;--exa-duration-slow: .3s;--exa-easing-default: cubic-bezier(.4, 0, .2, 1);--exa-easing-in-out: ease-in-out;--exa-easing-spring: cubic-bezier(.34, 1.56, .64, 1);--exa-easing-out: cubic-bezier(0, 0, .2, 1);--exa-font-display: "Gilroy", "General Sans", Inter, sans-serif;--exa-font-body: "Inter", system-ui, sans-serif;--exa-font-mono: "JetBrains Mono", monospace}[data-theme=dark]{--exa-color-bg: oklch(15% .01 260);--exa-color-surface: oklch(19.5% .01 260);--exa-color-surface-inset: oklch(13.5% .01 260);--exa-color-surface-raised: oklch(24% .012 260);--exa-color-segmented-track: oklch(13.5% .01 260);--exa-color-reading-bg: var(--exa-color-surface);--exa-color-reading-surface: var(--exa-color-surface);--exa-color-border: color-mix(in srgb, oklch(30% .012 260) 40%, transparent);--exa-color-border-strong: color-mix(in srgb, oklch(38% .014 260) 40%, transparent);--exa-color-border-subtle: var(--exa-color-border);--exa-color-border-focus: var(--exa-5);--exa-color-divider: color-mix(in srgb, var(--exa-color-border) 45%, transparent);--exa-color-text-primary: oklch(96% .006 260);--exa-color-text-secondary: oklch(74% .014 260);--exa-color-text-tertiary: oklch(58% .014 260);--exa-color-text-disabled: oklch(42% .012 260);--exa-color-link: oklch(78% .11 258);--exa-color-brand: var(--exa-5);--exa-color-brand-hover: var(--exa-4);--exa-color-brand-subtle: oklch(27% .055 260);--exa-color-brand-muted: oklch(23% .035 260);--exa-color-brand-text: oklch(78% .11 258);--exa-color-success-text: oklch(78% .14 142);--exa-color-success-subtle: oklch(24% .05 142);--exa-color-danger-text: oklch(78% .14 25);--exa-color-danger-subtle: oklch(24% .055 25);--exa-color-danger-hover: oklch(66% .18 25);--exa-color-warning: oklch(78% .13 75);--exa-color-warning-subtle: oklch(26% .045 80);--exa-color-info: oklch(74% .11 232);--exa-color-info-subtle: oklch(24% .04 232);--exa-shadow-sm: 0 1px 3px rgba(0, 0, 0, .28), 0 1px 2px rgba(0, 0, 0, .2);--exa-shadow-md: 0 4px 12px rgba(0, 0, 0, .32), 0 2px 4px rgba(0, 0, 0, .2);--exa-shadow-lg: 0 8px 24px rgba(0, 0, 0, .36), 0 4px 8px rgba(0, 0, 0, .22);--exa-shadow-xl: 0 16px 48px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .24)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--exa-font-body);color:var(--exa-color-text-primary);background-color:var(--exa-color-bg);background-image:radial-gradient(color-mix(in srgb,var(--exa-color-text-tertiary) 22%,transparent) 1px,transparent 1px);background-size:16px 16px;font-size:14px;line-height:1.6;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--exa-color-border-focus);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--exa-color-border);border-radius:var(--exa-radius-sm)}.exa-count-badge{background:var(--exa-color-surface-inset);color:var(--exa-color-text-secondary);font-size:12px;font-weight:600;padding:1px var(--exa-space-2);border-radius:var(--exa-radius-full)}.exa-story-footer-divider{padding-top:var(--exa-space-3);border-top:1px solid var(--exa-color-divider)}.main-wrap{width:min(100%,1200px);margin:0 auto;padding:var(--exa-space-8) var(--exa-space-8)}@media (max-width: 640px){.main-wrap{padding:var(--exa-space-4)}}.footer{text-align:center;padding:var(--exa-space-8) var(--exa-space-4);color:var(--exa-color-text-tertiary);font-size:12px;background:var(--exa-color-surface);border-top:1px solid var(--exa-color-border);margin-top:auto}@keyframes exa-dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes exa-dialog-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes exa-dialog-content-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes exa-dialog-content-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}.exa-dialog-overlay[data-state=open]{animation:exa-dialog-overlay-in var(--exa-duration-slow) var(--exa-easing-default)}.exa-dialog-overlay[data-state=closed]{animation:exa-dialog-overlay-out var(--exa-duration-slow) var(--exa-easing-default)}.exa-dialog-content[data-state=open],.modpost-dialog-content[data-state=open]{animation:exa-dialog-content-in var(--exa-duration-slow) var(--exa-easing-default)}.exa-dialog-content[data-state=closed],.modpost-dialog-content[data-state=closed]{animation:exa-dialog-content-out var(--exa-duration-slow) var(--exa-easing-default)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.exa-dialog-overlay[data-state=open],.exa-dialog-overlay[data-state=closed],.exa-dialog-content[data-state=open],.exa-dialog-content[data-state=closed],.modpost-dialog-content[data-state=open],.modpost-dialog-content[data-state=closed]{animation:none}}
