:root{--bg:#212121;--bg-elevated:#2f2f2f;--bg-input:#303030;--bg-hover:#3a3a3a;--text:#ececec;--text-dim:#9b9b9b;--text-faint:#6e6e6e;--border:#424242;--accent:#10a37f;--accent-soft:rgba(16,163,127,0.12);--user-bubble:#323232;--radius:1.1rem}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.shell{display:flex;flex-direction:column;height:100dvh;max-width:48rem;margin:0 auto;padding:0 1rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem .2rem}.brand{display:flex;align-items:baseline;gap:.55rem;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand .tag{font-weight:400;font-size:.78rem;color:var(--text-dim)}.asterisk-button{background:none;border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.3rem .85rem;font-size:.8rem;cursor:pointer;transition:color .15s,border-color .15s}.asterisk-button:hover{color:var(--text);border-color:var(--text-faint)}.messages{flex:1 1;overflow-y:auto;padding:1rem 0 2rem;display:flex;flex-direction:column;gap:1.6rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.hero{margin:auto;text-align:center;padding:2rem 1rem 3rem}.hero h1{font-size:2rem;font-weight:700;letter-spacing:-.02em}.hero .sub{margin-top:.6rem;color:var(--text-dim);font-size:1rem}.hero .sub strong{color:var(--text);font-weight:600}.hero .fineprint{margin-top:1.6rem;font-size:.8rem;color:var(--text-faint)}.hero .fineprint button{background:none;border:none;color:var(--text-dim);text-decoration:underline;cursor:pointer;font-size:inherit}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.8rem}.suggestions button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.45rem .95rem;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.suggestions button:hover{background:var(--bg-hover);color:var(--text)}.msg-user{align-self:flex-end;max-width:80%;background:var(--user-bubble);border-radius:var(--radius);padding:.7rem 1.1rem;white-space:pre-wrap;overflow-wrap:break-word}.msg-assistant{display:flex;gap:.8rem;max-width:100%}.avatar{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.avatar.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.answer-block{min-width:0;flex:1 1}.answer-meta{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.answer-meta .name{font-weight:600;font-size:.95rem}.answer-meta .demo{color:var(--text-dim);font-size:.82rem}.answer-meta .first-badge{font-size:.7rem;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.1rem .5rem;white-space:nowrap}.answer-text{white-space:pre-wrap;overflow-wrap:break-word}.answer-text .caret{display:inline-block;width:.55em;height:1.1em;background:var(--text-dim);vertical-align:text-bottom;margin-left:1px;animation:pulse .9s steps(2) infinite}.notice{margin-top:.4rem;border-left:2px solid var(--border);padding-left:.7rem}.notice,.thinking{color:var(--text-dim);font-size:.92rem}.thinking-primary{display:flex;align-items:center;gap:.55rem}.thinking-flavour{margin-top:.15rem;font-size:.82rem;color:var(--text-faint);animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.thinking-track{margin-top:.7rem;height:2px;width:min(14rem,100%);border-radius:2px;background:var(--border);overflow:hidden}.thinking-track span{display:block;height:100%;width:40%;border-radius:2px;background:var(--accent);animation:sweep 1.9s ease-in-out infinite}@keyframes sweep{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.thinking .dots span{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:var(--text-dim);animation:bounce 1.2s infinite}.thinking .dots span:nth-child(2){animation-delay:.15s}.thinking .dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.receipts{margin-top:.7rem;font-size:.8rem;color:var(--text-faint)}.receipts strong{color:var(--accent);font-weight:600}.still-coming{color:var(--text-dim)}.crowd{margin-top:.7rem;display:flex;flex-direction:column;gap:.85rem;border-top:1px solid var(--border);padding-top:.85rem}.crowd-answer{display:flex;gap:.6rem;font-size:.9rem;animation:land .45s cubic-bezier(.22,1,.36,1) both}@keyframes land{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.crowd-answer .avatar{width:1.8rem;height:1.8rem;font-size:.95rem}.crowd-body{min-width:0;overflow-wrap:break-word}.crowd-meta{color:var(--text-dim);font-size:.78rem}.composer{padding:.6rem 0 .4rem}.composer form{display:flex;align-items:flex-end;gap:.6rem;background:var(--bg-input);border:1px solid var(--border);border-radius:1.6rem;padding:.55rem .6rem .55rem 1.2rem;transition:border-color .15s}.composer form:focus-within{border-color:var(--text-faint)}.composer textarea{flex:1 1;background:none;border:none;outline:none;resize:none;color:var(--text);font:inherit;max-height:10rem;padding:.25rem 0}.composer textarea::placeholder{color:var(--text-faint)}.composer button[type=submit]{flex-shrink:0;width:2.3rem;height:2.3rem;border-radius:50%;border:none;background:var(--text);color:var(--bg);font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.composer button[type=submit]:disabled{opacity:.25;cursor:default}.footer{text-align:center;padding:.55rem 0 .9rem;font-size:.78rem;color:var(--text-faint)}.footer a{color:var(--text-dim);text-decoration:none;font-weight:500}.footer a:hover{color:var(--text)}.proto-banner{text-align:center;font-size:.72rem;color:var(--bg);background:#e8b339;padding:.25rem .5rem;border-radius:0 0 .6rem .6rem}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:1rem;max-width:34rem;width:100%;max-height:85dvh;overflow-y:auto;padding:1.8rem}.modal h2{font-size:1.25rem;margin-bottom:.9rem}.modal p{color:var(--text-dim);font-size:.92rem;margin-bottom:.8rem}.modal p strong{color:var(--text)}.modal .close{margin-top:.6rem;background:var(--text);color:var(--bg);border:none;border-radius:999px;padding:.5rem 1.3rem;font-size:.9rem;cursor:pointer}@media (max-width:600px){.shell{padding:0 .75rem env(safe-area-inset-bottom)}.hero{padding:1.25rem .25rem 2rem}.hero h1{font-size:1.6rem}.hero .sub{font-size:.94rem}.suggestions{margin-top:1.4rem}.suggestions button{font-size:.8rem;padding:.4rem .8rem}.msg-user{max-width:92%}.messages{gap:1.3rem}.avatar{width:2rem;height:2rem;font-size:1.05rem}.msg-assistant{gap:.6rem}.brand{font-size:1rem}.asterisk-button{font-size:.75rem;padding:.28rem .7rem}.crowd{gap:.7rem}.crowd-answer{gap:.5rem;font-size:.86rem}.crowd-answer .avatar{width:1.5rem;height:1.5rem;font-size:.8rem}.crowd-meta{font-size:.72rem}.modal{padding:1.3rem;max-height:88dvh}}@media (prefers-reduced-motion:reduce){.answer-text .caret,.avatar.pulse,.crowd-answer,.thinking .dots span,.thinking-flavour,.thinking-track span{animation:none}.messages{scroll-behavior:auto}}