:root{color-scheme:light;--bg: #eef2f6;--card: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--brand: #0f766e;--brand-ink: #ecfdf5;--danger: #b91c1c;--danger-soft: #fef2f2;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#dbe7ef 0%,var(--bg) 40%);color:var(--ink)}button,input{font:inherit;color:inherit}button{cursor:pointer}#app{width:min(440px,100%);min-height:100vh;margin:0 auto;background:var(--card);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line)}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 10px;border-bottom:1px solid var(--line)}.top h1{margin:0;font-size:1.35rem;letter-spacing:-.02em}.top .sub{margin:2px 0 0;color:var(--muted);font-size:.85rem}.screen{flex:1;display:flex;flex-direction:column;padding:16px;gap:12px;overflow:auto}.auth{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted)}input{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;font-weight:500;color:var(--ink)}input:focus{outline:2px solid rgba(15,118,110,.25);border-color:var(--brand)}.primary,.ghost,.danger{border:0;border-radius:12px;padding:12px 14px;font-weight:650}.primary{background:var(--brand);color:var(--brand-ink)}.ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}.danger{background:var(--danger-soft);color:var(--danger)}.hint{margin:0;color:var(--muted);font-size:.9rem}.error{margin:0;color:var(--danger);font-size:.9rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px}.tabs button{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:10px;font-weight:650}.tabs button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.list{display:flex;flex-direction:column;gap:10px}.card{border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8fafc}.row{width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.row strong{font-size:.98rem}.row span{color:var(--muted);font-size:.86rem}.thread{padding-bottom:12px}.messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0 12px;min-height:240px}.bubble{max-width:82%;align-self:flex-start;background:#f1f5f9;border-radius:16px 16px 16px 6px;padding:10px 12px}.bubble.mine{align-self:flex-end;background:#ccfbf1;border-radius:16px 16px 6px}.bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.bubble time{display:block;margin-top:4px;font-size:.72rem;color:var(--muted)}.actions{display:flex;gap:8px}.composer{display:grid;grid-template-columns:1fr auto;gap:8px}.mode-switch{display:flex;gap:8px;margin-bottom:4px}.mode-switch button{flex:1}#call{position:fixed;inset:0;z-index:40;background:#0f172aeb;color:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.call-copy{text-align:center}.call-copy h2{margin:0 0 6px}.call-copy p{margin:0;color:#cbd5e1}.stage{position:relative;width:min(360px,100%);aspect-ratio:3 / 4;background:#0b1220;border-radius:20px;overflow:hidden}.stage video{width:100%;height:100%;object-fit:cover;background:#0b1220}.stage video.local{position:absolute;right:12px;bottom:12px;width:28%;height:auto;aspect-ratio:3 / 4;border-radius:12px;border:2px solid rgba(255,255,255,.35)}.call-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.call-controls .primary,.call-controls .ghost,.call-controls .danger{min-width:96px}.call-controls .ghost{color:#ecfeff;border-color:#ffffff40}