:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f1f5f9;background-color:#0b0a08;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-gradient: radial-gradient(circle at top left, #1a1610, #080705 85%);--accent-glow: radial-gradient(circle at 50% 50%, rgba(223, 177, 91, .15) 0%, rgba(0, 0, 0, 0) 60%);--primary: #dfb15b;--primary-hover: #f0cb7c;--secondary: #b8860b;--accent: #dfb15b;--success: #10b981;--danger: #ef4444;--glass-bg: rgba(20, 18, 14, .75);--glass-border: rgba(223, 177, 91, .15);--glass-highlight: rgba(255, 255, 255, .02);--text-muted: #9e978e}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}body{width:100vw;height:100vh;overflow:hidden;background:var(--bg-gradient);position:relative}body:before{content:"";position:absolute;top:-10%;left:20%;width:60vw;height:60vw;background:radial-gradient(circle,#dfb15b1a,#0000 70%);z-index:0;pointer-events:none}body:after{content:"";position:absolute;bottom:-10%;right:10%;width:50vw;height:50vw;background:radial-gradient(circle,#b8860b0f,#0000 70%);z-index:0;pointer-events:none}#root{width:100%;height:100%;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;border-radius:24px;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,var(--glass-highlight) 0%,transparent 100%);pointer-events:none;z-index:1}.auth-container{width:90%;max-width:440px;padding:40px 32px;display:flex;flex-direction:column;gap:28px}.auth-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.auth-logo{color:var(--accent);filter:drop-shadow(0 0 12px rgba(236,72,153,.5));animation:pulse-heart 1.6s infinite ease-in-out}.auth-title{font-size:2.2rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--text-muted);font-size:.95rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.form-input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px;color:#fff;font-size:1rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #dfb15b40;background:#ffffff14}.btn{background:linear-gradient(to right,var(--primary),var(--secondary));color:#111;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px #dfb15b4d}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dfb15b73}.btn:active{transform:translateY(0)}.btn-secondary{background:#ffffff14;border:1px solid var(--glass-border);box-shadow:none}.btn-secondary:hover{background:#ffffff1f;box-shadow:none}.btn-danger{background:linear-gradient(to right,var(--danger),#f43f5e);box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{box-shadow:0 6px 20px #ef444473}.app-container{width:100vw;height:100vh;max-width:1200px;max-height:800px;display:grid;grid-template-rows:auto 1fr;z-index:10}@media (max-width: 768px){.app-container{max-height:100vh;border-radius:0;border:none}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--glass-border);background:#11182766}.header-user-info{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.1rem;box-shadow:0 0 10px #8b5cf64d;position:relative}.status-dot{width:12px;height:12px;border-radius:50%;border:2px solid #0b0f19;position:absolute;bottom:0;right:0}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--text-muted)}.partner-name{font-weight:600;font-size:1.15rem}.partner-status{font-size:.8rem;color:var(--text-muted)}.header-controls{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.icon-btn:hover{background:#ffffff1f;border-color:var(--primary);color:var(--primary-hover);transform:scale(1.05)}.icon-btn.call-active{background:var(--success);animation:pulse-ring 1.5s infinite}.messages-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden}.messages-list{flex-1:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message-bubble{max-width:70%;padding:14px 18px;border-radius:18px;line-height:1.45;font-size:.95rem;position:relative;animation:slide-in .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:6px;word-break:break-word}.message-bubble.outgoing{align-self:flex-end;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#111;border-bottom-right-radius:4px;box-shadow:0 4px 12px #dfb15b33}.message-bubble.outgoing .message-meta{color:#111827a6}.message-bubble.outgoing svg{color:#111827cc!important}.message-bubble.incoming{align-self:flex-start;background:#ffffff12;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.04)}.message-meta{font-size:.72rem;color:#ffffff80;align-self:flex-end;display:flex;align-items:center;gap:4px}.message-media{max-width:280px;border-radius:12px;overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;display:block}.message-media img{width:100%;height:auto;display:block;transition:transform .2s ease}.message-media:hover img{transform:scale(1.02)}.media-loader{display:flex;justify-content:center;align-items:center;padding:20px;font-size:.85rem;color:var(--text-muted)}.chat-input-bar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--glass-border);background:#11182766}.input-container{flex-grow:1;position:relative}.chat-input{width:100%;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:24px;padding:14px 48px 14px 20px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.chat-input:focus{border-color:var(--primary);background:#ffffff14}.attachment-preview{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#8b5cf61a;border:1px dashed rgba(139,92,246,.3);border-radius:12px;margin:0 24px 8px;font-size:.85rem}.attachment-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:#090d16;display:flex;flex-direction:column;justify-content:space-between;padding:40px;align-items:center}.calling-user-info{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:60px}.calling-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;justify-content:center;align-items:center;font-size:3rem;font-weight:700;position:relative}.calling-avatar.ringing:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:4px solid var(--primary);animation:pulse-ring 1.8s infinite}.calling-status{font-size:1.1rem;color:var(--text-muted);animation:pulse-text 1.5s infinite}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#020408}.remote-video{width:100%;height:100%;object-fit:cover}.local-video-pip{position:absolute;bottom:120px;right:24px;width:120px;height:160px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000080;z-index:10;background:#111827;transform:scaleX(-1)}.call-controls{z-index:20;display:flex;gap:20px;margin-bottom:40px;background:#0009;padding:16px 28px;border-radius:40px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;color:#fff}.call-btn.hangup{background:var(--danger)}.call-btn.accept{background:var(--success);animation:pulse-ring-green 1.5s infinite}.call-btn:hover{transform:scale(1.1)}@keyframes pulse-heart{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(223,177,91,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(223,177,91,.7))}}@keyframes pulse-ring{0%{box-shadow:0 0 #dfb15b99}70%{box-shadow:0 0 0 12px #dfb15b00}to{box-shadow:0 0 #dfb15b00}}@keyframes pulse-ring-green{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 12px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.install-banner{background:linear-gradient(135deg,#dfb15b26,#b8860b1a);border:1px solid var(--primary);border-radius:12px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;margin:12px 24px;gap:12px;font-size:.85rem}.install-text{color:var(--text-muted)}.install-btn{padding:6px 12px;font-size:.8rem}