:root{--bg-main: #0b0f14;--bg-sidebar: #0f131b;--bg-card: rgba(255, 255, 255, .06);--border-color: rgba(148, 163, 184, .18);--accent-primary: #2f80ff;--accent-secondary: #22d3ee;--accent-accent: #f43f5e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-bg: rgba(18, 20, 26, .8);--glass-blur: blur(12px);--whatsapp-green: #25d366;--msn-blue: #00a1e1;--skype-blue: #00aff0;--nudge-yellow: #fbbf24}:root[data-theme=light]{--bg-main: #0e1520;--bg-sidebar: #121a27;--bg-card: rgba(255, 255, 255, .08);--border-color: rgba(148, 163, 184, .22);--accent-primary: #4a8cff;--accent-secondary: #22d3ee;--accent-accent: #fb7185;--text-primary: #f8fafc;--text-secondary: rgba(226, 232, 240, .72);--glass-bg: rgba(17, 24, 39, .72);--glass-blur: blur(12px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-main);background-image:radial-gradient(900px circle at 12% -10%,rgba(47,128,255,.18) 0%,transparent 45%),radial-gradient(700px circle at 90% 10%,rgba(34,211,238,.14) 0%,transparent 40%),radial-gradient(800px circle at 50% 100%,rgba(244,63,94,.08) 0%,transparent 55%);color:var(--text-primary);min-height:100vh;height:100vh;overflow:hidden}:root[data-theme=light] body{background-image:radial-gradient(900px circle at 12% -10%,rgba(74,140,255,.18) 0%,transparent 46%),radial-gradient(700px circle at 90% 10%,rgba(34,211,238,.12) 0%,transparent 44%),radial-gradient(800px circle at 50% 100%,rgba(251,113,133,.08) 0%,transparent 60%)}#root{min-height:100%;height:100%}@supports (height: 100dvh){body{min-height:100dvh;height:100dvh}#root{min-height:100dvh}}@supports (height: 100svh){body{min-height:100svh;height:100svh}#root{min-height:100svh}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake{animation:shake .5s;animation-iteration-count:infinite}.call-item{display:flex;align-items:center;padding:1rem;border-radius:12px;transition:all .2s ease;cursor:default}.call-item:hover{background-color:#ffffff0d}.call-btn{background:transparent;border:none;color:var(--accent-primary);cursor:pointer;padding:8px;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.call-btn:hover{background-color:#2f80ff26;transform:scale(1.1)}.more-menu{position:absolute;right:0;top:100%;background-color:#121214;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:240px;padding:8px;box-shadow:0 15px 35px #0009;z-index:1000;margin-top:10px;display:flex;flex-direction:column;gap:2px}.more-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:none;background:transparent;color:#d1d1d4;cursor:pointer;font-size:.95rem;text-align:left;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.more-menu-item:hover{background-color:#ffffff0d;color:#fff}.more-menu-item svg{color:#a1a1a5;transition:color .2s}.more-menu-item:hover svg{color:#fff}.more-menu-item.highlight{border:1.5px solid #22c55e;margin-bottom:6px}.menu-divider{height:1px;background-color:#ffffff14;margin:6px 0}.olytalk-edit-avatar-btn{position:absolute;bottom:20px;right:0;width:30px;height:30px;border-radius:9999px;background:var(--accent-primary);border:2px solid var(--bg-sidebar);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;box-shadow:0 12px 22px #00000059}.olytalk-edit-avatar-btn:hover{transform:translateY(-1px) scale(1.04);filter:brightness(1.06);box-shadow:0 16px 30px #00000073}.olytalk-edit-avatar-btn:active{transform:scale(.98)}.olytalk-edit-avatar-btn:focus-visible{outline:2px solid rgba(34,211,238,.9);outline-offset:3px}.app-shell{width:100vw;min-height:100vh;height:100vh;overflow:hidden;background-color:var(--bg-main)}@supports (height: 100dvh){.app-shell{min-height:100dvh;height:100dvh}}@supports (height: 100svh){.app-shell{min-height:100svh;height:100svh}}.app-shell--desktop{display:flex;flex-direction:row}.app-nav--desktop,.app-sidebar--desktop{height:100%;flex-shrink:0}.app-main--desktop{flex:1;min-width:0;height:100%;display:flex}.app-shell--mobile{display:flex;flex-direction:column}.app-main--mobile{flex:1;min-height:0;width:100%;display:flex}.app-nav--mobile{height:68px;width:100%;border-top:1px solid var(--border-color);background:var(--bg-sidebar);padding-bottom:env(safe-area-inset-bottom,0px)}@media (max-width: 960px){body{overflow:hidden}}