*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface-2: #22263a;--accent: #6c63ff;--accent-hover: #574fd6;--text: #e8eaf6;--text-muted: #8b92b0;--sent: #6c63ff;--received: #22263a;--error: #ff6b6b;--radius: 12px;--font: "Inter", system-ui, sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}.app{height:100%;display:flex;flex-direction:column}.token-entry{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--surface);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #0006}.logo{font-size:2.5rem;text-align:center}h1{font-size:1.6rem;font-weight:700;text-align:center}.subtitle{color:var(--text-muted);text-align:center;font-size:.93rem}form{display:flex;flex-direction:column;gap:12px}.token-input{background:var(--surface-2);border:1.5px solid var(--surface-2);border-radius:8px;color:var(--text);font-size:1.5rem;font-weight:600;letter-spacing:.15em;padding:14px 18px;text-align:center;text-transform:uppercase;outline:none;transition:border-color .2s}.token-input:focus{border-color:var(--accent)}.token-input::placeholder{color:var(--text-muted);font-size:1.2rem;letter-spacing:.1em}.error{color:var(--error);font-size:.88rem;text-align:center}.btn-primary{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:background .2s,opacity .2s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.hint{color:var(--text-muted);font-size:.83rem;text-align:center}.hint code{background:var(--surface-2);border-radius:4px;padding:1px 5px}.bot-link-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:-4px}.bot-link{display:inline-flex;align-items:center;gap:5px;color:#4db8ff;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.bot-link:hover{color:#7fcfff;text-decoration:underline}.qr-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:color .2s,background .2s;outline:none}.qr-trigger:hover,.qr-trigger:focus{color:var(--text);background:var(--surface-2)}.qr-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:14px 14px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 8px 32px #0000008c;z-index:50;white-space:nowrap;pointer-events:none}.qr-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--surface-2)}.qr-popover-label{font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em}.qr-popover-url{font-size:.72rem;color:var(--text-muted)}.chat{flex:1;display:flex;flex-direction:column;height:100%;position:relative}.chat-header{background:var(--surface);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-2);flex-shrink:0}.chat-title{font-weight:700;font-size:1.05rem}.chat-meta{display:flex;align-items:center;gap:12px;font-size:.83rem}.status-badge{border-radius:20px;padding:3px 10px;font-weight:600;font-size:.78rem}.status-open{background:#1a3a2a;color:#5cdb95}.status-connecting,.status-reconnecting{background:#3a2e1a;color:#f4c430}.status-closed{background:#3a1a1a;color:#ff6b6b}.countdown{color:var(--text-muted);font-variant-numeric:tabular-nums}.messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:10px}.empty-state{color:var(--text-muted);font-size:.9rem;text-align:center;margin:auto;max-width:280px}.bubble{max-width:72%;display:flex;flex-direction:column;gap:3px}.bubble-sent{align-self:flex-end;align-items:flex-end}.bubble-received{align-self:flex-start;align-items:flex-start}.bubble-text{padding:10px 14px;border-radius:16px;line-height:1.45;word-break:break-word}.bubble-sent .bubble-text{background:var(--sent);color:#fff;border-bottom-right-radius:4px}.bubble-received .bubble-text{background:var(--received);color:var(--text);border-bottom-left-radius:4px}.bubble-time{font-size:.72rem;color:var(--text-muted);padding:0 4px}.session-ended-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1117d9;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.session-ended-card{background:var(--surface);border-radius:var(--radius);padding:40px 32px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;max-width:320px;box-shadow:0 8px 32px #00000080}.session-ended-card span{font-size:2.5rem}.session-ended-card h2{font-size:1.3rem}.session-ended-card p{color:var(--text-muted);font-size:.9rem}.chat-input-row{display:flex;gap:8px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--surface-2);flex-shrink:0}.chat-input{flex:1;background:var(--surface-2);border:1.5px solid var(--surface-2);border-radius:8px;color:var(--text);font-size:.97rem;padding:10px 14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-input:disabled{opacity:.45;cursor:not-allowed}.btn-send{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.93rem;font-weight:600;padding:10px 20px;transition:background .2s,opacity .2s;white-space:nowrap}.btn-send:hover:not(:disabled){background:var(--accent-hover)}.btn-send:disabled{opacity:.45;cursor:not-allowed}