:root{--bg: #0A0A0A;--bg-1: #0E0E0E;--surface: #131313;--surface-2: #1A1A1A;--border: #222222;--border-2: #2E2E2E;--text: #FAFAFA;--text-2: #B5B5B5;--text-3: #7A7A7A;--text-4: #555555;--accent: #F5F5F5;--accent-fg: #0A0A0A;--live: #FF3B30;--success: #22C55E;--warn: #F5A623;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 24px 60px -20px rgba(0,0,0,.6), 0 8px 24px -12px rgba(0,0,0,.4);--font-sans: "Geist", "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}html[data-theme=light]{--bg: #FAFAFA;--bg-1: #F4F4F4;--surface: #FFFFFF;--surface-2: #F7F7F7;--border: #ECECEC;--border-2: #DEDEDE;--text: #0A0A0A;--text-2: #404040;--text-3: #6E6E6E;--text-4: #9A9A9A;--accent: #0A0A0A;--accent-fg: #FFFFFF;--shadow-1: 0 1px 0 rgba(255,255,255,.6) inset, 0 1px 2px rgba(0,0,0,.06);--shadow-2: 0 24px 60px -20px rgba(0,0,0,.18), 0 8px 24px -12px rgba(0,0,0,.1);color-scheme:light}html,body{background:var(--bg);color:var(--text)}::selection{background:var(--text);color:var(--bg)}:root{--shadow-50: drop-shadow(0px 1px 2px rgb(0 0 0 / 8%));--shadow-100: drop-shadow(0px 2px 4px rgb(0 0 0 / 10%));--shadow-200: drop-shadow(0px 2px 8px rgb(0 0 0 / 12%));--shadow-300: drop-shadow(0px 4px 12px rgb(0 0 0 / 14%));--shadow-400: drop-shadow(0px 4px 16px rgb(0 0 0 / 16%));--shadow-500: drop-shadow(0px 6px 20px rgb(0 0 0 / 18%));--shadow-600: drop-shadow(0px 8px 24px rgb(0 0 0 / 20%));--shadow-700: drop-shadow(0px 8px 28px rgb(0 0 0 / 22%));--shadow-800: drop-shadow(0px 10px 32px rgb(0 0 0 / 24%));--shadow-900: drop-shadow(0px 12px 40px rgb(0 0 0 / 28%));--shadow: var(--shadow-400);--font-size-xxs: 11px;--font-size-xs: 13px;--font-size-s: 15px;--font-size-m: 20px;--font-size-l: 24px;--font-size-xl: 32px;--font-size-xxl: 40px;--font-line-xxs: 16px;--font-line-xs: 24px;--font-line-s: 24px;--font-line-m: 32px;--font-line-l: 32px;--font-line-xl: 48px;--font-line-xxl: 48px;--space-xxs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-xs: 2px;--radius-s: 4px;--radius-m: 8px;--radius-l: 16px;--radius-xl: 24px;--icon-size-s: 16px;--icon-size-m: 22px;--icon-size-l: 30px;--input-height: 40px;--font-family: "Geist", "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;text-size-adjust:100%}*{font-family:var(--font-family);scroll-behavior:smooth;-webkit-tap-highlight-color:rgb(0 0 0 / 0%);box-sizing:border-box}body{margin:0;padding:0;font-feature-settings:"ss01","cv11"}a{color:inherit;text-decoration:none}button{font-family:inherit}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--border-2);border:2px solid transparent;border-radius:8px;cursor:pointer;min-height:50px}*::-webkit-scrollbar-track{background-color:transparent}.container{width:min(1200px,100% - 48px);margin-inline:auto}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mono{font-family:var(--font-mono, "Geist Mono", ui-monospace, monospace)}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .04s ease;white-space:nowrap;font-family:inherit}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:color-mix(in oklch,var(--accent) 88%,var(--bg))}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface);border-color:var(--border-2)}.btn-bare{background:transparent;color:var(--text-2);border:none}.btn-bare:hover{color:var(--text);background:var(--surface)}.btn-sm{height:30px;padding:0 10px;font-size:13px;border-radius:7px}.btn-lg{height:46px;padding:0 20px;font-size:15px;border-radius:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.hairline{border-top:1px solid var(--border)}.input{height:42px;padding:0 14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;width:100%;transition:border-color .15s ease,background .15s ease}.input:focus{outline:none;border-color:var(--border-2);background:var(--surface-2)}.input::placeholder{color:var(--text-4)}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes wave{0%,to{height:4px}50%{height:14px}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in-up .35s ease both}.page-enter{animation:fade-in-up .25s ease both}@media (max-width: 720px){.container{width:calc(100% - 32px)}}
