*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;zoom:.9;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}img{max-width:100%;display:block}::selection{background:#b4b4b44d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}: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: #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;--cal-level-0: #383838;--cal-level-1: #606060;--cal-level-2: #8c8c8c;--cal-level-3: #bababa;--cal-level-4: #ebebeb;--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: 760px;--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%;--duration-fast: .2s;--duration-normal: .25s;--duration-slow: .3s;--duration-slower: .6s;--duration-page: .8s;--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-btn: 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-btn-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}:root[data-theme=light]{--bg-primary: #f7f8fb;--bg-surface: #ffffff;--bg-surface-elevated: #f1f4f8;--bg-surface-subtle: #edf1f5;--bg-loading: #f7f8fb;--bg-avatar-border: #ffffff;--bg-skeleton: #e3e8ef;--bg-gradient-start: #ffffff;--bg-gradient-end: #eef2f7;--bg-tweet: #ffffff;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #4b5563;--text-muted: #64748b;--text-faint: #6b7280;--text-dim: #7c8798;--text-faintest: #9aa4b2;--text-ghost: #c7ced8;--border-default: #cdd5df;--border-hover: #64748b;--border-subtle: rgba(15, 23, 42, .1);--border-inset: rgba(15, 23, 42, .08);--border-inset-highlight: rgba(255, 255, 255, .8);--status-active-bg: #eaf8ef;--status-past-bg: #fff0f0;--status-future-bg: #fff7e6;--cal-level-0: #e5e7eb;--cal-level-1: #cbd5e1;--cal-level-2: #94a3b8;--cal-level-3: #64748b;--cal-level-4: #334155;--shadow-sm: 0px 4px 16px rgba(15, 23, 42, .08);--shadow-md: 0 6px 16px rgba(15, 23, 42, .12);--shadow-lg: 0 8px 32px rgba(15, 23, 42, .12);--shadow-card: 0 2px 8px -4px rgba(15, 23, 42, .2);--shadow-btn: 0px 20px 40px -20px rgba(15, 23, 42, .28), 0px 8px 18px -12px rgba(15, 23, 42, .24), inset 0px 0px 0px 1px rgba(255, 255, 255, .8);--shadow-btn-hover: 0px 24px 48px -20px rgba(15, 23, 42, .32), 0px 12px 22px -12px rgba(15, 23, 42, .28), inset 0px 0px 0px 1px rgba(255, 255, 255, .9)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);transition:background-color var(--duration-normal) ease,color var(--duration-normal) ease}.app-shell{position:relative;z-index:1;min-height:100vh}.section{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--container-padding);scroll-margin-top:50px}@media(min-width:901px){.section{margin-left:auto;margin-right:auto}}:root{--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}@media(max-width:700px){.section{padding:var(--space-12) var(--container-padding-md)}}@media(max-width:400px){.section{padding:var(--space-10) var(--container-padding-sm)}}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-4);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px 32px;font-family:var(--font-ui);font-weight:500;letter-spacing:.01em;transition:all var(--duration-slow) ease;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:#1a1b1cc7;border-color:var(--border-hover);box-shadow:var(--shadow-btn-hover)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:6px 14px;font-family:var(--font-ui);font-weight:500;color:var(--text-primary);transition:border-color var(--duration-slow) ease}.btn-secondary:hover{border-color:var(--border-hover)}.btn-secondary svg{transition:transform var(--duration-slow) ease}.btn-secondary:hover svg{transform:translate(3px)}.pill{display:inline-flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);padding:4px 10px;font-family:var(--font-ui);font-size:var(--text-base-sm, .75rem);font-weight:500;transition:all var(--duration-fast) ease}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,255,255,.2)}to{text-shadow:0 0 40px rgba(255,255,255,.5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes loading-flow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.floating-dock-wrapper{position:fixed;bottom:8px;left:50%;z-index:999;pointer-events:none;transform:translate(-50%)}.floating-dock{display:flex;align-items:center;gap:8px;background:#16161ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px 18px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a inset;pointer-events:auto}.dock-items{display:flex;align-items:center;gap:8px}.dock-item{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;color:#ffffff80;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;background:transparent;border:none;outline:none}.dock-item:hover,.dock-item:focus-visible{color:#fff;background:#ffffff1a;transform:translateY(-3px) scale(1.1);box-shadow:0 10px 22px #0000003d,inset 0 0 0 1px #ffffff1a}.dock-icon{width:24px;height:24px;transition:transform .2s ease}.dock-item:hover .dock-icon,.dock-item:focus-visible .dock-icon{transform:scale(1.05)}.dock-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;min-width:46px;transform:translate(-50%) translateY(6px) scale(.96);background:#141418f2;color:var(--text-primary);font-family:var(--font-ui, sans-serif);font-size:.72rem;font-weight:700;line-height:1.05;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0006;text-align:center}.dock-item:hover .dock-tooltip,.dock-item:focus-visible .dock-tooltip{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.dock-divider{width:1px;height:32px;background:#ffffff1a;margin:0 6px}.dock-theme-toggle{position:relative;display:flex;align-items:center}.theme-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.theme-btn:hover,.theme-btn:focus-visible{background:#3b82f640;transform:translateY(-3px) scale(1.1)}.moon-icon{color:#60a5fa}.sun-icon{color:#fbbf24}@media(max-width:500px){.floating-dock-wrapper{bottom:8px}.floating-dock{gap:4px;padding:8px 9px;border-radius:14px}.dock-items{gap:3px}.dock-item{width:38px;height:38px;border-radius:12px}.dock-icon{width:18px;height:18px}.dock-divider{margin:0 3px}@media(hover:none){.dock-tooltip{display:none}}}:root[data-theme=light] .floating-dock{background:#ffffffdb;border-color:#1218261a;box-shadow:0 8px 32px #12182629,0 0 0 1px #ffffffa6 inset}:root[data-theme=light] .dock-item{color:#0f172a94}:root[data-theme=light] .dock-item:hover,:root[data-theme=light] .dock-item:focus-visible{color:#0f172a;background:#0f172a14}:root[data-theme=light] .dock-tooltip{background:#fffffff5;border-color:#0f172a1a;box-shadow:0 6px 18px #0f172a29}