:root{--bg: #f5f6fb;--surface: #ffffff;--surface-2: #f1f2f8;--text: #1b1d28;--muted: #767a8c;--border: #e7e8f0;--primary: #6d5efc;--primary-2: #8b6dff;--primary-soft: #ece9ff;--danger: #e5484d;--shadow: 0 10px 30px rgba(40, 35, 90, .12);--radius: 16px;--radius-sm: 11px;--grad: linear-gradient(135deg, #6d5efc 0%, #8b6dff 55%, #b18bff 100%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px}input,textarea,select,button{font:inherit;color:inherit}.screen{min-height:100dvh;display:flex;flex-direction:column}.center{align-items:center;justify-content:center;padding:20px}.center-text{text-align:center}.gradient-bg{background:radial-gradient(1200px 500px at 50% -10%,#efeaff 0%,var(--bg) 60%)}.container{width:100%;max-width:760px;margin:0 auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.auth-card{width:100%;max-width:420px}.card h2{margin:0 0 4px;font-size:18px}.brand{text-align:center;margin-bottom:18px}.brand h1{margin:10px 0 6px;font-size:22px}.brand-logo{width:64px;height:64px;margin:0 auto;border-radius:20px;display:grid;place-items:center;font-size:30px;background:var(--grad);box-shadow:var(--shadow)}.brand-logo.sm{width:30px;height:30px;border-radius:9px;font-size:16px;box-shadow:none}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;margin-top:12px}.row input{flex:1}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea{resize:none}.btn{border:none;border-radius:var(--radius-sm);padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .08s ease,filter .15s ease,background .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 6px 16px #6d5efc59}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover:not(:disabled){background:#e7e8f3}.btn.sm{padding:8px 14px;font-size:13px}.icon-btn{border:none;background:var(--surface-2);width:40px;height:40px;border-radius:12px;font-size:18px;cursor:pointer;display:grid;place-items:center;flex:none;transition:background .15s}.icon-btn:hover{background:#e7e8f3}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{border:1px solid var(--border);background:var(--surface);padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--primary);color:var(--primary)}.muted{color:var(--muted)}.sm{font-size:12px}.empty{text-align:center;padding:18px 0}.divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:12px;margin:18px 0;gap:10px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.alert{background:#fdecec;color:var(--danger);border:1px solid #f7cdce;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.hint{margin-top:16px;font-size:12.5px;color:var(--muted);background:var(--surface-2);padding:10px 12px;border-radius:var(--radius-sm)}code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:12px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar-title{display:flex;align-items:center;gap:8px;font-size:15px}.topbar-actions{display:flex;align-items:center;gap:8px}.user-pill{background:var(--primary-soft);color:var(--primary);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.room-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.room-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.room-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.room-link{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-actions{display:flex;gap:8px;flex:none}.chat-screen{height:100dvh;background:var(--bg)}.chat-header{display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);z-index:5}.chat-title{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}.chat-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title .sm{display:flex;align-items:center;gap:6px}.lang-select{width:auto;max-width:130px;padding:8px 10px;font-size:13px;flex:none}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:#2fbf71}.dot.off{background:#c9ccd6}.people-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;box-shadow:var(--shadow)}.people-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.people-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:30vh;overflow-y:auto}.people-panel li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border)}.messages{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}.system-msg{align-self:center;background:var(--surface-2);color:var(--muted);font-size:12px;padding:5px 12px;border-radius:999px}.bubble-row{display:flex;flex-direction:column;max-width:82%}.bubble-row.me{align-self:flex-end;align-items:flex-end}.bubble-row.them{align-self:flex-start;align-items:flex-start}.bubble-name{font-size:12px;color:var(--muted);margin:0 6px 3px;font-weight:600}.bubble{padding:10px 14px;border-radius:18px;line-height:1.45;word-break:break-word;white-space:pre-wrap;box-shadow:0 1px 2px #1414320f}.bubble.them{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px}.bubble.me{background:var(--grad);color:#fff;border-bottom-right-radius:6px}.bubble.composing{opacity:.85;font-style:italic}.bubble-text{font-size:15px}.bubble-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.tag{font-size:10.5px;padding:1px 7px;border-radius:999px;background:#0000000f;color:var(--muted)}.bubble.me .tag{background:#ffffff38;color:#fffffff2}.bubble-original{margin-top:6px;font-size:11.5px;opacity:.85;border-top:1px dashed rgba(255,255,255,.35);padding-top:5px}.prompt-banner{background:var(--primary-soft);color:var(--primary);font-size:12.5px;font-weight:600;text-align:center;padding:7px 12px;cursor:pointer;border-top:1px solid #ddd6ff}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#fffffff2;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border)}.composer-input{flex:1;max-height:120px;border-radius:20px;padding:11px 16px}.prompt-btn{font-size:19px}.prompt-btn.active{background:var(--grad);box-shadow:0 4px 12px #6d5efc66}.send-btn{padding:11px 18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14122d80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0;animation:fade .15s ease}.modal{background:var(--surface);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow);animation:slideup .2s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-head h3{margin:0}.prompt-area{margin-top:12px;border-radius:14px}.examples{display:flex;flex-direction:column;gap:6px;margin:12px 0}.example-chip{text-align:left;border:1px dashed var(--border);background:var(--surface-2);padding:8px 12px;border-radius:12px;cursor:pointer;font-size:12.5px;color:var(--muted);transition:all .15s}.example-chip:hover{border-color:var(--primary);color:var(--primary)}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:8px}@keyframes slideup{0%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (min-width: 640px){.modal-overlay{align-items:center}.modal{border-radius:20px}.chat-header,.messages,.composer,.prompt-banner,.people-panel{max-width:820px;width:100%;margin-left:auto;margin-right:auto}}