:root{--bg:#212121;--bg-elevated:#2f2f2f;--bg-composer:#303030;--text:#ececec;--text-dim:#b4b4b4;--text-faint:#8e8e8e;--accent:#10a37f;--accent-hover:#1a7f64;--user-bubble:#2f2f2f;--border:#424242;--radius:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6}.app{flex-direction:column;max-width:48rem;height:100dvh;margin:0 auto;padding:0 1rem;display:flex}.topbar{align-items:center;gap:.5rem;padding:.85rem .25rem;font-size:1.05rem;font-weight:600;display:flex}.topbar .badge{color:var(--text-faint);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:500}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.avatar-big{object-fit:cover;background:#000;border-radius:50%;width:72px;height:72px}.hero h1{letter-spacing:-.02em;font-size:1.9rem;font-weight:600}.hero p{color:var(--text-dim);max-width:26rem}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:34rem;display:flex}.chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:left;border-radius:14px;padding:.6rem .9rem;font-size:.85rem;transition:background .15s}.chip:hover{color:var(--text);background:#3a3a3a}.messages{flex-direction:column;flex:1;gap:1.25rem;padding:1rem 0 1.5rem;display:flex;overflow-y:auto}.msg{align-items:flex-start;gap:.85rem;display:flex}.msg .avatar{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:grid}.msg.user .avatar{color:#fff;background:#5436da}.msg.assistant .avatar{background:var(--accent);color:#052e24}img.avatar{object-fit:cover;background:#000}.msg .body{white-space:pre-wrap;word-break:break-word;flex:1;padding-top:.15rem}.msg .name{margin-bottom:.15rem;font-size:.9rem;font-weight:600}.cursor:after{content:"▋";color:var(--accent);animation:1s steps(2,end) infinite blink}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.composer{padding:.5rem 0 1.25rem}.composer form{background:var(--bg-composer);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-end;gap:.5rem;padding:.55rem .55rem .55rem 1.1rem;display:flex}.composer textarea{resize:none;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;max-height:12rem;padding:.35rem 0}.composer textarea::placeholder{color:var(--text-faint)}.send{background:var(--text);width:34px;height:34px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.1rem;transition:opacity .15s;display:grid}.send:disabled{opacity:.35;cursor:default}.disclaimer{text-align:center;color:var(--text-faint);margin-top:.6rem;font-size:.72rem}.gate{place-items:center;height:100dvh;padding:1rem;display:grid}.gate form{text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:20rem;display:flex}.gate-badge{object-fit:cover;background:#000;border-radius:50%;width:72px;height:72px}.gate h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:600}.gate p{color:var(--text-dim);margin-top:-.4rem}.gate input{background:var(--bg-composer);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;text-align:center;border-radius:12px;outline:none;padding:.75rem 1rem}.gate input:focus{border-color:var(--accent)}.gate button{background:var(--text);width:100%;color:var(--bg);font:inherit;cursor:pointer;border:none;border-radius:12px;padding:.75rem;font-weight:600}.gate button:disabled{opacity:.4;cursor:default}.gate-error{color:#ff6b6b;font-size:.85rem}.shake{animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}