:root{color:#f8fafc;background:#0a0f1a;font-family:Bahnschrift,Segoe UI Variable Text,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:#0a0f1a}button,input,textarea{font:inherit}button{color:inherit}img{max-width:100%}#root{min-height:100vh}a{color:inherit;text-decoration:none}.shell{min-height:100dvh;padding:12px;box-sizing:border-box;position:relative;font-family:Segoe UI,Helvetica Neue,sans-serif}.shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#02040a;z-index:-1}.shell-loading{display:grid;place-items:center}.loading-card,.auth-card,.panel{background:#0a0d14;border:1px solid #1b2230;border-radius:14px;box-shadow:0 14px 34px #00000059}.compact-card{width:min(420px,100%);padding:26px}.auth-shell{display:grid;place-items:center}.auth-card-hero{width:min(460px,100%);padding:24px;display:grid;gap:14px}.hero-copy{margin:0;color:#94a0b8;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;background:#05070c;border:1px solid #1b2230;border-radius:12px}.auth-tabs button,.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button,.avatar-chip{border:0;font:inherit;transition:all .14s ease}.auth-tabs button{padding:10px 12px;border-radius:10px;background:transparent;color:#9ca7bf}.auth-tabs button.active{background:#232d42;color:#f4f7ff}.field{display:grid;gap:8px}.field span,.panel h1,.panel h2,.loading-card h1,.auth-card h1{color:#f4f7ff;margin:0}.field input,.composer textarea,.volume-control input,.search-box input{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid #253047;background:#05070d;color:#f4f7ff;outline:none;font:inherit}.field input,.composer textarea,.search-box input{padding:11px 12px}.field input:focus,.composer textarea:focus,.volume-control input:focus,.search-box input:focus{border-color:#3d7cf5;box-shadow:0 0 0 3px #3d7cf538}.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button,.avatar-chip{cursor:pointer;border-radius:10px;padding:10px 13px}.primary-button{background:#2f69d9;color:#f6f9ff}.secondary-button,.ghost-button,.icon-button{background:#111722;color:#d6ddee;border:1px solid #283248}.danger-button{background:#df3a44;color:#fff}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover,.icon-button:hover,.avatar-chip:hover,.auth-tabs button:hover{transform:translateY(-1px)}.primary-button:disabled,.icon-button:disabled{opacity:.52;cursor:not-allowed}.form-error,.app-toast{border-radius:12px;background:#842028e0;border:1px solid rgba(244,121,130,.45);color:#ffd8dc}.form-error{padding:10px 12px}.app-toast{position:fixed;right:12px;bottom:12px;width:min(420px,calc(100vw - 24px));padding:12px 14px;z-index:40}.dashboard-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-height:100dvh;height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0}.topbar h1{font-size:1.32rem}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-toggle{min-width:62px}.search-box{width:min(280px,46vw)}.search-box input{height:40px}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:#7c8aab}.call-strip,.chat-panel{padding:14px}.call-strip{position:sticky;top:8px;z-index:20;display:grid;gap:10px}.call-status-copy h2{font-size:1.06rem}.call-note{margin:4px 0 0;color:#98a5be;font-size:.82rem}.call-strip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.call-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.volume-control{display:grid;gap:4px;min-width:140px;color:#a5b0c6}.volume-control span{font-size:.78rem}.volume-control input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;padding:0;background:linear-gradient(90deg,#2f69d9,#25c1ff)}.participant-avatars{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.avatar-chip{width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(160deg,#2f69d9,#2fbeff);color:#fff;font-weight:700;font-size:.84rem}.avatar-chip.self{outline:2px solid #3ecf8e}.call-empty,.chat-empty,.empty-state{padding:12px;border-radius:12px;background:#070a11;border:1px dashed #263148}.empty-state h3{margin:0 0 4px;color:#f4f7ff;font-size:.95rem}.empty-state p,.loading-card p,.auth-card p,.message-head span,.message-body p,.system-message time,.message-body span,.chat-header .meta-chip{color:#9ca8c1}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px}.chat-header h2{font-size:1rem}.meta-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:.78rem;background:#0d121d;border:1px solid #253147}.message-list{min-height:0;overflow:auto;display:grid;gap:8px;padding:2px 2px 10px}.day-divider{display:flex;align-items:center;gap:10px;margin:6px 0 2px;color:#73809f;font-size:.83rem;font-weight:600}.day-divider:before,.day-divider:after{content:"";height:1px;flex:1;background:#222c40}.message-list::-webkit-scrollbar,.participant-avatars::-webkit-scrollbar{width:8px;height:8px}.message-list::-webkit-scrollbar-thumb,.participant-avatars::-webkit-scrollbar-thumb{background:#2a354e;border-radius:999px}.message-card{display:flex;gap:10px;padding:8px 10px;border-radius:10px}.message-card:hover{background:#141c2b73}.message-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#1c2435;color:#f2f6ff;font-weight:700;font-size:.76rem}.message-body{min-width:0;flex:1;display:grid;gap:4px}.message-head{display:flex;align-items:baseline;gap:10px}.message-head strong{color:#f6f9ff}.message-head span{font-size:.82rem}.message-body p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.image-link{display:block;overflow:hidden;border-radius:10px;border:1px solid #253147;max-width:min(420px,100%)}.image-link img{display:block;width:100%;max-height:250px;object-fit:cover}.system-message{display:flex;align-items:center;gap:8px;padding:6px 8px;color:#93a0ba;font-size:.92rem}.system-icon{display:inline-grid;place-items:center;min-width:40px;height:26px;border-radius:999px;background:#0f2b21;color:#3dd38d;font-size:.72rem;font-weight:700}.system-text{flex:1}.system-message time{font-size:.78rem}.composer{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;background:#0b1019;border:1px solid #253047;position:sticky;bottom:0;z-index:10}.composer textarea{resize:none;min-height:48px;max-height:140px}.remote-audio-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.pip-notice{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(700px,calc(100vw - 20px));z-index:60;display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:12px;background:#111827fa;border:1px solid #33415f;box-shadow:0 16px 44px #0000006b}.pip-notice strong{display:block;margin-bottom:4px;color:#f8fafc}.pip-notice p{margin:0;color:#b2bdd3;line-height:1.45;font-size:.92rem}@media (max-width: 900px){.dashboard-shell{gap:8px}.topbar,.call-strip-head,.chat-header,.composer,.call-controls{flex-direction:column;align-items:stretch}.topbar-actions,.search-box{width:100%}.volume-control{min-width:0}.composer textarea{min-height:72px}}@media (max-width: 640px){.shell{padding:8px}.call-strip,.chat-panel{padding:10px}.call-controls .secondary-button,.call-controls .primary-button,.call-controls .danger-button,.call-controls .ghost-button{width:100%}.avatar-chip{width:38px;height:38px}.message-card{padding:7px 8px}.composer{padding:7px}.composer textarea{min-height:64px}.pip-notice{top:8px;padding:10px}}html,body,#root{height:100%;overflow:hidden}.shell{height:100dvh;overflow:hidden}.dashboard-shell{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;min-height:100%;overflow:hidden}.room-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.call-subbar{position:sticky;top:72px;z-index:28;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px}.call-subbar-left,.call-subbar-right{display:flex;align-items:center;gap:8px}.call-subbar-left{min-width:0;flex:1}.call-subbar-left strong{color:#eef3ff;font-size:.9rem;white-space:nowrap}.call-subbar-left>span{color:#a7b3c8;font-size:.8rem;white-space:nowrap}.call-subbar .participant-avatars{flex-wrap:nowrap;overflow-x:auto;max-width:240px}.call-subbar-right{justify-content:flex-end}.call-subbar .secondary-button,.call-subbar .danger-button{min-height:36px;padding:8px 10px}.app-chat-shell{flex:1;min-height:0;margin:0;padding:0;border-radius:12px;background:#05070c;border:1px solid #1a2233;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.chat-header{position:sticky;top:0;z-index:5;padding:12px;background:#06090ff5;border-bottom:1px solid #1f2940}.message-list{min-height:0;overflow:auto;padding:14px 12px 16px}.composer{position:sticky;bottom:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:10px 12px;background:#090d16fa}.call-dot{width:8px;height:8px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 6px #35d07f29}.compact-volume{min-width:130px}.avatar-chip{width:34px;height:34px;font-size:.72rem}@media (max-width: 900px){.chat-header{padding:10px}.room-topbar,.call-subbar{top:0;flex-direction:column;align-items:stretch;gap:8px}.call-subbar{top:78px}.topbar-actions,.call-subbar-right,.search-box{width:100%}.call-subbar-right .secondary-button,.call-subbar-right .danger-button{flex:1 1 120px}.compact-volume{min-width:0;flex:1 1 140px}}@media (max-width: 640px){.shell{padding:0}.app-chat-shell{border-radius:0;border-left:0;border-right:0;border-bottom:0}.chat-header,.message-list,.composer{padding-left:10px;padding-right:10px}.room-topbar,.call-subbar{padding:8px}.call-subbar{top:74px}.call-subbar-left{flex-wrap:wrap}.call-subbar .participant-avatars{max-width:100%}}