:root{--bg-1: #041f28;--bg-2: #0a3341;--bg-3: #146278;--card: rgba(7, 27, 35, .78);--stroke: rgba(137, 218, 241, .24);--text: #eef8fb;--text-soft: #9fbdc7;--accent: #47d7ff;--accent-strong: #20bce7;--danger: #ff8282}*{box-sizing:border-box}body{margin:0;font-family:Sora,sans-serif;color:var(--text);background:radial-gradient(circle at 0% 0%,rgba(53,199,255,.22),transparent 45%),radial-gradient(circle at 100% 100%,rgba(18,124,179,.35),transparent 55%),linear-gradient(130deg,var(--bg-1),var(--bg-2),var(--bg-3));min-height:100vh}h1,h2,h3,strong,button{font-family:Space Grotesk,sans-serif}a{color:var(--accent);text-decoration:none}.page-loader,.empty-chat{display:grid;place-items:center;min-height:200px;color:var(--text-soft)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-layout{width:min(1120px,100%);display:grid;grid-template-columns:1.2fr minmax(320px,440px);gap:24px;align-items:stretch}.auth-hero{border:1px solid var(--stroke);border-radius:20px;padding:30px;background:radial-gradient(circle at 80% 0%,rgba(80,202,255,.2),transparent 42%),linear-gradient(135deg,#041426f0,#0a3341f0);box-shadow:0 22px 60px #00000059}.auth-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#9ddff2}.auth-hero h2{margin:10px 0;font-size:clamp(30px,4vw,46px);line-height:1.03;max-width:13ch}.auth-hero-copy{margin:0 0 22px;color:#b8d2db;max-width:54ch}.features-title{margin:0 0 10px;font-size:20px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-card{border:1px solid rgba(118,220,244,.25);border-radius:14px;padding:12px;background:#06242f9e;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.feature-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#4ad9ff33;border:1px solid rgba(124,229,255,.38)}.feature-card h3{margin:0;font-size:14px}.feature-card p{margin:4px 0 0;font-size:12px;color:var(--text-soft)}.auth-card{width:min(100%,440px);border:1px solid var(--stroke);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card);padding:30px;box-shadow:0 22px 60px #00000059}.auth-card h1{margin:0 0 8px;letter-spacing:.5px}.auth-card p{margin:0 0 20px;color:var(--text-soft)}.auth-form{display:grid;gap:14px}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;color:var(--text-soft);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#7dd9f238}.google-auth-wrap{display:grid;justify-items:center}.field{display:grid;gap:6px}.field span{font-size:13px;color:var(--text-soft)}input,button{border:1px solid transparent;border-radius:12px;padding:12px 14px;font-size:15px}input{background:#05242ee6;color:var(--text);border-color:#7dd9f224}input:focus{border-color:var(--accent);outline:none}button{cursor:pointer;color:#02212b;background:linear-gradient(120deg,var(--accent),#7af2d4);font-weight:700;transition:transform .2s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #39dcff4d}button:disabled{opacity:.6;cursor:not-allowed}.error-box{color:var(--danger);font-size:13px}.auth-foot{margin-top:18px;font-size:14px}.chat-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 0%,rgba(114,200,255,.22),transparent 38%),radial-gradient(circle at 90% 100%,rgba(135,190,255,.16),transparent 42%),linear-gradient(180deg,#eff5ff,#dce8ff)}.chat-frame{width:min(1180px,100%);height:min(88vh,840px);border:1px solid #dbe6fb;border-radius:24px;background:#fff;display:grid;grid-template-columns:320px 1fr;overflow:hidden;box-shadow:0 25px 60px #3856842e;min-height:0}.users-panel{border-right:1px solid #e3ebfb;background:linear-gradient(180deg,#f8fbff,#eef4ff);display:flex;flex-direction:column}.users-title{padding:20px 18px;color:#16263d;font-weight:700;letter-spacing:.5px;border-bottom:1px solid #e3ebfb;display:flex;align-items:center;justify-content:space-between}.mini-btn{padding:8px 10px;border-radius:10px;font-size:12px;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#05142773;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px}.group-modal{width:min(680px,100%);max-height:min(90vh,860px);overflow:auto;background:#fff;border:1px solid #d4e3fb;border-radius:20px;box-shadow:0 30px 70px #2e4c7a47;padding:18px}.group-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.group-modal-head h3{margin:0;color:#1b2c45}.group-modal-form{display:grid;gap:14px}.group-modal-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#304863}.group-modal-subhead small{color:#6f85a3}.group-candidate-list{display:grid;gap:8px;max-height:280px;overflow:auto;padding-right:4px}.group-candidate{width:100%;color:#1b2d44;background:#f7faff;border:1px solid #dae7fb;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.group-candidate>div{display:grid;justify-items:start;gap:3px}.group-candidate strong{color:#203652}.group-candidate small{color:#667f9d}.group-candidate.active{border-color:#80c0ff;background:linear-gradient(120deg,#edf6ff,#f2f9ff)}.group-empty{margin:0;color:#6a809f;font-size:14px;padding:10px;border:1px dashed #d0e0f8;border-radius:10px}.users-list{overflow-y:auto;padding:10px;display:grid;gap:8px}.user-item{text-align:left;color:#1a2c45;background:#fff;border:1px solid #e7eefc;display:flex;align-items:center;gap:10px;border-radius:14px;box-shadow:0 4px 14px #486a9914;animation:slide-in .34s ease both}.user-item.active{border-color:#86c4ff;background:linear-gradient(120deg,#f2f8ff,#edf6ff)}.status-dot{width:11px;height:11px;border-radius:999px}.status-dot.online{background:#16c782;box-shadow:0 0 0 4px #16c78233}.status-dot.offline{background:#a8b7cc}.user-meta{display:grid;gap:2px}.user-meta small{color:#68809d}.conversation{display:grid;grid-template-rows:auto 1fr auto;background:#fbfdff;min-height:0}.chat-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5ecfa;padding:18px 22px;position:relative;overflow:hidden;background:#fff}.chat-header h2{margin:0;color:#182a42}.chat-header small{color:#6d83a0}.header-actions{display:flex;align-items:center;gap:8px}.ghost-btn{color:#20486f;background:#f1f7ff;border:1px solid #c8dbf8;font-weight:600}.message-list{overflow-y:auto;padding:22px;background:#fff;display:flex;flex-direction:column;gap:12px;min-height:0}.message-bubble{max-width:min(70%,540px);border-radius:14px;padding:10px 12px;border:1px solid transparent}.message-bubble p{margin:0;line-height:1.4;overflow-wrap:anywhere}.group-sender{font-size:12px;display:inline-block;margin-bottom:6px}.message-bubble.mine{margin-left:auto;color:#fff;background:linear-gradient(140deg,#2d7ef8,#19c0e8);border-color:#19a2d68c}.message-bubble.theirs{color:#1b2d44;background:#f3f7ff;border-color:#dce8fb}.meta-row{margin-top:7px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;font-size:11px;color:#ffffffd6}.meta-row span{white-space:nowrap}.message-bubble.theirs .meta-row{color:#7087a6}.typing-chip{width:fit-content;border-radius:999px;background:#eef6ff;border:1px solid #cfe2ff;color:#2a4f76;padding:8px 12px;font-size:12px}.message-input-wrap{border-top:1px solid #e5ecfa;display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;background:#fff}.message-input-wrap input{background:#f7faff;color:#1c2d44;border-color:#d5e3f9}.message-input-wrap button{min-width:98px}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:end center;padding:20px;z-index:40}.incoming-card,.call-panel{pointer-events:auto;width:min(100%,520px);border:1px solid #d7e6ff;border-radius:16px;background:#fff;box-shadow:0 20px 50px #1b3a6333;padding:16px}.incoming-card h3,.call-panel h3{margin:0;color:#152940}.incoming-card p,.call-panel p{margin:8px 0 12px;color:#6a809f}.call-actions{display:flex;gap:10px}.danger-btn{background:linear-gradient(120deg,#ff5f7c,#ff8b66);color:#fff}.video-grid{margin:12px 0;display:grid;grid-template-columns:1fr 170px;gap:10px}.remote-video,.local-video{width:100%;background:#09131f;border-radius:12px;min-height:140px}.fade-rise{animation:fade-rise .55s ease both}.sheen-slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(120deg,transparent,rgba(84,164,255,.15),transparent);animation:sheen 4.2s ease-in-out infinite}@keyframes fade-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes sheen{0%{transform:translate(-100%)}40%,to{transform:translate(100%)}}@media (max-width: 960px){.auth-layout{grid-template-columns:1fr}.auth-hero{padding:24px}.feature-grid{grid-template-columns:1fr}.auth-card{width:100%}.video-grid{grid-template-columns:1fr}.chat-frame{grid-template-columns:1fr;height:94vh}.users-panel{max-height:220px;border-right:none;border-bottom:1px solid var(--stroke)}.message-bubble{max-width:92%}}