:root,[data-theme=dark]{--bg-primary: #060A14;--bg-secondary: #0B1120;--bg-card: #0F1729;--bg-elevated: #162035;--bg-input: #0D1527;--text-primary: #F0F4FF;--text-secondary: #8B9EC8;--text-muted: #3D5275;--border: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.12);--bubble-sent: linear-gradient(135deg, #06B6D4, #3B82F6);--bubble-sent-text: #ffffff;--bubble-received: rgba(255,255,255,.07);--bubble-received-border: rgba(255,255,255,.1);--overlay: rgba(6, 10, 20, .88);--shadow: 0 8px 40px rgba(0,0,0,.6);--glass: rgba(255,255,255,.04);--glass-border: rgba(255,255,255,.08)}[data-theme=light]{--bg-primary: #F0F4FB;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #E8EFF7;--bg-input: #EEF3F9;--text-primary: #0A1628;--text-secondary: #3D5A80;--text-muted: #8BA0BE;--border: rgba(0,0,0,.07);--border-light: rgba(0,0,0,.12);--bubble-sent: linear-gradient(135deg, #06B6D4, #3B82F6);--bubble-sent-text: #ffffff;--bubble-received: rgba(0,0,0,.05);--bubble-received-border: rgba(0,0,0,.08);--overlay: rgba(10, 22, 40, .5);--shadow: 0 8px 40px rgba(0,0,0,.12);--glass: rgba(255,255,255,.7);--glass-border: rgba(0,0,0,.08)}[data-theme=midnight]{--bg-primary: #000000;--bg-secondary: #080808;--bg-card: #101010;--bg-elevated: #1A1A1A;--bg-input: #0C0C0C;--text-primary: #F1F5F9;--text-secondary: #7A8FA8;--text-muted: #3A4A5C;--border: rgba(255,255,255,.06);--border-light: rgba(255,255,255,.1);--bubble-sent: linear-gradient(135deg, #06B6D4, #3B82F6);--bubble-sent-text: #ffffff;--bubble-received: rgba(255,255,255,.06);--bubble-received-border: rgba(255,255,255,.09);--overlay: rgba(0,0,0,.92);--shadow: 0 8px 40px rgba(0,0,0,.9);--glass: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.07)}[data-theme=ocean]{--bg-primary: #040D18;--bg-secondary: #081525;--bg-card: #0C1E36;--bg-elevated: #112844;--bg-input: #0A1A2E;--text-primary: #C0DEFF;--text-secondary: #5A8AB0;--text-muted: #2D5070;--border: rgba(6,182,212,.12);--border-light: rgba(6,182,212,.2);--bubble-sent: linear-gradient(135deg, #06B6D4, #0EA5E9);--bubble-sent-text: #ffffff;--bubble-received: rgba(6,182,212,.08);--bubble-received-border: rgba(6,182,212,.15);--overlay: rgba(4, 13, 24, .9);--shadow: 0 8px 40px rgba(0,0,0,.7);--glass: rgba(6,182,212,.04);--glass-border: rgba(6,182,212,.1)}[data-theme=forest]{--bg-primary: #040D08;--bg-secondary: #081410;--bg-card: #0C1D14;--bg-elevated: #122818;--bg-input: #091610;--text-primary: #C8EEDA;--text-secondary: #4E9068;--text-muted: #27503A;--border: rgba(16,185,129,.1);--border-light: rgba(16,185,129,.18);--bubble-sent: linear-gradient(135deg, #10B981, #06B6D4);--bubble-sent-text: #ffffff;--bubble-received: rgba(16,185,129,.07);--bubble-received-border: rgba(16,185,129,.12);--overlay: rgba(4, 13, 8, .9);--shadow: 0 8px 40px rgba(0,0,0,.6);--glass: rgba(16,185,129,.04);--glass-border: rgba(16,185,129,.08)}[data-theme=warm]{--bg-primary: #0E0806;--bg-secondary: #180E0A;--bg-card: #221410;--bg-elevated: #2E1C16;--bg-input: #1A100C;--text-primary: #F5EAD6;--text-secondary: #B08060;--text-muted: #60402E;--border: rgba(249,115,22,.1);--border-light: rgba(249,115,22,.18);--bubble-sent: linear-gradient(135deg, #F97316, #EF4444);--bubble-sent-text: #ffffff;--bubble-received: rgba(249,115,22,.07);--bubble-received-border: rgba(249,115,22,.12);--overlay: rgba(14, 8, 6, .9);--shadow: 0 8px 40px rgba(0,0,0,.6);--glass: rgba(249,115,22,.04);--glass-border: rgba(249,115,22,.08)}:root,[data-accent=cyan]{--accent: #06B6D4;--accent2: #3B82F6;--accent-dim: rgba(6,182,212,.12);--accent-glow: 0 0 24px rgba(6,182,212,.3)}[data-accent=teal]{--accent: #10B981;--accent2: #06B6D4;--accent-dim: rgba(16,185,129,.12);--accent-glow: 0 0 24px rgba(16,185,129,.3)}[data-accent=orange]{--accent: #F97316;--accent2: #EF4444;--accent-dim: rgba(249,115,22,.12);--accent-glow: 0 0 24px rgba(249,115,22,.3)}[data-accent=rose]{--accent: #F43F5E;--accent2: #F97316;--accent-dim: rgba(244,63,94,.12);--accent-glow: 0 0 24px rgba(244,63,94,.3)}:root{--teal: #00E5A0;--teal-dim: rgba(0,229,160,.12);--online: #22C55E;--error: #EF4444;--error-dim: rgba(239,68,68,.12);--warning: #F59E0B;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}button:active{transform:scale(.97)}input,textarea{font-family:inherit;outline:none;border:none;background:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2, #3B82F6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-slideUp{animation:slideUp .35s ease-out forwards}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.mob-back-btn{display:none!important}@media(max-width:768px){.app-sidebar{display:none!important}.app-bottom-nav{display:flex!important;padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--bg-secondary) 85%,transparent)!important}.app-main{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}.mob-list{width:100%!important;flex-shrink:unset!important;border-right:none!important;max-width:100%!important}.mob-right,.mob-chat-open .mob-list{display:none!important}.mob-chat-open .mob-right{display:flex!important;flex:1!important}.mob-detail-open .mob-list{display:none!important}.mob-detail-open .mob-right{display:flex!important;flex:1!important;flex-direction:column!important}.mob-back-btn{display:flex!important}.profile-container{padding:16px 16px 80px!important}.mob-modal-full{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.auth-left{display:none!important}.auth-right{width:100%!important;padding:40px 24px 32px!important;border-left:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;align-items:flex-start!important}.auth-form-card{max-width:100%!important;width:100%!important}.setup-page{padding:40px 16px 20px!important;justify-content:flex-start!important}.setup-card{padding:24px 16px 28px!important;border-radius:16px!important}.msg-bubble{max-width:80vw!important}.new-conv-modal{width:calc(100vw - 24px)!important;max-width:440px!important;max-height:88vh!important}.stories-add-modal{width:calc(100vw - 24px)!important;max-width:420px!important;max-height:90vh!important;overflow-y:auto!important}.stories-viewer-card{width:calc(100vw - 24px)!important;max-width:400px!important}.page-header-pad{padding:16px 14px 10px!important}.tap-row{min-height:60px!important;padding-top:10px!important;padding-bottom:10px!important}.chat-input-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}.chat-row-mobile{border-radius:16px!important}.profile-card-mobile{padding:20px 16px!important}.contact-detail-card{padding:20px 16px!important;margin:0!important;border-radius:0!important;border:none!important;max-width:100%!important;min-height:100%!important}}@media(max-width:480px){.auth-right{padding:32px 16px 24px!important}.setup-card{padding:20px 14px 24px!important}}@media(hover:none){button:active{transform:scale(.96)}.chat-row:active{background:var(--bg-elevated)!important;transition:none!important}}@media(hover:hover){.chat-row:hover{background:var(--bg-elevated)!important}}