@font-face{font-family:Grandover;src:url(/assets/grandover-BvNqtiF4.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg0: #070A12;--bg1: #0B1022;--bg2: #111A33;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .42);--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .1);--panel-border: rgba(255, 255, 255, .14);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--accent: #7C5CFF;--accent-2: #22C55E;--danger: #EF4444;--warn: #F59E0B;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--gap-1: 10px;--gap-2: 14px;--gap-3: 18px;--gap-4: 22px}html[data-theme=light]{color-scheme:light;--bg0: #F7F7FF;--bg1: #EEF2FF;--bg2: #EDE9FE;--text: rgba(17, 24, 39, .92);--muted: rgba(17, 24, 39, .68);--faint: rgba(17, 24, 39, .5);--panel: rgba(255, 255, 255, .72);--panel-strong: rgba(255, 255, 255, .88);--panel-border: rgba(17, 24, 39, .12);--shadow: 0 18px 60px rgba(17, 24, 39, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";min-height:100svh;background:radial-gradient(900px 520px at 10% 10%,#7c5cff38,#7c5cff00 60%),radial-gradient(760px 460px at 92% 18%,#22c55e2e,#22c55e00 60%),linear-gradient(180deg,var(--bg0),var(--bg1) 42%,var(--bg2));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}body.profile-has-bg{background-size:cover;background-position:center;background-repeat:no-repeat}body h1,body h2,body h3{font-family:Grandover,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;letter-spacing:.2px}body.pip-mode{background:#000;overflow:hidden}body.pip-mode .app-header,body.pip-mode .left-panel,body.pip-mode .right-panel,body.pip-mode .controls,body.pip-mode #mail-fab,body.pip-mode #mail-panel,body.pip-mode .overlay{display:none!important}body.pip-mode .main-content{padding:0;gap:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}body.pip-mode .center-panel{gap:0;grid-column:1 / -1;min-height:0}body.pip-mode .videos-container{padding:0;gap:0;border-radius:0;background:#000;overflow:hidden;grid-template-columns:1fr;grid-template-rows:1fr;height:100%}body.pip-mode .videos-container .video-wrapper{display:none}body.pip-mode .videos-container .video-wrapper.pip-primary{display:block;width:100%;height:100%;border:none;border-radius:0;aspect-ratio:auto}body.pip-mode .videos-container .video-label,body.pip-mode .videos-container .video-status{display:none}#chatScreen{display:flex;flex-direction:column;width:100%;max-width:500px;height:100vh;position:relative}#micButton.active{background:#22c55eeb}@media(max-width:600px){#messagesContainer{margin-bottom:70px}}#messagesContainer{flex:1;overflow-y:auto;padding:10px;margin-bottom:60px}#inputContainer{position:fixed;bottom:0;left:0;width:100%;max-width:500px;display:flex;padding:10px;background:var(--panel-strong);border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 30px #00000059;gap:10px;z-index:100}#messageInput{flex:1;padding:10px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text)}#micButton,#sendButton{padding:10px 15px;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff14;color:var(--text);cursor:pointer}.screen{display:none;width:100%;height:100svh}.screen.active{display:flex;align-items:center;justify-content:center}#login-screen{padding:24px}#room-screen{padding:24px 24px calc(24px + env(safe-area-inset-bottom))}#room-screen.screen.active{align-items:flex-start;overflow-y:auto}#room-screen.profile-has-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.auth-stack{width:min(520px,100%);display:flex;flex-direction:column;gap:var(--gap-3)}.auth-stack.auth-stack-wide{width:min(980px,100%)}@media(min-width:900px){.auth-stack{width:min(1100px,100%)}.auth-stack.auth-stack-wide{width:min(1280px,100%)}.room-screen-tabs{gap:12px}.room-screen-tab{padding:12px 18px;font-size:15px}}.room-screen-navbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.room-screen-left{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.room-nav-menu{min-width:180px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 10px 30px #00000059;padding:8px;z-index:1200}.room-nav-menu .btn{width:100%;justify-content:flex-start}.room-nav-menu .nav-menu-row{display:flex;gap:8px;padding:6px 4px 2px}.room-nav-menu .nav-menu-row .small-input{flex:1 1 auto;min-width:120px}.room-nav-menu .nav-menu-row .btn{width:auto;flex:0 0 auto}.room-screen-tabs{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.room-screen-tab{border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.room-screen-tab svg{flex:0 0 auto}.panel-title{display:inline-flex;align-items:center;gap:8px}.panel-title svg{flex:0 0 auto}.room-screen-tab.active{background:#7c5cff33;border-color:#7c5cff6b}.room-screen-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.room-screen-navbar::-webkit-scrollbar{display:none}.room-screen-tab,.room-screen-actions .btn{white-space:nowrap}.room-page{display:flex;flex-direction:column;gap:var(--gap-3)}.modern-textarea{width:100%;padding:14px 16px;margin:10px 0;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);font-size:16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;resize:vertical;min-height:90px}.modern-textarea:focus{border-color:#7c5cffa6;box-shadow:0 0 0 4px #7c5cff2e;background:#ffffff14}.home-main{display:flex;flex-direction:column;gap:var(--gap-3)}.home-feed-card{padding:0;text-align:left;overflow:hidden}.home-feed-card .panel-header{margin-bottom:0;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#7c5cff38,#5c7cff1a 45%,#22c55e1a 120%)}.home-feed-card .home-feed-actions{gap:10px}.home-stories{display:flex;gap:10px;overflow-x:auto;padding:14px 18px 12px;-webkit-overflow-scrolling:touch}.home-stories::-webkit-scrollbar{display:none}.home-story{border:1px solid rgba(255,255,255,.12);background:radial-gradient(120px 120px at 10% 10%,#7c5cff2e,#ffffff08 55%,#ffffff05);border-radius:16px;padding:10px;min-width:92px;max-width:92px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.home-story:hover{transform:translateY(-2px);border-color:#ffffff2e;background:radial-gradient(120px 120px at 10% 10%,#7c5cff38,#ffffff0d 55%,#ffffff08)}.home-story-avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cff8c,#ffffff0f 55%,#22c55e38 120%)}.home-story-plus{background:#7c5cff33;border:1px solid rgba(124,92,255,.42);font-weight:900;font-size:22px;line-height:1}.home-story-name{font-size:12px;color:var(--text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.home-fb-composer{border:1px solid rgba(255,255,255,.1);background:#ffffff09;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px;margin:0 18px 14px}.home-fb-row{display:flex;align-items:center;gap:10px}.home-composer-avatar{width:34px;height:34px;border-radius:999px;overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.home-fb-input{flex:1 1 auto;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffc2;border-radius:999px;padding:10px 14px;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.home-fb-input:hover{background:#ffffff17;border-color:#ffffff29}.home-fb-actions .btn{padding:10px 12px;border-radius:12px}.home-fb-actions{display:flex;align-items:center;gap:8px}.home-feed-list{display:flex;flex-direction:column;gap:12px;padding:0 18px 18px}.home-feed-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.home-feed-actions .btn.active{background:#7c5cff33;border-color:#7c5cff6b}.home-composer-section{border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:16px;padding:12px;margin:0 18px 12px}.home-composer-title{font-weight:900;margin-bottom:6px}.home-post{border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff0e,#ffffff08 55%,#7c5cff0f 130%);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 28px #0003;transition:transform .16s ease,border-color .16s ease,background .16s ease}.home-post:hover{transform:translateY(-2px);border-color:#ffffff2e;background:linear-gradient(135deg,#ffffff12,#ffffff09 55%,#7c5cff14 130%)}.home-post-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-post-left{display:flex;align-items:center;gap:10px;min-width:0}.home-post-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.home-menu-wrap{position:relative;display:flex;align-items:center}.home-kebab{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffd9;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;font-size:20px;line-height:1}.home-kebab:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.home-menu-panel{position:absolute;top:42px;right:0;min-width:180px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#12141eeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #0000006b;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:40}.home-menu-panel[data-legacy-home-menu="1"]{display:none!important}.home-menu-item{text-align:left;border-radius:12px;border:1px solid transparent;background:transparent;color:#ffffffdb;padding:10px;cursor:pointer;font-weight:650;transition:background .15s ease,border-color .15s ease}.home-menu-item:hover{background:#ffffff0f;border-color:#ffffff1a}.home-menu-item.home-menu-danger{color:#ff7878eb}.home-post.home-post-collapsed .home-reactions,.home-post.home-post-collapsed .home-quick-react{display:none}.home-comment-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.home-delete-btn{padding-left:10px;padding-right:10px}.home-avatar{width:32px;height:32px;border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff12;flex:0 0 auto}.home-avatar img{width:100%;height:100%;object-fit:cover}.home-author{background:transparent;border:none;color:var(--text);font-weight:900;cursor:pointer;padding:0;text-align:left;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-time{color:var(--muted);font-size:12px;white-space:nowrap}.home-post-body{color:var(--text);line-height:1.45;word-break:break-word;text-align:left;direction:ltr}.home-post-image{width:100%;max-height:520px;object-fit:contain;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000001f;margin-top:10px}.home-post-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.home-post-image-preview{width:100%;max-height:260px;object-fit:contain;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000001f;margin-top:10px}.mention-btn{display:inline;border:none;padding:0;margin:0;font:inherit;cursor:pointer;background:transparent}.notifications-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.notification-item{width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);background:#0000001f;border-radius:16px;padding:12px;color:var(--text)}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;color:var(--muted);font-size:12px}.home-reactions{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}.home-reactions-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-quick-react{display:flex;gap:8px;flex-wrap:wrap}.home-post-quick-react{display:none}.home-post.home-post-react-open .home-post-quick-react{display:flex}.home-comment-quick-react{display:none}.home-comment.home-comment-react-open .home-comment-quick-react{display:flex}.home-comments{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.home-comment{border:1px solid rgba(255,255,255,.1);background:#0000001f;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:6px}.home-comment-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-comment-author{background:transparent;border:none;color:var(--text);font-weight:800;cursor:pointer;padding:0;text-align:left}.home-comment-time{color:var(--muted);font-size:12px}.home-comment-text{color:var(--text);line-height:1.35;word-break:break-word;text-align:left;direction:ltr}.home-comment-add{display:flex;align-items:stretch;gap:0;border:1px solid rgba(255,255,255,.1);background:#0000001a;border-radius:16px;overflow:hidden}.home-comment-add:focus-within{border-color:#7c5cff8c;box-shadow:0 0 0 4px #7c5cff29}.home-comment-add .modern-input{margin:0;border:none;background:transparent;box-shadow:none;border-radius:0;padding:0 14px;height:40px;font-size:14px}.home-comment-add .modern-input:focus{border:none;box-shadow:none;background:transparent}.home-comment-input{flex:1 1 auto;min-width:0}.home-comment-send{height:40px;border-radius:0;border:none;border-left:1px solid rgba(255,255,255,.1);padding:0 16px;min-width:72px;white-space:nowrap}.home-comment-send:hover{transform:none}@media(min-width:900px){.home-feed-card{width:min(760px,100%);margin-left:auto;margin-right:auto}}.home-inline-menu{position:static;top:auto;right:auto;margin-left:auto}@media(max-width:520px){#room-page-home{padding:0}.home-feed-card .panel-header{padding:14px 14px 12px}.home-stories{padding:12px 10px 10px;gap:9px}.home-fb-composer{margin:0 0 12px;padding:12px}.home-composer-section{margin:0 0 10px;padding:12px}.home-feed-list{padding:0 0 14px}.home-story{min-width:84px;max-width:84px;padding:9px}.home-post{padding:12px;border-radius:18px}.home-reactions-bar .home-menu-panel{top:auto;bottom:42px;min-width:min(220px,78vw)}}.home-profile-header{display:grid;grid-template-columns:80px 1fr 80px;align-items:center}.home-profile-body{display:flex;flex-direction:column;gap:14px}.home-profile-top{display:flex;align-items:center;gap:12px}.home-profile-avatar{width:56px;height:56px;border-radius:999px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff12;flex:0 0 auto}.home-profile-avatar img{width:100%;height:100%;object-fit:cover}.home-profile-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.home-profile-actions{display:flex;align-items:center;margin-left:auto;flex:0 0 auto}.home-profile-cog{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0}.home-profile-cog svg{display:block}.home-profile-name{font-size:18px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--profile-accent, inherit)}.home-profile-status{color:var(--profile-muted, var(--muted));word-break:break-word}.home-profile-posts{display:flex;flex-direction:column;gap:10px}.home-profile-post{border:1px solid var(--profile-border, rgba(255, 255, 255, .1));background:var(--profile-card-bg, rgba(255, 255, 255, .03));border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}.home-profile-post-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-profile-edit{border:1px solid var(--profile-border, rgba(255, 255, 255, .1));background:var(--profile-card-bg, rgba(255, 255, 255, .03));border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:10px}.home-profile-edit-title{font-size:13px;color:var(--profile-title-muted, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.5px}.home-profile-edit-row{display:flex;align-items:center;gap:10px}.home-profile-edit-row .modern-input,.home-profile-edit-spacer{flex:1 1 auto}#room-page-profile{background-size:cover;background-position:center;background-repeat:no-repeat;--profile-card-bg: rgba(255, 255, 255, .03);--profile-border: rgba(255, 255, 255, .1);--profile-muted: var(--muted);--profile-title-muted: rgba(255, 255, 255, .7)}#room-page-profile.profile-scheme-ocean{--profile-accent: #38bdf8}#room-page-profile.profile-scheme-rose{--profile-accent: #fb7185}#room-page-profile.profile-scheme-mint{--profile-accent: #34d399}#room-page-profile.profile-scheme-sunset{--profile-accent: #fb923c}#room-page-profile.profile-scheme-mono{--profile-accent: #e5e7eb}#room-page-profile.profile-scheme-light{--profile-card-bg: rgba(255, 255, 255, .85);--profile-border: rgba(0, 0, 0, .12);--profile-muted: rgba(0, 0, 0, .6);--profile-title-muted: rgba(0, 0, 0, .6);--profile-accent: #111827}#room-page-profile.profile-has-bg #home-profile-panel{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-users-card{text-align:left;padding:18px}.room-users-header{margin-bottom:12px}.auth-stack .login-card{width:100%}.room-directory-card{text-align:left;padding:18px}.room-directory-header{margin-bottom:12px}.room-directory-list{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow:auto;padding-right:2px}.room-directory-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px}.room-directory-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.room-directory-room{font-weight:700;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-directory-sub{font-size:12px;color:var(--muted)}.room-directory-empty{color:var(--muted);font-size:14px;padding:8px 2px}.login-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:34px;border-radius:26px;box-shadow:var(--shadow);text-align:center;width:min(520px,100%)}.login-card.home-feed-card{width:min(760px,100%);max-width:none;padding:0;text-align:left}.auth-stack.auth-stack-wide .login-card.home-feed-card{width:100%}.logo-container{margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:14px}.logo-container svg{stroke:var(--accent)}.login-card h1{color:var(--text);font-size:34px;margin-bottom:18px;font-weight:700}.modern-select,.modern-input{width:100%;padding:14px 16px;margin:10px 0;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);font-size:16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.modern-select:focus,.modern-input:focus{border-color:#7c5cffa6;box-shadow:0 0 0 4px #7c5cff2e;background:#ffffff14}.modern-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;padding-right:45px;color-scheme:dark}.modern-select option{background:#12141e;color:var(--text)}#room-page-profile.profile-scheme-light .modern-select{color-scheme:light}#room-page-profile.profile-scheme-light .modern-select option{background:#fff;color:#111827}.hidden{display:none!important}.checkbox-label{display:flex;align-items:center;gap:12px;margin:12px 0 8px;cursor:pointer;font-size:15px;color:var(--muted)}.modern-checkbox{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.input-hint{font-size:12px;color:var(--faint);margin:-4px 0 12px;line-height:1.3}.error-message{color:var(--danger);font-size:14px;min-height:20px;margin:10px 0}.btn{padding:14px 18px;font-size:15px;font-weight:650;border:1px solid transparent;border-radius:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;letter-spacing:.2px}.btn:disabled,.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled:hover,.btn[disabled]:hover{transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#7c5cff,#5c7cff 40%,#22c55ef2 120%);color:#fff;box-shadow:0 14px 40px #7c5cff4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 52px #7c5cff61}.btn-secondary{background:#ffffff14;border-color:var(--panel-border);color:var(--text);padding:10px 20px;font-size:14px}.btn-secondary:hover{background:#ffffff1f}.btn-danger{background:#ef444429;border-color:#ef44446b;color:#fff}.btn-danger:hover{background:#ef444442}.btn-sm{padding:8px 16px;font-size:14px}.app-container{width:100%;height:100svh;display:flex;flex-direction:column;background:transparent}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--panel);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-left{display:flex;align-items:center;gap:15px}.header-left h2{font-size:20px;font-weight:700}.header-right{display:flex;align-items:center;gap:10px}.mobile-tabs{display:none;gap:10px;padding:10px 12px;background:#00000014;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-tab-btn{flex:1;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);border-radius:999px;padding:10px 12px;font-weight:700;cursor:pointer;position:relative}.mobile-tab-btn.active{background:#7c5cff33;border-color:#7c5cff6b}.mobile-tab-btn[data-badge]:after{content:attr(data-badge);position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;border-radius:999px;background:#ef4444f2;color:#fff;text-align:center;font-weight:800;border:2px solid rgba(0,0,0,.22)}.small-input{padding:10px 16px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);font-size:14px;outline:none;width:220px}.small-input:focus{border-color:#7c5cffa6;box-shadow:0 0 0 4px #7c5cff24}.small-input::placeholder{color:var(--faint)}.main-content{display:grid;flex:1;overflow:hidden;gap:var(--gap-3);padding:var(--gap-3);grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(280px,380px);grid-template-rows:minmax(0,1fr)}body.text-only-room .main-content{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}body.text-only-room .center-panel,body.text-only-room .videos-container,body.text-only-room .controls,body.text-only-room .mobile-controls{display:none}body.text-only-room .left-panel{grid-column:1;grid-row:1}body.text-only-room .right-panel{grid-column:2;grid-row:1}.left-panel{display:flex;flex-direction:column;min-height:0}.center-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}.right-panel{display:flex;flex-direction:column;min-height:0}.users-panel,.chat-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;height:100%;min-height:0}.channels-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;height:auto;min-height:0}.left-panel .users-panel{flex:1;height:auto}.channels-panel{flex:0 0 auto;margin-bottom:var(--gap-3)}.channels-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto;padding-right:2px}.channel-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease}.channel-item:hover{background:#ffffff1a;border-color:#ffffff24}.channel-item.active{background:#7c5cff2e;border-color:#7c5cff57;outline:2px solid rgba(124,92,255,.45);outline-offset:-2px}.channel-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-create-row{display:flex;gap:10px;margin-top:12px}.channel-create-row .modern-input{flex:1}.channel-textonly-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:13px;white-space:nowrap}.channel-textonly-toggle input{width:16px;height:16px}.panel-header{font-size:18px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.badge{background:#22c55eeb;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:700}.users-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.user-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:background .15s ease,transform .15s ease,border-color .15s ease}.user-item:hover{background:#ffffff1a;border-color:#ffffff24}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#5c7cff 55%,#22c55ef2 120%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.user-name{font-weight:500}.videos-container{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap-3);overflow-y:auto;overflow-x:hidden;padding:14px;background:#0000001f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}.video-wrapper{position:relative;background:#00000047;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 14px 40px #00000059;aspect-ratio:16/9;margin:0;min-width:0}.video-wrapper video{width:100%;height:100%;object-fit:cover}.local-video-wrapper{border-color:#22c55ebf}.remote-video-wrapper{border-color:#7c5cffbf}.video-label{position:absolute;bottom:15px;left:15px;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600}.video-status{position:absolute;top:15px;right:15px;display:flex;gap:8px}.status-icon{background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;border-radius:8px;font-size:16px}.remote-videos-grid{display:contents}.controls{display:flex;justify-content:center;align-items:center;gap:14px;padding:14px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px}.control-btn{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.16);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;background:#ffffff14;color:var(--text);position:relative}.control-btn:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff38}.control-btn.active{background:#22c55ee0;border-color:#22c55e59;box-shadow:0 14px 40px #22c55e2e}.control-btn.active:hover{background:#22c55ef5}.control-btn .icon-off{display:none}.control-btn:not(.active) .icon-on{display:none}.control-btn:not(.active) .icon-off{display:block}.control-btn:not(.active){background:#ef4444e0;border-color:#ef444459}.control-btn:not(.active):hover{background:#ef4444f5}.control-caret{width:40px;height:40px;font-size:18px;line-height:1}.btn-caret{position:absolute;right:6px;bottom:6px;font-size:14px;opacity:.85;pointer-events:none}.device-menu{position:fixed;z-index:3000;min-width:220px;background:#000000e6;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 10px 30px #0006;padding:6px;max-height:60vh;overflow-y:auto}.device-menu.hidden{display:none}.device-menu button{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:14px}.device-menu button:hover{background:#ffffff1a}.device-menu .selected{background:#10b98133}.leave-btn{background:#ef4444}.leave-btn:hover{background:#ef4444f5}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.message{margin-bottom:10px;padding:8px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:12px;word-wrap:break-word}.system-message{background:#ffffff0f;color:var(--muted);font-style:italic;font-size:13px;text-align:center;max-width:100%;margin:0 auto}.own-message{background:linear-gradient(135deg,#7c5cff,#5c7cff 55%,#22c55ef2 120%);align-self:flex-end}.other-message{background:#ffffff14;align-self:flex-start}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:10px}.message-header-left,.message-header-right{display:inline-flex;align-items:center;gap:8px}.message-menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:inherit;border-radius:10px;padding:2px 8px;cursor:pointer;line-height:1;font-size:16px}.message-menu-btn:disabled{opacity:.4;cursor:default}.message-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#5c7cff 55%,#22c55ef2 120%);overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.message-sender{font-weight:600;font-size:13px}.message-time{font-size:11px;opacity:.7}.message-text{font-size:14px;line-height:1.4}.message-image{margin-top:8px;max-width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);display:block}.message-caption{margin-top:6px;font-size:14px;line-height:1.4}.message-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.message-action-btn,.message-delete-btn,.reaction-chip{background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:inherit;border-radius:12px;padding:6px 10px;cursor:pointer;font-size:13px;line-height:1}.message-delete-btn{background:#ef444447;border-color:#ef444459}.message-reactions{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.reaction-chip.active{background:#22c55e38;border-color:#22c55e59}.message-deleted{opacity:.85}.deleted-text{opacity:.85;font-style:italic}.chat-input-container{display:flex;gap:10px}.chat-input{flex:1;padding:12px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:14px;outline:none}.chat-input:focus{border-color:#fff6}.chat-input::placeholder{color:#ffffff80}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:1200px){.main-content{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(220px,34svh) minmax(170px,28svh)}.left-panel,.right-panel{width:100%}.center-panel{min-height:0}.center-panel{grid-row:1}.right-panel{grid-row:2}.left-panel{grid-row:3}}@media(max-width:768px){#room-screen{padding:0 0 env(safe-area-inset-bottom)}.auth-stack{width:100%}.auth-stack .room-page .login-card{width:100%;max-width:none}.login-card{min-width:auto;padding:30px}.login-card.home-feed-card{width:100%;max-width:none;padding:0}.app-header{flex-direction:column;gap:15px;padding:15px}.header-right{width:100%}.small-input{flex:1}.videos-container{display:flex;flex-direction:column;gap:18px;padding:14px;align-items:stretch}.remote-videos-grid{display:flex;flex-direction:column;gap:18px;flex:0 0 auto}.video-wrapper{flex:0 0 auto;min-height:160px;width:100%;aspect-ratio:16/9;border-radius:16px}.video-label{font-size:12px;padding:6px 12px;bottom:10px;left:10px}.video-status{top:10px;right:10px;gap:4px}.status-icon{padding:4px 8px;font-size:14px}.controls{gap:10px;padding:15px;flex-shrink:0}.control-btn{width:50px;height:50px}}@media(max-width:480px){.videos-container{gap:14px;padding:12px}.remote-videos-grid{gap:14px}.video-wrapper{min-height:120px;border-radius:12px}.video-label{font-size:11px;padding:4px 10px}.controls{padding:10px;gap:8px}.control-btn{width:44px;height:44px}}.chat-panel{position:relative;display:flex;flex-direction:column;height:100%}#chat-messages{flex:1;overflow-y:auto;padding:10px;margin-bottom:0;min-height:0}#chat-input-container.fixed-bottom{position:sticky;bottom:0;width:100%;display:flex;gap:10px;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--panel-strong);border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}#chat-input{flex:1;padding:10px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text)}#send-btn{padding:10px 15px;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff14;color:var(--text);cursor:pointer}#chat-attach-btn{width:44px;min-width:44px;padding:10px 0;border:1px solid var(--panel-border);border-radius:12px;background:#ffffff14;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}#chat-attach-btn svg{display:block}@media(max-width:900px){body{--mobile-tabs-h: 74px}body.text-only-room .main-content{grid-template-columns:1fr}body.text-only-room .center-panel{display:flex}body.text-only-room .mobile-tab-btn[data-mobile-view=video]{display:none}.main-content{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.left-panel{display:none}.mobile-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1200;border-bottom:none;border-top:1px solid rgba(255,255,255,.1);padding-bottom:calc(10px + env(safe-area-inset-bottom))}.app-header{flex-direction:row;padding:10px 12px}.app-container{padding-bottom:var(--mobile-tabs-h)}.header-right{flex-wrap:wrap;justify-content:flex-end;gap:8px}#new-room-input{display:none}.center-panel{grid-row:1;min-height:0;display:flex;flex-direction:column}.channels-panel{display:none;margin-bottom:var(--gap-3);padding:12px}.channels-list,.channel-create-row{flex-direction:column}.right-panel{grid-row:1;display:none;flex-direction:column;min-height:0}body[data-mobile-view=chat] .center-panel{display:none}body[data-mobile-view=chat] .right-panel{display:flex}body[data-mobile-view=channels] .right-panel,body[data-mobile-view=channels] .videos-container,body[data-mobile-view=channels] .controls{display:none}body[data-mobile-view=channels] .center-panel{gap:0}body[data-mobile-view=channels] .channels-panel{display:flex;margin-bottom:0;flex:1 1 auto}body[data-mobile-view=channels] .channels-list{flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:none}.chat-panel{display:flex;flex-direction:column;height:100%}.chat-messages{flex:1;overflow-y:auto;min-height:0;padding-bottom:10px}.chat-input-container{position:sticky;bottom:0;padding:10px;z-index:5}.chat-input{width:100%}}.mention{background-color:#ffea00;color:#000;padding:0 4px;border-radius:4px}.mail-fab{position:fixed;left:20px;bottom:20px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#7c5cff,#5c7cff 55%,#22c55ef2 120%);color:#fff;box-shadow:0 10px 20px #0006;cursor:pointer;z-index:1100;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mail-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;border:2px solid var(--panel);min-width:20px;text-align:center;line-height:14px;z-index:1101;pointer-events:none}#toast-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{background:var(--panel-strong);color:var(--text);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:12px 20px;border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);transition:all .3s ease;font-size:14px;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast-error{background:#ef4444f5}.toast-info{background:#3b82f6f5}.toast-success{background:#10b981f5}@media(max-width:600px){#toast-container{top:10px;right:10px;left:10px;align-items:center}.mail-fab{bottom:80px;left:15px;width:48px;height:48px}.mail-panel{bottom:140px;left:10px;right:10px;width:auto;max-width:none;background:#000000c7;border-color:#ffffff29}}.mail-panel{position:fixed;left:20px;bottom:90px;width:360px;max-height:70vh;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow);z-index:1100;display:flex;flex-direction:column;overflow:hidden}.mail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.mail-body{display:flex;flex-direction:column;flex:1;gap:10px;padding:12px;min-height:0}.mail-friends{max-height:120px;overflow-y:auto;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;padding-bottom:8px;flex-shrink:0}.mail-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px;min-height:180px}.mail-msg{background:#ffffff14;border-radius:10px;padding:8px 12px;max-width:80%;word-wrap:break-word}.mail-msg.me{align-self:flex-end;background:linear-gradient(135deg,#7c5cff,#5c7cff 55%,#22c55ef2 120%)}.mail-msg.them{align-self:flex-start}.mail-input-row{display:flex;gap:8px;flex-shrink:0}.friends-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0d;border-radius:8px;margin-bottom:6px;cursor:pointer;transition:all .2s;color:#ffffffe6}.friends-list-item .friend-left{display:flex;align-items:center;gap:10px;min-width:0}.friends-list-item .friend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff2e;box-shadow:0 0 0 3px #ffffff0a;flex:0 0 auto}.presence-dot.online{background:#22c55ef2;border-color:#22c55ebf;box-shadow:0 0 0 3px #22c55e1f}.friends-list-item.is-offline{opacity:.82}.friends-list-item .item-actions{display:flex;gap:8px;flex:0 0 auto}.friends-list-item .btn-sm{padding:6px 10px;font-size:12px}.friends-list-item:hover{background:#ffffff26}.friends-list-item.active{background:linear-gradient(135deg,#7c5cff,#5c7cff 55%,#22c55ef2 120%);color:#fff!important;box-shadow:0 14px 40px #7c5cff38}.mail-friends-empty{font-size:13px;color:#ffffff80;text-align:center;padding:10px}.btn-ghost{background:transparent;color:var(--text);padding:8px 14px;font-size:14px;border:1px solid var(--panel-border)}.btn-ghost:hover{background:#ffffff1a}.header-nav{flex-wrap:wrap}.nav-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:1;border-radius:10px;background:var(--danger);color:#fff}#room-nav-more-btn{position:relative}#room-nav-more-btn .nav-badge{position:absolute;top:-6px;right:-6px;margin-left:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.overlay.hidden{display:none}.overlay-card{background:var(--panel-strong);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:24px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.overlay-card-wide{max-width:520px}.overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overlay-header h3{font-size:22px;font-weight:600}.btn-close{background:none;border:none;color:#fffc;font-size:28px;cursor:pointer;line-height:1;padding:0 6px}.btn-close:hover{color:#fff}.overlay-body .error-message{min-height:20px;margin-bottom:12px}.overlay-label{display:block;margin-bottom:16px;color:var(--text)}.overlay-label .modern-select{margin-left:0;margin-top:6px}.overlay-body .btn-primary{margin-top:10px}.call-ui-card{max-width:360px;animation:call-ui-pop .16s ease-out}@keyframes call-ui-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.call-ui-subtitle{color:var(--muted);font-size:14px;margin-bottom:18px}.call-ui-actions{display:flex;justify-content:center;gap:14px}.call-ui-btn{width:54px;height:54px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.call-ui-btn svg{flex:0 0 auto}.overlay-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.settings-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:16px}.settings-account-label{color:var(--muted);font-size:13px;font-weight:600}.settings-account-username{font-weight:800;letter-spacing:.2px}.admin-tools{margin-bottom:10px}.badge.badge-neutral{background:#ffffff1a;color:var(--text)}.room-settings-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.room-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px}.room-settings-key{font-weight:700;color:var(--muted)}.room-settings-value{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.room-settings-add{margin-top:12px}.friends-add{display:flex;gap:10px;margin-bottom:24px}.friends-add .modern-input{flex:1}.friends-section{margin-bottom:20px}.friends-section h4{font-size:14px;font-weight:600;color:#ffffffb3;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.friends-list{list-style:none;padding:0;margin:0}.friends-list li:not(.friends-list-item){display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff14;border-radius:10px;margin-bottom:8px}.friends-list li:not(.friends-list-item) span{font-weight:500}.friends-list .item-actions{display:flex;gap:8px}.friends-list .btn-sm{padding:6px 12px;font-size:12px}.admin-section{margin-bottom:24px}.admin-section h4{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.admin-list{list-style:none;padding:0;margin:0}.admin-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff14;border-radius:10px;margin-bottom:8px}.admin-list .btn-sm{padding:6px 12px;font-size:12px;margin-left:8px}