*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:#b4b4b44d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-3xl);transition:background var(--duration-slow) var(--ease-material)}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}:root{--bg-primary: #0b0d0e;--bg-surface: #1a1b1c;--bg-surface-elevated: #232326;--bg-surface-subtle: #151515;--bg-loading: #0a0a0a;--bg-avatar-border: #0a0a0b;--bg-skeleton: #18181b;--bg-gradient-start: #1a1a1a;--bg-gradient-end: #0d0d0d;--bg-tweet: #1f1f23;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-tertiary: #b4b4b4;--text-muted: #999999;--text-faint: #71767b;--text-dim: #666666;--text-faintest: #555555;--text-ghost: #333333;--border-default: #444444;--border-hover: #888888;--border-subtle: rgba(255, 255, 255, .1);--border-inset: #ffffff14;--border-inset-highlight: #ffffff33;--accent-blue: #3b82f6;--accent-blue-hover: #60a5fa;--accent-amber: #f59e0b;--accent-green-terminal: #1ef801;--accent-green: #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;--heart-hover: rgb(190, 29, 29);--heart-glow: #e63946aa;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-ui: "Figtree", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--container-max: 700px;--container-padding: 18px;--container-padding-md: 25px;--container-padding-sm: 20px;--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;--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);--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 #0006;--shadow-composite: 0px 32px 64px -16px #0006, 0px 16px 32px -8px #0006, 0px 8px 16px -4px #0004, 0px 4px 8px -2px #0004, 0px -8px 16px -1px #0003, 0px 2px 4px -1px #0004, 0px 0px 0px 1px #000, inset 0px 0px 0px 1px #ffffff14, inset 0px 1px 0px #ffffff33;--shadow-composite-hover: 0px 40px 80px -16px #0008, 0px 20px 40px -8px #0008, 0px 12px 20px -4px #0006, 0px 6px 12px -2px #0006, 0px -12px 20px -1px #0004, 0px 4px 8px -1px #0006, 0px 0px 0px 1px #000, inset 0px 0px 0px 1px #ffffff20, inset 0px 1px 0px #ffffff40}.app-shell{min-height:100vh}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.page{padding-bottom:40px}section{scroll-margin:50px;margin-bottom:40px}.section-content{margin-top:16px}.view-all-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;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;box-shadow:var(--shadow-sm);transition:all var(--duration-slow) ease}.view-all-link:hover{border-color:var(--border-hover);color:var(--text-primary)}.view-all-link svg{transition:transform var(--duration-slow) ease}.view-all-link:hover svg{transform:translate(3px)}.action-button{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:.75rem;font-weight:500;letter-spacing:.01em;transition:all var(--duration-slow) var(--ease-material)}.action-button:hover{background:#1a1b1cc7;border-color:var(--border-hover)}@media(max-width:700px){.container{padding:0 var(--container-padding-md)}}@media(max-width:400px){.container{padding:0 var(--container-padding-sm)}}.click-spark-canvas{position:fixed;inset:0;z-index:1100;pointer-events:none}.navbar{position:sticky;top:0;z-index:1000;background:#0b0d0e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px}.navbar-links{display:flex;align-items:center;gap:8px}.navbar-link{display:inline-block;padding:4px 8px;border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-ui);font-size:.85rem;font-weight:500;transition:color var(--duration-fast) ease}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.navbar-star{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-surface);border-radius:var(--radius-pill);color:var(--text-primary);font-family:var(--font-ui);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-composite);transition:all var(--duration-fast) ease}.navbar-star:hover{box-shadow:var(--shadow-composite-hover)}.navbar-star-icon{width:1em;height:1em;color:var(--accent-amber)}@media(max-width:700px){.navbar-inner{padding-top:12px;padding-bottom:12px}}@media(max-width:420px){.navbar-links{gap:2px}.navbar-link{padding:4px 6px;font-size:.75rem}.navbar-star{padding:5px 10px;font-size:.75rem}}@media(max-width:354px){.navbar-link{font-size:.7rem}.navbar-star span{display:none}}@media(max-width:340px){.navbar-link{padding:4px;font-size:.6rem}}.loading-screen{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-loading)}.loading-svg{width:180px;height:180px;overflow:visible}.loading-trace-bg,.loading-trace{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.loading-trace-bg{stroke:var(--text-ghost)}.loading-trace{stroke:var(--text-secondary);stroke-dasharray:40 160;animation:loading-flow 3s var(--ease-loading) infinite}.loading-chip{fill:none;stroke:var(--text-ghost);stroke-width:2}.loading-chip-core{fill:var(--bg-surface);stroke:var(--text-secondary);stroke-width:2;animation:loading-pulse 3s ease-in-out infinite}.loading-text{color:var(--text-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.5px}@keyframes loading-flow{0%{stroke-dashoffset:200}to{stroke-dashoffset:-40}}@keyframes loading-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-trace,.loading-chip-core{animation:none}}