:root{--accent: #ff2d55;--accent-soft: color-mix(in srgb, var(--accent) 18%, #0b0b0c);--on-accent: #ffffff;--canvas: #0b0b0c;--surface: #141416;--raised: #1c1c1f;--sunk: #000000;--text: #ffffff;--secondary: #c7c7cc;--muted: #8e8e93;--disabled: #5a5a60;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .24);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--display: "Inter Tight", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.display{font-family:var(--display)}.top{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em;text-transform:none}.brand i{font-style:normal;color:var(--accent)}.live{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.dot{width:8px;height:8px;border-radius:999px;background:var(--success);flex:none}.dot.off{background:var(--disabled)}main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:48px 32px 64px;display:flex;flex-direction:column;justify-content:center;animation:enter .22s cubic-bezier(.3,0,0,1)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}main.chat-main{justify-content:flex-start}.kicker{margin:0 0 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}h1{font-family:var(--display);font-size:44px;line-height:1.05;letter-spacing:-.02em;font-weight:800;margin:0 0 16px;text-wrap:balance}h1 em{font-style:normal;color:var(--accent)}h1.hero{font-size:64px}.lead{margin:0 0 32px;font-size:18px;line-height:1.45;color:var(--secondary);max-width:46ch;text-wrap:pretty}.meta{color:var(--muted);font-size:13px;max-width:52ch;text-wrap:pretty;margin:16px 0 0}.meta b{color:var(--warning);font-weight:700}.note{margin:24px 0 0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--warning)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--accent);color:var(--on-accent);border-radius:4px;min-height:44px;padding:0 24px;font-family:var(--body);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .12s cubic-bezier(.3,0,0,1),border-color .12s cubic-bezier(.3,0,0,1),transform .18s cubic-bezier(.3,0,0,1)}.btn:hover{background:color-mix(in srgb,var(--accent) 84%,#ffffff)}.btn:active{transform:scale(.99)}.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.btn.big{min-height:60px;padding:0 32px;font-size:18px}.btn.wide{width:100%}.btn:disabled{background:var(--raised);color:var(--disabled);cursor:not-allowed}.back{background:transparent;border:0;color:var(--muted);font:inherit;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:12px 0;min-height:44px;cursor:pointer}.back:hover{color:var(--text)}.back:disabled{color:var(--disabled);cursor:default}.start .lead{max-width:44ch}.step{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.step .n{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.dots{display:flex;gap:8px}.dots i{width:28px;height:4px;border-radius:999px;background:var(--raised);display:block}.dots i.on{background:var(--accent)}.options{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;margin:0 0 24px;align-items:center}.opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--raised);color:var(--text);border-radius:4px;min-height:220px;padding:24px;cursor:pointer;font-family:var(--display);font-size:34px;font-weight:700;letter-spacing:-.01em;line-height:1.1;display:flex;align-items:center;justify-content:center;text-align:center;transition:background .12s cubic-bezier(.3,0,0,1),border-color .12s cubic-bezier(.3,0,0,1),transform .18s cubic-bezier(.3,0,0,1)}.opt:hover{background:var(--accent-soft);border-color:var(--accent)}.opt:active{transform:scale(.98)}.opt:focus-visible{outline:2px solid var(--text);outline-offset:2px}.or{text-align:center;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 4px}.below{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.big-number{font-family:var(--display);font-size:64px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);margin:0 0 8px;display:flex;align-items:baseline;gap:8px}.big-number span{font-size:24px;color:var(--muted);letter-spacing:.04em}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.connected{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.balance{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--accent);font-variant-numeric:tabular-nums}.thread{background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:24px;min-height:240px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.thread .empty{margin:0;color:var(--muted);font-size:15px;max-width:40ch}.msg{display:flex;flex-direction:column;gap:4px;max-width:72ch}.msg .who{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.msg .text{font-size:18px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.msg.me .who{color:var(--accent)}.composer{display:flex;gap:8px;margin:16px 0 24px}.input{flex:1;min-height:44px;padding:0 16px;background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;color:var(--text);font:inherit;font-size:15px}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border:2px solid var(--accent)}.round-end{border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);padding:24px;margin:16px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.round-end h2{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.05;margin:0}.compare{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}.section{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.01em;margin:24px 0 8px}.section:first-child{margin-top:0}.compare ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.compare li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--secondary);font-size:15px;text-wrap:pretty}.compare li b{color:var(--text);font-weight:700}footer{border-top:1px solid var(--line);padding:24px 32px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}footer a{color:var(--muted);text-decoration:underline}footer a:hover{color:var(--text)}@media (max-width: 900px){.top{padding:0 16px}main{padding:24px 16px 40px}h1{font-size:32px}h1.hero{font-size:48px}.lead{font-size:18px;margin-bottom:24px}.options{grid-template-columns:1fr;gap:12px}.opt{min-height:112px;font-size:24px;padding:16px}.big-number{font-size:48px}.btn.big{width:100%}.composer{flex-wrap:wrap}.composer .btn{width:100%}.thread{padding:16px;max-height:40vh}footer{padding:24px 16px}}
