:root{--bg:#050505;--fg:#fff;--muted:#aaa;--soft:#6f6f6f;--line:#2d2d2d;--card:rgba(8,8,8,.82);--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--glow:0 0 80px rgba(255,255,255,.10);color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(255,255,255,.12),transparent 28rem),radial-gradient(circle at 90% 0,rgba(255,255,255,.07),transparent 34rem),linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%) 0 0/22px 22px,#050505;color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.grain{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.02) 50%,transparent 50%) 0 0/100% 4px;opacity:.45;z-index:50}button,textarea{font:inherit}a{color:inherit;text-decoration:none}.topbar{width:min(1160px,calc(100% - 28px));margin:0 auto;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:16px 0;backdrop-filter:blur(20px)}.brand{margin-right:auto;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:1000;letter-spacing:.12em}.brand span{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 22px #fff}.status{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-family:var(--mono);font-size:12px;text-transform:uppercase}.status i{width:8px;height:8px;border-radius:50%;background:#fff}.app-shell{width:min(1160px,calc(100% - 28px));margin:0 auto 42px}.hero-card{padding:54px 0 24px}.eyebrow{margin:0 0 10px;color:var(--muted);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.hero-card h1{font-family:var(--mono);font-size:clamp(54px,12vw,128px);line-height:.84;letter-spacing:-.09em;text-transform:uppercase;margin:0}.hero-card h1 span{animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:0}}.hero-card p:not(.eyebrow){max-width:820px;color:var(--muted);font-size:clamp(17px,2vw,23px);line-height:1.5}.chat-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.022));box-shadow:0 0 0 1px rgba(255,255,255,.025) inset,var(--glow);height:min(76vh,820px);min-height:630px;display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.45)}.chat-head h2{font-size:clamp(28px,4vw,48px);line-height:.95;letter-spacing:-.06em;margin:0}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);border-radius:999px;background:#050505;color:var(--muted);padding:9px 12px;cursor:pointer}.pill:hover{color:#fff;border-color:#fff}.messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.message{display:flex;gap:10px;align-items:flex-start}.message.user{justify-content:flex-end}.avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:12px;background:#fff;color:#000;font-family:var(--mono);font-weight:1000}.bubble{max-width:min(790px,88%);border:1px solid var(--line);border-radius:22px;background:#070707;padding:14px 16px;white-space:pre-wrap;line-height:1.58}.message.user .bubble{background:#fff;color:#000;border-color:#fff}.bubble .files{display:grid;gap:7px;margin-top:10px}.file-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#020202;padding:8px;color:#ddd;font-size:13px}.message.user .file-pill{border-color:#d0d0d0;background:#f1f1f1;color:#000}.typing{display:inline-flex;gap:5px}.typing span{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.35;animation:pulse .9s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:1;transform:translateY(-3px)}}.composer{border-top:1px solid var(--line);background:rgba(0,0,0,.55);padding:12px}.attachment-tray{display:flex;gap:8px;overflow:auto;padding:0 0 10px}.attachment-tray.empty{display:none}.chip{display:flex;align-items:center;gap:8px;max-width:260px;border:1px solid var(--line);border-radius:14px;background:#030303;padding:8px 10px}.chip .meta{min-width:0}.chip b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip small{display:block;color:var(--muted);font-family:var(--mono);font-size:11px}.chip button{border:0;background:#fff;color:#000;border-radius:50%;width:20px;height:20px;line-height:20px;cursor:pointer}.composer-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end}.attach-btn,.send-btn{height:46px;border:1px solid #fff;border-radius:16px;background:#fff;color:#000;display:grid;place-items:center;cursor:pointer;font-weight:900}.attach-btn{width:48px}.attach-btn svg{width:22px;height:22px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.send-btn{padding:0 18px}#chatInput{width:100%;max-height:170px;resize:none;border:1px solid var(--line);border-radius:16px;background:#030303;color:#fff;padding:13px 14px;outline:none;line-height:1.45}#chatInput:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}.drop-overlay{position:absolute;inset:84px 16px 96px;border:2px dashed #fff;border-radius:26px;background:rgba(0,0,0,.82);display:none;place-items:center;text-align:center;z-index:10}.drop-overlay.show{display:grid}.drop-overlay strong{font-size:30px;letter-spacing:-.04em}.drop-overlay span{display:block;color:var(--muted);margin-top:8px}.toast{position:fixed;right:18px;bottom:18px;z-index:60;background:#fff;color:#000;border-radius:16px;padding:14px 16px;font-weight:900;box-shadow:var(--glow);max-width:min(460px,calc(100% - 36px));transform:translateY(140%);transition:.25s}.toast.show{transform:translateY(0)}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.status{align-self:flex-start}.hero-card{padding-top:36px}.chat-card{height:78vh;min-height:580px;border-radius:24px}.chat-head{align-items:flex-start;flex-direction:column}.composer-row{grid-template-columns:auto 1fr}.send-btn{grid-column:1/-1;height:44px}.bubble{max-width:92%}}