:root{--bg-primary: #000000;--bg-surface: #1a1b1c;--bg-surface-elevated: #232326;--bg-surface-subtle: #151515;--bg-loading: #000000;--bg-avatar-border: #000000;--bg-skeleton: #18181b;--bg-gradient-start: #1a1a1a;--bg-gradient-end: #0d0d0d;--bg-tweet: #1f1f23;--text-primary: #f4f4f5;--text-soft: #d4d4d8;--text-secondary: #a1a1aa;--text-tertiary: #a1a1aa;--text-muted: #71717a;--text-faint: #71717a;--text-dim: #71717a;--text-faintest: #52525b;--text-ghost: #3f3f46;--text-index: #52525b;--text-index-hover: #a1a1aa;--text-index-active: #e4e4e7;--border-default: #4f4f55;--border-hover: #8a8a93;--border-subtle: rgba(255, 255, 255, .13);--border-inset: #ffffff14;--border-inset-highlight: #ffffff33;--border-rail: rgba(255, 255, 255, .22);--border-index-dash: #3f3f46;--rail-dash-mask: repeating-linear-gradient( to bottom, #000 0, #000 1px, transparent 1px, transparent 6px );--accent-blue: #3b82f6;--accent-blue-hover: #60a5fa;--accent-amber: #f59e0b;--accent-green: #1ef801;--accent-green-surface: #22c55e;--accent-red: #ef4444;--accent-yellow: #fbbf24;--accent-discord: #5865f2;--accent-discord-hover: #4752c4;--accent-discord-green: #23a559;--status-active: #02ff67ff;--status-active-bg: #091d11;--status-active-glow: rgba(2, 255, 103, .5);--status-past: #ff3333;--status-past-bg: #1d0909;--status-past-glow: rgba(255, 51, 51, .5);--status-future: #ffaa00;--status-future-bg: #1d1509;--status-future-glow: rgba(255, 170, 0, .5);--status-role: #4ade80;--blog-tag-bg: #18181b;--blog-tip-border: #22c55e;--blog-tip-bg: rgba(34, 197, 94, .05);--blog-tip-text: #86efac;--blog-warn-border: #fbbf24;--blog-warn-bg: rgba(251, 191, 36, .05);--blog-warn-text: #fde047;--blog-dont-border: #ef4444;--blog-dont-bg: rgba(239, 68, 68, .05);--blog-dont-text: #fca5a5;--blog-highlight-white: rgba(255, 255, 255, .15);--blog-highlight-normal: rgba(255, 255, 255, .08);--blog-text-line-bg: rgba(255, 255, 255, .03);--heart-color: red;--heart-hover: rgb(190, 29, 29);--heart-glow: #e63946aa;--overlay-dark: #0006;--overlay-hover: #0008;--selection-bg: rgba(180, 180, 180, .3);--scrollbar-track: rgba(255, 255, 255, .02);--cal-level-0: #383838;--cal-level-1: #606060;--cal-level-2: #8c8c8c;--cal-level-3: #bababa;--cal-level-4: #ebebeb;--font-body: "Geist", system-ui, -apple-system, sans-serif;--font-ui: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "Courier New", monospace;--font-mono-alt: "Geist Mono", ui-monospace, monospace;--font-clock: "Doto", monospace;--text-xs: .6rem;--text-sm: .7rem;--text-base-sm: .75rem;--text-base: .85rem;--text-md: .9rem;--text-body: .95rem;--text-body-lg: 1rem;--text-lg: 1.1rem;--text-xl: 1.3rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-hero: 8rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.3;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-loose: 1.7;--tracking-tight: -.02em;--tracking-tight-sm: -.01em;--tracking-wide: .01em;--tracking-wider: .3px;--tracking-widest: .5px;--container-max: 600px;--container-padding: 18px;--container-padding-md: 25px;--container-padding-sm: 20px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 6px;--radius-2xl: 8px;--radius-3xl: 10px;--radius-pill: 999px;--radius-full: 50%;--radius-round: 50px;--duration-fast: .2s;--duration-normal: .25s;--duration-slow: .3s;--duration-slower: .6s;--duration-page: .8s;--ease-default: ease;--ease-out: ease-out;--ease-in-out: ease-in-out;--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--ease-material: cubic-bezier(.4, 0, .2, 1);--ease-loading: cubic-bezier(.5, 0, .9, 1);--ease-linear: linear;--shadow-sm: 0px 4px 16px rgba(0, 0, 0, .1);--shadow-md: 0 6px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-card: 0 2px 8px -4px var(--overlay-dark);--shadow-float: rgba(0, 0, 0, .5);--surface-card: rgba(9, 9, 11, .8);--surface-raised: #0a0a0a;--surface-raised-hover: #121214;--surface-row-hover: rgba(24, 24, 27, .2);--line-soft: rgba(255, 255, 255, .07);--line-soft-hover: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .15);--node-dot: rgba(255, 255, 255, .3);--pill-bg: rgba(24, 24, 27, .5);--pill-border: rgba(39, 39, 42, .8);--popover-bg: rgba(12, 12, 14, .95);--popover-border: rgba(255, 255, 255, .08);--popover-divider: rgba(255, 255, 255, .06);--tooltip-bg: #f4f4f5;--tooltip-fg: #18181b;--icon-hover: #e4e4e7;--link-hover: #60a5fa;--logo-frame-bg: #111111;--logo-frame-border: #27272a;--graph-0: #27272a;--graph-1: #52525b;--graph-2: #71717a;--graph-3: #d4d4d8;--graph-4: #f4f4f5;color-scheme:dark}:root[data-theme=light]{--bg-primary: #ffffff;--bg-surface: #f4f4f5;--bg-surface-elevated: #e4e4e7;--bg-surface-subtle: #fafafa;--bg-loading: #ffffff;--bg-avatar-border: #ffffff;--bg-skeleton: #f4f4f5;--bg-gradient-start: #fafafa;--bg-gradient-end: #f4f4f5;--bg-tweet: #e4e4e7;--text-primary: #18181b;--text-soft: #52525b;--text-secondary: #52525b;--text-tertiary: #52525b;--text-muted: #71717a;--text-faint: #71717a;--text-dim: #a1a1aa;--text-faintest: #d4d4d8;--text-ghost: #e4e4e7;--text-index: #a1a1aa;--text-index-hover: #52525b;--text-index-active: #18181b;--border-default: #d4d4d8;--border-hover: #71717a;--border-subtle: rgba(0, 0, 0, .1);--border-inset: #0000000f;--border-inset-highlight: #ffffff;--border-rail: rgba(0, 0, 0, .3);--border-index-dash: #d4d4d8;--status-active-bg: #dcfce7;--status-past-bg: #fee2e2;--status-future: #b45309;--status-future-bg: #fef3c7;--blog-tag-bg: #f4f4f5;--overlay-dark: rgba(0, 0, 0, .08);--overlay-hover: rgba(0, 0, 0, .12);--selection-bg: rgba(0, 0, 0, .12);--scrollbar-track: rgba(0, 0, 0, .03);--shadow-float: rgba(0, 0, 0, .08);--surface-card: rgba(250, 250, 250, .8);--surface-raised: #fafafa;--surface-raised-hover: #f4f4f5;--surface-row-hover: rgba(244, 244, 245, .7);--line-soft: rgba(0, 0, 0, .06);--line-soft-hover: rgba(0, 0, 0, .12);--line-strong: rgba(0, 0, 0, .1);--node-dot: rgba(0, 0, 0, .4);--pill-bg: #ffffff;--pill-border: rgba(228, 228, 231, .9);--popover-bg: rgba(255, 255, 255, .95);--popover-border: rgba(0, 0, 0, .06);--popover-divider: rgba(0, 0, 0, .06);--tooltip-bg: #27272a;--tooltip-fg: #f4f4f5;--icon-hover: #27272a;--link-hover: #2563eb;--logo-frame-bg: #fafafa;--logo-frame-border: rgba(0, 0, 0, .1);--graph-0: #f4f4f5;--graph-1: #d4d4d8;--graph-2: #71717a;--graph-3: #3f3f46;--graph-4: #09090b;color-scheme:light}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.app-shell{position:relative;min-height:100vh;background:var(--bg-primary)}.app-shell:before,.app-shell:after{content:"";position:absolute;top:0;bottom:0;width:0;border-right:1px solid var(--border-rail);mask-image:var(--rail-dash-mask);-webkit-mask-image:var(--rail-dash-mask);pointer-events:none}.app-shell:before{left:calc(50% - var(--container-max) / 2)}.app-shell:after{left:calc(50% + var(--container-max) / 2)}@media(max-width:768px){.app-shell:before,.app-shell:after{display:none}}.container,.page{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}section{scroll-margin:50px}.section{width:100%;max-width:var(--container-max);margin:0 auto 40px;padding:0 var(--container-padding);scroll-margin:50px}.elevated{box-shadow:0 32px 64px -16px var(--overlay-dark),0 16px 32px -8px var(--overlay-dark),0 8px 16px -4px #0004,0 4px 8px -2px #0004,0 -8px 16px -1px #0003,0 2px 4px -1px #0004,0 0 0 1px #000,inset 0 0 0 1px var(--border-inset),inset 0 1px 0 var(--border-inset-highlight)}.elevated:hover{box-shadow:0 40px 80px -16px var(--overlay-hover),0 20px 40px -8px var(--overlay-hover),0 12px 20px -4px var(--overlay-dark),0 6px 12px -2px var(--overlay-dark),0 -12px 20px -1px #0004,0 4px 8px -1px var(--overlay-dark),0 0 0 1px #000,inset 0 0 0 1px #ffffff20,inset 0 1px #ffffff40}.arrow-link{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem;font-weight:500;padding:6px 14px;transition:all var(--duration-slow) ease}.arrow-link:hover{border-color:var(--border-hover);color:var(--text-primary)}.arrow-link svg{transition:transform var(--duration-slow) ease}.arrow-link:hover svg{transform:translate(3px)}@media(max-width:700px){.container,.page,.section{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media(max-width:400px){.container,.page,.section{padding-left:var(--container-padding-sm);padding-right:var(--container-padding-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}::selection{background:var(--selection-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px;transition:background .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}