:root{--ink:#17163b;--ink2:#5f5e80;--ink3:#9c9bb5;--iris:#6c4df6;--orchid:#ab4be0;--orchid-tint:#f6ebfd;--bg2:#f2f2f7;--sep:#3c3c434a;--peer:#8e8e9333;--coral:#e63956}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg2);-webkit-font-smoothing:antialiased;margin:0;font:17px/22px -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif}#root,.page{flex-direction:column;min-height:100dvh;display:flex}.page{border-inline:.5px solid var(--sep);background:#fff;width:100%;max-width:680px;margin:0 auto}.sub{font-size:15px;line-height:20px}.cap{font-size:12px;line-height:16px}.sec{color:var(--ink2)}.ter{color:var(--ink3)}.avatar{color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:flex}header{border-bottom:.5px solid var(--sep);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.who{background:var(--orchid-tint);color:var(--orchid);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:flex}.thread{flex-direction:column;flex:1;gap:18px;padding:18px 16px;display:flex;overflow-y:auto}.row{align-items:flex-start;gap:10px;display:flex}.row.mine{flex-direction:row-reverse}.row>div{flex-direction:column;gap:4px;max-width:85%;display:flex}.row.mine>div{align-items:flex-end}.answer{border-left:2px solid var(--iris);padding-left:12px}.bubble{background:var(--peer);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;padding:8px 12px}.bubble.mine{background:var(--orchid);color:#fff}.bubble.pending{opacity:.5}form{padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));border-top:.5px solid var(--sep);align-items:flex-end;gap:8px;display:flex}textarea{resize:none;font:inherit;color:inherit;border:.5px solid var(--sep);border-radius:20px;flex:1;min-height:40px;max-height:140px;padding:9px 14px}button{font:inherit;cursor:pointer;background:var(--iris);color:#fff;border:0;border-radius:999px;font-weight:600}.composer button{flex:none;width:36px;height:36px;font-size:20px;line-height:1}button:disabled{opacity:.45;cursor:default}.note{padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));border-top:.5px solid var(--sep);display:flex}.strip{background:var(--bg2);color:var(--ink2);text-align:center;padding:6px 16px}.strip.failed{color:var(--coral)}.whole{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.whole h1{margin:0;font-size:22px;line-height:28px}.whole .avatar{width:44px;height:44px;font-size:24px}.scrim{background:#17163b59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:340px;max-width:100%;padding:20px;display:flex}.modal h2{margin:0;font-size:17px;line-height:22px}.modal input{font:inherit;border:.5px solid var(--sep);border-radius:10px;height:44px;padding:0 12px}.modal button{height:44px}footer{text-align:center;padding:0 0 24px}