@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color: #f8fafc;--card-color: #ffffff;--hover-color: #f1f5f9;--border-color: transparent;--text-color: #0f172a;--text-sec-color: #64748b;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--app-vh: 1vh;--mobile-nav-height: 64px;--mobile-topbar-height: 56px;--mobile-home-tabs-height: 42px;--mobile-nav-lift: 12px;--home-tabs-offset: 8px}html.dark{--bg-color: #09090b;--card-color: #18181b;--hover-color: #27272a;--border-color: rgba(255, 255, 255, .05);--text-color: #f4f4f5;--text-sec-color: #a1a1aa}html.amoled{--bg-color: #000000;--card-color: #121212;--hover-color: #1e1e1e;--border-color: rgba(255, 255, 255, .08);--text-color: #ffffff;--text-sec-color: #a3a3a3}html,body,#root{width:100%;min-height:100%}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;overflow-y:auto;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}*:focus{outline:none!important;box-shadow:none!important}:root{--m3-ease: cubic-bezier(.2, 0, 0, 1);--m3-duration: .18s;--m3-radius-xl: 24px;--m3-radius-lg: 18px;--m3-radius-md: 14px}.m3-surface{background:color-mix(in srgb,var(--card-color) 92%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);border-radius:var(--m3-radius-xl);box-shadow:0 1px 1px #00000014,0 8px 24px #0000001f}.m3-surface-soft{background:color-mix(in srgb,var(--hover-color) 82%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 8%,transparent);border-radius:var(--m3-radius-lg)}.m3-pill{border-radius:999px}.m3-transition{transition:transform var(--m3-duration) var(--m3-ease),box-shadow var(--m3-duration) var(--m3-ease),background-color var(--m3-duration) var(--m3-ease),border-color var(--m3-duration) var(--m3-ease),color var(--m3-duration) var(--m3-ease)}.m3-hover-lift:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f,0 14px 24px #00000024}.m3-btn-filled{background:linear-gradient(135deg,color-mix(in srgb,var(--text-color) 8%,#5b4af2),#5b4af2);color:#fff;border:1px solid transparent;border-radius:999px;font-weight:700}.m3-btn-tonal{background:color-mix(in srgb,#5b4af2 18%,var(--hover-color));color:var(--text-color);border:1px solid color-mix(in srgb,#5b4af2 30%,transparent);border-radius:999px;font-weight:700}.m3-btn-outline{background:transparent;color:var(--text-color);border:1px solid color-mix(in srgb,var(--text-color) 20%,transparent);border-radius:999px;font-weight:600}.m3-tab{border-radius:999px;font-weight:700}.m3-tab-active{background:color-mix(in srgb,#5b4af2 16%,var(--hover-color));color:var(--text-color);border:1px solid color-mix(in srgb,#5b4af2 28%,transparent)}.m3-input{border-radius:var(--m3-radius-md);border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--bg-color) 88%,var(--card-color))}.m3-input:focus{border-color:color-mix(in srgb,#5b4af2 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,#5b4af2 22%,transparent)}.messenger-frame{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--m3-radius-xl);box-shadow:0 1px 1px #00000014,0 8px 24px #0000001f;overflow:hidden}html.dark .messenger-frame{background:var(--card-color);border-color:var(--border-color)}.messenger-panel{background:color-mix(in srgb,var(--bg-color) 92%,transparent);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html.dark .messenger-panel{background:color-mix(in srgb,var(--bg-color) 92%,transparent)}.messenger-chat-surface{background-image:url(/assets/chat-bg.png);background-size:cover;background-position:center}html.dark .messenger-chat-surface{background-image:url(/assets/chat-bg-dark.png)}.msg-bubble{border-radius:var(--m3-radius-lg);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);background:color-mix(in srgb,var(--card-color) 92%,transparent);color:var(--text-color);box-shadow:0 2px 6px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--m3-duration) var(--m3-ease),box-shadow var(--m3-duration) var(--m3-ease)}.msg-bubble--me{background:linear-gradient(135deg,color-mix(in srgb,var(--text-color) 8%,#5b4af2),#5b4af2);color:#fff;border-color:transparent}html.dark .msg-bubble--me{background:linear-gradient(135deg,#5b4af2,#8740ff);color:#fff}.msg-time{color:var(--text-sec-color);font-weight:500}.msg-media-card{border-radius:16px;overflow:hidden}.msg-composer{border-radius:var(--m3-radius-lg);border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--card-color) 92%,transparent);box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html.dark .msg-composer{background:color-mix(in srgb,var(--card-color) 92%,transparent);border-color:color-mix(in srgb,var(--text-color) 14%,transparent)}@keyframes msg-send-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-bubble--sent{animation:msg-send-in .2s ease-out;transform-origin:right bottom}.messenger-chat-list button{transition:all var(--m3-duration) var(--m3-ease)}.messenger-chat-list button:hover{background:color-mix(in srgb,var(--hover-color) 70%,transparent)!important;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.messenger-chat-list button:active{transform:translateY(0)}.messenger-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--card-color) 92%,transparent);border-bottom:1px solid var(--border-color)}.messenger-typing-indicator{display:inline-flex;gap:4px}.messenger-typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--text-sec-color);animation:typing-bounce 1.4s infinite ease-in-out}.messenger-typing-indicator span:nth-child(2){animation-delay:.2s}.messenger-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.messenger-upload-progress{height:4px;border-radius:2px;background:color-mix(in srgb,var(--text-color) 10%,transparent);overflow:hidden}.messenger-upload-progress-bar{height:100%;background:linear-gradient(90deg,#5b4af2,#8740ff);transition:width .3s ease}.messenger-emoji-picker{border-radius:var(--m3-radius-lg);border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--card-color) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 32px #0003}.messenger-call-button{border-radius:999px;background:color-mix(in srgb,var(--card-color) 92%,transparent);border:1px solid color-mix(in srgb,var(--text-color) 10%,transparent);transition:all var(--m3-duration) var(--m3-ease)}.messenger-call-button:hover{background:color-mix(in srgb,var(--hover-color) 80%,transparent);transform:scale(1.05)}.messenger-call-button:active{transform:scale(.95)}.messenger-search-input{border-radius:var(--m3-radius-md);border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--bg-color) 88%,transparent);padding:10px 14px;font-size:14px;transition:all var(--m3-duration) var(--m3-ease)}.messenger-search-input:focus{border-color:color-mix(in srgb,#5b4af2 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,#5b4af2 22%,transparent)}.messenger-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;border-radius:var(--m3-radius-md);overflow:hidden}.messenger-media-grid img{width:100%;height:80px;object-fit:cover;border-radius:var(--m3-radius-md);transition:transform var(--m3-duration) var(--m3-ease)}.messenger-media-grid img:hover{transform:scale(1.05)}.messenger-scrollbar{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-color) 20%,transparent) transparent}.messenger-scrollbar::-webkit-scrollbar{width:6px}.messenger-scrollbar::-webkit-scrollbar-track{background:transparent}.messenger-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-color) 20%,transparent);border-radius:3px}.messenger-scrollbar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-color) 30%,transparent)}.toast-card{min-height:46px;border-radius:14px;border:1px solid color-mix(in srgb,var(--text-color) 14%,transparent);background:color-mix(in srgb,var(--card-color) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px #00000047;display:flex;align-items:center;gap:10px;padding:10px 12px;animation:toast-in .22s var(--m3-ease)}.toast-card__icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.toast-card__icon--success{background:#10b9812e;color:#10b981}.toast-card__icon--error{background:#f43f5e2e;color:#f43f5e}.toast-card__title{font-size:13px;font-weight:700;color:var(--text-color)}.toast-card--success{border-color:#10b98157}.toast-card--error{border-color:#f43f5e57}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-shell{min-height:100vh;padding:28px 16px;display:flex;align-items:center;justify-content:center;background:var(--bg-color)}.auth-layout{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:1.18fr 1fr;gap:22px}.auth-glass{border:1px solid color-mix(in srgb,var(--text-color) 20%,transparent);border-radius:28px;background:color-mix(in srgb,var(--card-color) 80%,transparent);box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-left{padding:30px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card-color) 84%,transparent)}.auth-brand-logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);background:color-mix(in srgb,var(--card-color) 90%,transparent)}.auth-brand-logo-image{width:100%;height:100%;object-fit:cover}.auth-title{margin-top:28px;font-size:clamp(34px,3.4vw,56px);line-height:1.06;font-weight:900;letter-spacing:-.02em}.auth-subtitle{margin-top:14px;max-width:560px;color:var(--text-sec-color);font-size:18px;line-height:1.45}.auth-badges{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-badge{border:1px solid color-mix(in srgb,var(--text-color) 22%,transparent);border-radius:999px;padding:9px 14px;font-size:14px;color:var(--text-sec-color);background:color-mix(in srgb,var(--bg-color) 82%,transparent)}.auth-badge-logo-wrap{display:inline-flex;align-items:center;gap:8px}.auth-badge-logo{width:16px;height:16px;object-fit:contain;flex:0 0 auto}.auth-foot{margin-top:14px;border:1px solid color-mix(in srgb,var(--text-color) 22%,transparent);border-radius:999px;padding:10px 14px;color:var(--text-sec-color);font-size:14px}.auth-card{padding:28px}.auth-center{text-align:center;margin-bottom:20px}.auth-logo{margin:0 auto 10px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-color) 16%,transparent);background:color-mix(in srgb,var(--card-color) 90%,transparent)}.auth-logo-image{width:100%;height:100%;object-fit:cover}.auth-heading{font-size:52px;line-height:1;font-weight:900;letter-spacing:-.03em}.auth-desc{margin-top:8px;color:var(--text-sec-color)}.auth-tabs{margin-bottom:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:7px;border-radius:18px;border:1px solid color-mix(in srgb,var(--text-color) 20%,transparent);background:color-mix(in srgb,var(--bg-color) 84%,transparent)}.auth-tab{border:0;border-radius:12px;padding:11px 12px;font-size:16px;font-weight:800;color:var(--text-sec-color);background:transparent;cursor:pointer}.auth-tab.active{color:var(--text-color);background:color-mix(in srgb,var(--card-color) 94%,transparent)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-input{width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--text-color) 15%,transparent);background:color-mix(in srgb,var(--bg-color) 88%,transparent);color:var(--text-color);padding:14px;font-size:15px}.auth-input:focus{border-color:color-mix(in srgb,#5b4af2 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,#5b4af2 24%,transparent)}.auth-privacy{display:flex;gap:10px;align-items:flex-start;border:1px solid color-mix(in srgb,var(--text-color) 18%,transparent);border-radius:14px;padding:10px 12px;font-size:14px;color:var(--text-color);background:color-mix(in srgb,var(--bg-color) 78%,transparent)}.auth-link{border:0;padding:0;background:transparent;color:#8b7cff;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.auth-error{border:1px solid rgba(244,63,94,.36);border-radius:12px;background:#f43f5e1f;color:#fda4af;padding:10px 12px;font-size:14px}.auth-submit{border:0;border-radius:14px;padding:14px;margin-top:2px;color:#fff;font-size:19px;font-weight:800;background:linear-gradient(90deg,#5b4af2,#8740ff);cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.auth-layout{grid-template-columns:1fr}.auth-left{display:none}.auth-card{width:min(680px,100%);margin:0 auto}}@media(max-width:640px){.auth-grid-2{grid-template-columns:1fr}.auth-card{padding:18px}.auth-heading{font-size:42px}}.mobile-safe-top{padding-top:max(0px,var(--safe-area-top))}.mobile-safe-bottom{padding-bottom:max(8px,var(--safe-area-bottom))}.auth-shell{padding-top:max(28px,calc(var(--safe-area-top) + 12px));padding-bottom:max(28px,calc(var(--safe-area-bottom) + 12px))}.app-shell-safe{padding-top:max(var(--safe-area-top),8px);padding-right:var(--safe-area-right);padding-bottom:0;padding-left:var(--safe-area-left);min-height:calc(var(--app-vh) * 100)}.app-main-shell{min-height:calc(var(--app-vh) * 100)}.app-main-shell--feed{padding-bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom) + var(--mobile-nav-lift) + 18px)}.app-main-shell--messages{padding-bottom:0}.app-main-shell--feed{scrollbar-width:none}.app-main-shell--feed::-webkit-scrollbar{width:0;height:0}.app-mobile-header{position:sticky;top:0;z-index:60}.app-mobile-topbar{min-height:var(--mobile-topbar-height)}.home-tabs-sticky{position:relative;top:auto;z-index:1}.app-mobile-nav{left:8px;right:8px;bottom:calc(var(--safe-area-bottom) + var(--mobile-nav-lift));min-height:var(--mobile-nav-height);padding-top:6px;padding-bottom:6px;border-radius:999px;box-shadow:0 10px 28px #00000057}.messenger-frame--app{height:calc(var(--app-vh) * 100);max-height:calc(var(--app-vh) * 100);min-height:calc(var(--app-vh) * 100)}.messenger-chat-list{padding-bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom) + 10px);scrollbar-gutter:stable both-edges}.messenger-messages-scroll{padding-bottom:calc(104px + var(--safe-area-bottom))}.messenger-composer-wrap{bottom:0;padding-top:10px}.messenger-call-overlay{z-index:70;padding-top:max(var(--safe-area-top),8px);padding-bottom:calc(8px + var(--safe-area-bottom))}.vv-keyboard-open .app-main-shell--feed{padding-bottom:0}.vv-keyboard-open .app-mobile-nav{transform:translateY(120%);opacity:0;pointer-events:none}.vv-keyboard-open .messenger-chat-list{padding-bottom:calc(12px + var(--safe-area-bottom))}.vv-keyboard-open .messenger-messages-scroll{padding-bottom:calc(84px + var(--safe-area-bottom))}@supports (height: 100svh){.app-shell-safe,.app-main-shell,.messenger-frame--app{min-height:100svh;height:100svh;max-height:100svh}}@media(max-width:1024px){.messenger-frame{border-radius:0;border-left:0;border-right:0;box-shadow:none}.messenger-panel{border-right:0}}@media(max-width:640px){.messenger-frame{border-radius:0;border-left:0;border-right:0}.msg-bubble{border-radius:18px;max-width:96%}.msg-composer{border-radius:18px;padding-left:6px;padding-right:6px}.msg-download-btn{width:48px;height:48px}}