:root{color-scheme:dark;--bg:#0c0c0e;--panel:#141416;--panel2:#19191c;--line:#28282b;--muted:#89898f;--text:#f3f1ee;--red:#e54237;--red2:#ff6558;--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;background-image:radial-gradient(ellipse at 50% -25%,rgba(215,46,37,.18),transparent 52%)}button,textarea{font:inherit}.shell{max-width:1040px;margin:0 auto;padding:26px 34px 20px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:45px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:15px;font-weight:500;letter-spacing:-.35px}.brand b{font-weight:700}.brand-mark{display:grid;place-items:center;background:var(--red);width:30px;height:30px;border-radius:9px;font-weight:700;font-size:13px}.top-actions{display:flex;align-items:center;gap:20px}.live-label,.eyebrow,.reset-label,.footer,.composer-foot,.chat-heading span{font-family:var(--mono);font-size:10px;letter-spacing:1.15px}.live-label{color:#bbb}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57cc86;margin-right:7px;box-shadow:0 0 12px #57cc8675}.button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,border .18s}.button:hover{background:#222226;border-color:#424247}.button-small{padding:9px 12px}.button-danger{background:var(--red);border-color:var(--red);color:white}.button-danger:hover{background:#c93229;border-color:#c93229}.button-quiet{color:#b1b0b4}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:68px 2px 31px}.eyebrow{display:flex;align-items:center;gap:11px;color:#aaa9ad;font-size:9px}.eyebrow-line{width:28px;height:1px;background:var(--red)}h1{font-size:clamp(48px,8vw,76px);line-height:.98;letter-spacing:-5px;margin:19px 0 12px;font-weight:600}h1 em{font-style:normal;color:var(--red2)}.intro p{font-size:14px;color:#a3a2a6;margin:0}.reset-card{display:flex;align-items:center;gap:14px;margin-bottom:5px;border:1px solid #332120;background:rgba(229,66,55,.06);padding:14px 16px;border-radius:10px}.reset-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#2b1716;color:var(--red2);font-size:20px}.reset-card div{display:flex;flex-direction:column;gap:4px}.reset-label{color:var(--red2);font-size:8px}.reset-card strong{font-size:12px;font-weight:600}.reset-card small{color:#99979b;font-size:10px}.chat-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#151517,#111113);min-height:500px;flex:1;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 70px #0004}.chat-head{height:67px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:12px}.avatar-stack{display:flex;align-items:center}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700;border:2px solid #151517}.avatar+.avatar{margin-left:-9px}.avatar-red{background:#e54237;color:white}.avatar-dark{background:#29292e;color:#e1dfe1;font-size:13px}.chat-heading{display:flex;flex-direction:column;gap:4px;flex:1}.chat-heading strong{font-size:13px}.chat-heading span{font-size:9px;letter-spacing:.2px;color:#929197}.chat-heading .status-dot{width:6px;height:6px}.chat-heading.offline .status-dot{background:#d98250;box-shadow:none}.chat-head .button{font-size:11px;padding:8px 11px}.messages{padding:23px 23px 16px;overflow:auto;flex:1;min-height:335px;max-height:510px;display:flex;flex-direction:column;gap:14px}.empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;gap:7px;color:#86858b;font-size:12px}.empty-state strong{color:#ccc9cb;font-size:13px;font-weight:500}.empty-symbol{color:#d64b42;font-size:25px;margin-bottom:4px}.message{display:flex;align-items:flex-start;gap:10px;max-width:86%;animation:appear .2s ease-out}.message.mine{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:9px;color:#fff;background:#393942}.msg-avatar.mine{background:#b23c35}.message-body{min-width:0}.msg-meta{display:flex;gap:8px;align-items:center;margin:1px 0 5px 2px;font-family:var(--mono);font-size:9px;color:#818087}.mine .msg-meta{justify-content:flex-end}.bubble{background:#202023;border:1px solid #2d2d31;padding:10px 12px;border-radius:3px 11px 11px 11px;font-size:13px;line-height:1.5;color:#e3e0e1;overflow-wrap:anywhere;white-space:pre-wrap}.mine .bubble{background:#351c1c;border-color:#4a2523;border-radius:11px 3px 11px 11px}.attachment{display:block;margin-top:8px;max-width:min(100%,320px);border-radius:7px}.attachment img{max-height:230px;max-width:100%;object-fit:contain;border-radius:7px;display:block}.attachment-link{color:#ff8278;font-size:11px;text-decoration:none;border:1px solid #ffffff20;border-radius:6px;padding:7px 9px;display:inline-flex;gap:7px}.composer-wrap{padding:12px 17px 13px;border-top:1px solid var(--line);background:#121214}.composer{border:1px solid #38383c;background:#1b1b1e;border-radius:10px;min-height:48px;display:flex;align-items:center;padding:5px;gap:6px}.attach-button{width:35px;height:35px;display:grid;place-items:center;color:#aaa9ae;border-radius:7px;cursor:pointer;font-size:22px;flex:0 0 auto}.attach-button:hover{background:#2b2b30;color:white}.composer textarea{flex:1;resize:none;max-height:100px;min-height:23px;background:transparent;border:0;outline:0;color:var(--text);font-size:13px;line-height:1.5;padding:4px 2px}.composer textarea::placeholder{color:#77767d}.send-button{border:0;background:var(--red);color:white;border-radius:7px;height:35px;padding:0 11px;display:flex;gap:10px;align-items:center;font-size:11px;font-weight:600;cursor:pointer}.send-button:hover{background:#f15449}.send-button b{font-size:14px}.composer-foot{display:flex;justify-content:space-between;padding:8px 3px 0;color:#77767d;font-size:8px;letter-spacing:.25px}.composer-foot i,footer i{font-style:normal;color:var(--red)}footer{display:flex;justify-content:space-between;gap:12px;padding:15px 2px 0;color:#75747a;font-family:var(--mono);font-size:8px;letter-spacing:.4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#f0eeec;color:#171719;padding:11px 16px;border-radius:9px;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:20px;z-index:2}.modal-backdrop[hidden]{display:none}.modal{width:min(100%,390px);padding:24px;border:1px solid #3a2928;background:#181719;border-radius:14px;box-shadow:0 25px 100px #000a}.modal-icon{display:grid;place-items:center;width:33px;height:33px;color:white;background:var(--red);border-radius:9px;font-family:var(--mono);font-weight:700}.modal h2{font-size:20px;letter-spacing:-.6px;margin:16px 0 7px}.modal p{font-size:12px;line-height:1.55;color:#aaa8ac;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.shell{padding:17px 14px 15px}.top-actions{gap:10px}.live-label{font-size:8px}.button-small{font-size:10px;padding:8px}.intro{padding:52px 2px 23px;display:block}.intro p{font-size:12px}.reset-card{margin-top:23px;width:max-content}.chat-card{min-height:62vh}.chat-head{padding:0 12px;height:61px;gap:8px}.chat-head .button{font-size:9px;padding:7px}.messages{padding:17px 12px;min-height:300px}.message{max-width:95%}.composer-wrap{padding:10px}.composer-foot{font-size:7px}footer{flex-direction:column;font-size:7px}.brand{font-size:13px}.brand-mark{width:28px;height:28px}}
