:root{--color-bg-page:#e7e9ee;--color-bg-surface:#f6f7fa;--color-text:#14161b;--color-text-muted:#596070;--color-line:#c3c8d2;--color-accent:#3a2bd6;--color-on-accent:#fff;--color-accent-soft:#dcd8fb;--color-edge-loved:#1e7a46;--color-edge-mixed:#9a6a00;--color-edge-disliked:#b3261e;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-pill:999px;--type-heading-xl:600 34px/1.2 var(--font-archivo);--tracking-heading-xl:-.01em;--type-heading-l:600 23px/1.25 var(--font-archivo);--tracking-heading-l:-.005em;--type-node-title:600 15px/1.2 var(--font-archivo-narrow);--type-logo:600 19px/1.2 var(--font-archivo);--tracking-logo:-.005em;--type-body-m:400 15px/1.5 var(--font-archivo);--type-body-m-strong:600 15px/1.5 var(--font-archivo);--type-button:500 14px/1.4 var(--font-archivo);--type-body-s:400 13.5px/1.5 var(--font-archivo);--type-body-xs:400 12px/1.4 var(--font-archivo);--type-label:500 12.5px/1.3 var(--font-archivo);--type-small:400 11.5px/1.3 var(--font-archivo);--theme-accent:#3a2bd6;--theme-on-accent:#fff;--theme-panel:#f6f7fa;--theme-surface-2:#e7e9ee;--theme-line:#c3c8d2;--theme-soft:#dcd8fb;--theme-text:#14161b;--theme-text-muted:#4a4f5c;--glow-s:85%;--glow-l:72%;--glow-a:.55;--cursor-glow-s:55%;--cursor-glow-a:.3;--spot-s:50%;--spot-l:42%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-page:#111218;--color-bg-surface:#1a1c24;--color-text:#ecedf2;--color-text-muted:#9ba1af;--color-line:#2f333e;--color-accent:#8f86ff;--color-on-accent:#0e0f14;--color-accent-soft:#2a2655;--color-edge-loved:#5cc98a;--color-edge-mixed:#e3b341;--color-edge-disliked:#f2867c;--glow-s:70%;--glow-l:32%;--glow-a:.5;--cursor-glow-s:45%;--cursor-glow-a:.3;--spot-s:55%;--spot-l:72%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg-page:#111218;--color-bg-surface:#1a1c24;--color-text:#ecedf2;--color-text-muted:#9ba1af;--color-line:#2f333e;--color-accent:#8f86ff;--color-on-accent:#0e0f14;--color-accent-soft:#2a2655;--color-edge-loved:#5cc98a;--color-edge-mixed:#e3b341;--color-edge-disliked:#f2867c;--glow-s:70%;--glow-l:32%;--glow-a:.5;--cursor-glow-s:45%;--cursor-glow-a:.3;--spot-s:55%;--spot-l:72%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box}*{margin:0}html{min-height:100%}body{background:var(--color-bg-page);min-height:100dvh;color:var(--color-text);font:var(--type-body-m);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@property --cursor-hue{syntax:"<number>";inherits:true;initial-value:255}@property --focus-hue{syntax:"<number>";inherits:true;initial-value:255}@property --spot{syntax:"<length>";inherits:false;initial-value:0}@property --label-scale{syntax:"<number>";inherits:false;initial-value:1}@property --tint{syntax:"<percentage>";inherits:false;initial-value:0%}@media (hover:hover) and (pointer:fine){[data-reactive]{--reactive-base:var(--color-text);--spot-color:hsl(var(--h1,255) var(--spot-s) var(--spot-l));background-image:radial-gradient(circle var(--spot) at var(--x,50%) var(--y,50%), var(--spot-color), color-mix(in oklab, var(--reactive-base), var(--spot-color) var(--tint)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:--spot .7s ease-out,--tint .7s ease-out}[data-reactive]:hover{--spot:200px;--tint:12%}}@media (forced-colors:active){[data-reactive]{-webkit-text-fill-color:currentColor;background:0 0}}
