:root{--bg:#07080a;--panel:#101216;--line:#1c1f26;--text:#ecedef;--muted:#8a8f99;--in:#16191f;--out:#2a3a5c;--accent:#7aa2ff;--ok:#5dd39e;--bad:#ff6b6b;--vvh:100dvh;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}body{overscroll-behavior:none;-webkit-text-size-adjust:100%;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}button,input,textarea,select{font:inherit;color:inherit}.app{height:var(--vvh);position:relative;overflow:hidden}.center{height:100%;padding:24px max(20px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:stretch;gap:14px;max-width:440px;margin:0 auto;display:flex}.card h1{margin:0 0 4px;font-size:22px;font-weight:600}.card label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.card input,.chat select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.hint{background:#141824;border:1px solid #22304d;border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.error{color:var(--bad);margin:0;font-size:14px}.ok{color:var(--ok)}.spacer{height:24px}.primary{background:var(--text);color:#000;border:0;border-radius:14px;padding:14px;font-weight:600}.primary:disabled{opacity:.5}.link{color:var(--accent);background:0 0;border:0;padding:6px}.link.danger,.danger{color:var(--bad)!important}.danger-btn{color:#fff;background:#3a1010;border:1px solid #6b1d1d;border-radius:12px;padding:12px}.locked{text-align:center;align-items:center}.locked input,.locked .primary{width:100%}.spinner{border:2px solid var(--line);border-top-color:var(--muted);border-radius:50%;width:26px;height:26px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lock-glyph{border:2px solid;border-radius:3px;width:18px;height:14px;margin-top:6px;display:inline-block;position:relative}.lock-glyph:before{content:"";border:2px solid;border-bottom:0;border-radius:7px 7px 0 0;height:9px;position:absolute;top:-9px;left:2px;right:2px}.lock-glyph.big{color:var(--muted);margin:30px auto 26px;transform:scale(2.4)}.lock-glyph.small{transform:scale(.8)}.chat{flex-direction:column;height:100%;display:flex}.bar{padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07080aeb;align-items:center;gap:10px;display:flex}.dot{background:#444;border-radius:50%;width:8px;height:8px;margin-left:4px;transition:background .3s}.dot.on{background:var(--ok)}.status{color:var(--muted);flex:1;font-size:13px}.icon{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:20px;display:grid}.icon:disabled{opacity:.3}.banner{color:#b9c6e6;border-bottom:1px solid var(--line);background:#121722;padding:8px 14px;font-size:13px}.banner.bad{color:#ffb3b3;background:#2a0f12}.list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:3px;padding:10px 10px 16px;display:flex;overflow-y:auto}.note{text-align:center;color:#5b606a;margin:6px 0 12px;font-size:12px}.row{display:flex}.row.out{justify-content:flex-end}.bubble{background:var(--in);word-wrap:break-word;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:18px;max-width:78%;padding:7px 11px 6px;animation:.16s ease-out pop;position:relative}.row.out .bubble{background:var(--out)}.bubble.notice{border:1px dashed var(--line);color:var(--muted);background:0 0;font-size:13px}.bubble.failed{outline:1px solid var(--bad)}.text{white-space:pre-wrap}.meta{float:right;color:#ffffff6b;gap:3px;margin:7px 0 -3px 10px;font-size:10.5px;display:inline-flex}.tick.read{color:var(--accent)}.tick.failed{color:var(--bad)}.media{border-radius:12px;max-width:100%;max-height:360px;margin:-2px -6px 2px;display:block}.file{font-size:14px}@keyframes pop{0%{opacity:0;transform:translateY(4px)}}.typing{gap:4px;padding:12px 14px;display:flex}.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);align-items:flex-end;gap:6px;display:flex}.composer textarea{resize:none;background:var(--panel);border:1px solid var(--line);field-sizing:content;border-radius:19px;outline:none;flex:1;min-height:38px;max-height:140px;padding:8px 14px;font-size:16px}.send{background:var(--accent);color:#000;border:0;border-radius:50%;flex:none;width:38px;height:38px;font-size:18px;font-weight:700}.send:disabled{color:#555;background:#222}.toast{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));text-align:center;background:#222631;border-radius:12px;max-width:90%;padding:8px 14px;font-size:13px;position:absolute;transform:translate(-50%)}.sheet-bg{z-index:10;background:#0000008c;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--panel);width:100%;max-height:90%;padding:14px 14px calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;flex-direction:column;gap:8px;animation:.18s ease-out up;display:flex;overflow-y:auto}.sheet button,.sheet .btn{text-align:center;color:var(--text);background:#181b21;border:0;border-radius:12px;padding:13px;text-decoration:none}.sheet h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:10px 0 0;font-size:13px}.safety{letter-spacing:.05em;white-space:pre-wrap;text-align:center;word-spacing:.3em;margin:4px 0;font:17px/1.6 ui-monospace,SF Mono,Menlo,monospace}.opt{justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;font-size:15px;display:flex}@keyframes up{0%{opacity:.6;transform:translateY(30px)}}.privacy-cover{background:var(--bg);z-index:50;color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.privacy-cover .lock-glyph{transform:scale(2)}
