@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0a0c10;--panel:#11151c;--text:#fff5ee;--muted:#9da7b9;--accent:#2d74ff;--border:#293449}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% -35%,#0a378f 0,transparent 58%),var(--bg);color:var(--text);font-family:'JetBrains Mono',monospace}.shell{max-width:1100px;min-height:100svh;margin:auto;display:flex;flex-direction:column;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--border)}a{color:var(--text);text-decoration:none}.back{font-size:14px;padding:12px 0}.brand{font-weight:700;font-size:24px;letter-spacing:3px;display:flex;gap:10px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.quota{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:30px;padding:9px 14px}main{flex:1;display:flex;flex-direction:column;width:min(100%,760px);margin:0 auto}.conversation{flex:1;padding:50px 0 30px;min-height:320px}.intro{text-align:center;padding:24px 0}.mark{display:grid;place-items:center;width:70px;height:70px;margin:auto;border:1px solid #2d74ff66;border-radius:22px;font-size:35px;color:var(--accent);background:linear-gradient(140deg,#2d74ff19,transparent)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);margin:24px 0 15px}h1{font-size:clamp(26px,4vw,40px);font-weight:500;letter-spacing:-1.5px;margin:0 0 16px}.intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.8}.composer-area{padding:20px 0 30px}.connection{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-bottom:18px}.connection span{width:6px;height:6px;border-radius:50%;background:#7b96cb}form{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:18px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.input-row{display:flex;align-items:flex-end;gap:15px}textarea{resize:vertical;min-height:60px;max-height:200px;width:100%;font:inherit;font-size:16px;line-height:1.5;color:var(--text);background:transparent;border:0;outline:none}textarea::placeholder{color:#80899b}button{flex-shrink:0;width:44px;height:44px;border-radius:14px;border:0;background:var(--accent);font-size:25px;color:#030a18}button:disabled{opacity:.4;cursor:not-allowed}#availability{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 0}form:focus-within{border-color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}footer{text-align:center;color:var(--muted);font-size:11px;padding:20px 0 25px;line-height:1.7}@media(max-width:600px){.shell{padding:0 20px}header{flex-wrap:wrap;padding:16px 0;gap:10px}.quota{width:100%;text-align:center;border:0;padding:0}.conversation{padding-top:24px}.intro{padding-top:15px}.intro>p:last-child{font-size:14px}.composer-area{padding-top:0}textarea{font-size:16px}}