:root{--paper: #f2efe7;--white: #fbfaf6;--ink: #202a27;--ink-2: #53605b;--muted: #7e8984;--line: #d8d4c9;--green: #17775c;--green-soft: #e2eee8;--orange: #bd6b35;--orange-soft: #f2dfcf;--red: #b24c43;--display: "Iowan Old Style", "Songti SC", serif;--sans: "Avenir Next", "PingFang SC", sans-serif;--mono: "SFMono-Regular", "Menlo", monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:13px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.app{height:100vh;display:grid;grid-template-rows:54px minmax(0,1fr);overflow:hidden}.top{border-bottom:1px solid var(--line);background:#fbfaf6f5}.top-inner{width:min(820px,100%);height:100%;margin:auto;display:flex;align-items:center;padding:0 16px}.brand{font:700 18px var(--display);letter-spacing:.05em}.brand:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border:2px solid var(--orange);border-radius:50%}.connection{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--muted);font-size:9px}.connection i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.connection.offline i{background:var(--red);box-shadow:0 0 0 4px #f0d9d7}.thread{width:min(820px,100%);height:100%;min-height:0;margin:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--white);border-left:1px solid var(--line);border-right:1px solid var(--line)}.messages{min-height:0;overflow:auto;padding:30px 28px 42px}.message{width:min(680px,94%);margin-bottom:20px}.message.me{width:auto;max-width:630px;margin-left:auto}.meta{margin-bottom:5px;color:var(--muted);font-size:8.5px}.meta b{color:var(--ink);font-size:9px}.message.me .meta{text-align:right}.bubble{display:inline-block;padding:11px 13px;border:1px solid var(--line);border-radius:3px 11px 11px;background:#fff;color:var(--ink-2);font-size:12px;text-wrap:pretty;white-space:pre-wrap}.message.me .bubble{border-color:#dfba96;border-radius:11px 3px 11px 11px;background:var(--orange-soft);color:var(--ink)}.facts{margin:10px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.facts li{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.facts span{color:var(--muted);font-size:9px}.facts strong{font-size:10px;color:var(--ink)}.facts .alert{color:var(--red)}.source{margin-top:8px;color:var(--green);font:700 8px var(--mono)}.command-actions{display:flex;gap:8px;margin-top:10px}.command-actions button{height:28px;padding:0 12px;border:1px solid var(--line);background:var(--paper);font-size:10px;font-weight:700}.command-actions button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.command-actions button:disabled{opacity:.5;cursor:not-allowed}.composer{padding:11px 16px 14px;border-top:1px solid var(--line);background:#fbfaf6f7}.compose{border:1px solid #bbbdb5;background:#fff;padding:9px;box-shadow:0 8px 28px #2b312e12}.compose textarea{display:block;width:100%;height:70px;resize:none;border:0;outline:0;background:transparent;font-size:12px}.compose textarea::placeholder{color:#929a96}.actions{display:flex;align-items:center;margin-top:7px;gap:8px}.attach{width:29px;height:29px;border:1px solid var(--line);background:var(--paper);color:var(--muted)}.send{height:30px;margin-left:auto;padding:0 14px;border:0;background:var(--ink);color:#fff;font-weight:800;font-size:9px}.send:disabled{opacity:.5}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,12px);opacity:0;padding:9px 12px;background:var(--ink);color:#fff;font-size:9px;transition:.2s;pointer-events:none;max-width:min(90vw,420px);text-align:center}.toast.on{opacity:1;transform:translate(-50%)}.file-input{display:none}@media(max-width:700px){.top-inner{padding:0 11px}.thread{border:0}.messages{padding:22px 11px 30px}.message{width:100%;max-width:100%}.message.me{max-width:90%}.composer{padding:9px}.facts li{grid-template-columns:68px 1fr}}