:root{--bg:#060b18;--panel:#0d1526;--panel2:#172033;--line:#24314a;--text:#d3dcec;--muted:#7f92b3;--ice:#38bdf8;--ice-d:#0ea5e9;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;padding-top:env(safe-area-inset-top);-webkit-font-smoothing:antialiased}.wrap{max-width:640px;margin:0 auto;min-height:100dvh;flex-direction:column}.top,.wrap{display:flex}.top{align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:5}.top img{width:34px;height:34px;border-radius:9px}.top h1{font-size:16px;margin:0;color:#fff;font-weight:800}.top p{margin:0;font-size:12px;color:var(--muted)}.thread{flex:1 1;overflow-y:auto;padding:14px 12px 8px;display:flex;flex-direction:column;gap:12px}.intro{color:var(--muted);text-align:center;margin:24px 8px}.intro b{color:#fff}.quick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 4px 0}.quick button{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;min-height:44px}.quick button:active{background:var(--line)}.msg{max-width:92%;padding:10px 13px;border-radius:16px;white-space:pre-wrap;line-height:1.4;font-size:15px}.me{align-self:flex-end;background:var(--ice);color:#04263a;font-weight:500}.ai{align-self:flex-start;background:var(--panel);border:1px solid var(--line)}.ai.think{color:var(--muted)}.imgs{display:flex;gap:6px;flex-wrap:wrap;align-self:flex-end}.imgs img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.previews{display:flex;gap:8px;padding:6px 12px;overflow-x:auto}.previews div{position:relative;flex:0 0 auto}.previews img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.previews button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#e23b3b;color:#fff;border:none;font-size:12px}.composer{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding:8px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.tools{display:flex;gap:8px;margin-bottom:8px}.tools button{flex:1 1;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13px;font-weight:600;min-height:46px}.row{display:flex;gap:8px;align-items:flex-end}textarea{flex:1 1;resize:none;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:11px 12px;font-size:15px;min-height:50px;font-family:inherit}textarea::placeholder{color:var(--muted)}.send{background:var(--ice);color:#04263a;border:none;border-radius:14px;padding:0 20px;font-weight:800;min-height:50px;font-size:15px}.send:disabled{opacity:.5}.gate{max-width:360px;margin:auto;padding:24px;text-align:center}.gate input{width:100%;margin:14px 0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:16px}.gate button{width:100%;background:var(--ice);color:#04263a;border:none;border-radius:12px;padding:13px;font-weight:800;font-size:15px}.err{color:#ff8080;font-size:13px}:focus-visible{outline:2px solid var(--ice);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}