:root{--ink:#090b0c;--muted:#5c686d;--line:#0d121424;--glass:#ffffff85;--glass-strong:#ffffffb8;--steel:#7b9099;--mint:#6d9a86;--danger:#a15a34}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#f5f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.chat-shell{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));isolation:isolate;background:linear-gradient(#ffffff80,#f5f6f3db),url(/liquid-glass-bg.png) 50%/cover no-repeat;display:grid;position:relative;overflow:hidden}.chat-shell:after{z-index:-2;content:"";pointer-events:none;background:linear-gradient(90deg,#ffffffb3,#0000 24% 76%,#ffffff8f),repeating-linear-gradient(90deg,#0a101208 0 1px,#0000 1px 96px);position:absolute;inset:0}.chat-glass{z-index:-1;aspect-ratio:2;-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(135deg,#ffffff9e,#ffffff1f),linear-gradient(90deg,#7b909924,#6d9a861a);border:1px solid #ffffffad;border-radius:999px;width:min(580px,62vw);position:absolute;bottom:max(48px,8vw);right:max(-90px,-6vw);box-shadow:inset 0 1px #ffffffd1,0 34px 90px #2c373c17}.chat-panel{-webkit-backdrop-filter:blur(24px)saturate(1.14);backdrop-filter:blur(24px)saturate(1.14);background:#ffffff80;border:1px solid #ffffffa8;border-radius:22px;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(980px,100%);min-height:min(760px,100dvh - 32px);max-height:calc(100dvh - 32px);margin:auto;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffbd,0 28px 90px #2c373c1a}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:20px clamp(18px,3vw,28px);display:flex}.brand-kicker{color:var(--muted);letter-spacing:.18em;margin:0 0 5px;font-size:11px;font-weight:800}.chat-header h1{letter-spacing:0;margin:0;font-size:clamp(26px,4vw,42px);line-height:1}.header-meta{border:1px solid var(--line);color:#090b0cbd;white-space:nowrap;background:#ffffff6b;border-radius:999px;align-items:center;gap:10px;min-height:38px;padding:0 13px;font-size:13px;font-weight:760;display:inline-flex}.divider{background:var(--line);width:1px;height:16px}.status-dot{background:var(--danger);border-radius:999px;width:8px;height:8px}.status-dot.online{background:var(--mint)}.status-dot.connecting{background:#b48b3f}.identity-strip{border-bottom:1px solid var(--line);background:#ffffff3d;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(18px,3vw,28px);display:flex}.identity-strip label{align-items:center;gap:10px;min-width:min(330px,100%);display:flex}.identity-strip span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.identity-strip input,.composer input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#ffffff8f;border-radius:999px;outline:none;font-size:16px}.identity-strip input{width:170px;padding:0 14px;font-weight:760}.identity-strip input:focus,.composer input:focus{border-color:#090b0c5c;box-shadow:0 0 0 4px #6d9a861f}.identity-strip p{color:var(--muted);text-align:right;margin:0;font-size:13px;line-height:1.5}.message-list{overscroll-behavior:contain;flex-direction:column;gap:12px;min-height:0;padding:clamp(18px,3vw,28px);display:flex;overflow-y:auto}.empty-state{min-height:100%;color:var(--muted);text-align:center;place-items:center;display:grid}.empty-state p{color:var(--ink);margin:0;font-size:28px;font-weight:760}.empty-state span{margin-top:8px;font-size:14px}.message{background:#ffffff94;border:1px solid #ffffffa3;border-radius:6px 16px 16px;align-self:flex-start;max-width:min(680px,86%);padding:11px 13px 12px;box-shadow:0 12px 34px #2a34380f}.message.mine{background:#e9f4eeb8;border-color:#6d9a8638;border-top-left-radius:16px;border-top-right-radius:6px;align-self:flex-end}.message-meta{align-items:center;gap:9px;margin-bottom:5px;display:flex}.message-meta strong{font-size:13px}.message-meta time{color:var(--muted);font-size:12px;font-weight:650}.message p{color:#090b0ce0;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.5}.notice{color:var(--danger);margin:0;padding:0 clamp(18px,3vw,28px) 10px;font-size:13px;font-weight:700}.composer{padding:14px clamp(18px, 3vw, 28px) max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#ffffff57;grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.composer input{width:100%;padding:0 16px}.composer button{color:#fff;cursor:pointer;background:#090b0c;border:1px solid #090b0c52;border-radius:999px;min-width:88px;min-height:44px;font-size:14px;font-weight:800}.composer button:disabled{color:#090b0c70;cursor:not-allowed;background:#ffffff75}@media (max-width:720px){.chat-shell{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.chat-panel{border-radius:18px;width:100%;min-height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.chat-header{flex-direction:column;align-items:flex-start;gap:12px;padding:17px}.header-meta{justify-content:center;width:100%}.identity-strip{flex-direction:column;align-items:stretch;padding:12px 17px}.identity-strip label{justify-content:space-between}.identity-strip input{width:min(190px,58vw)}.identity-strip p{text-align:left}.message-list{padding:17px}.message{max-width:92%}.composer{padding:12px 12px max(12px, env(safe-area-inset-bottom));grid-template-columns:1fr}.composer button{width:100%}}