.app-layout{display:flex;flex-direction:column;height:100%;min-height:100vh;overflow:hidden}.app-bar{flex-shrink:0;display:flex;align-items:center;gap:.75rem;height:56px;min-height:56px;padding:0 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:env(safe-area-inset-top,0);background:var(--bg-sidebar);color:#fff;border-bottom:1px solid rgba(255,255,255,.06);z-index:100}.app-bar-menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0 -4px 0 0;background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;transition:background .15s,color .15s}.app-bar-menu:hover{background:#ffffff14}.app-bar-menu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-bar-menu-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:24px;height:20px}.app-bar-menu-line{display:block;width:20px;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease}.app-bar-menu-line:nth-child(1).open{transform:translateY(7px) rotate(45deg)}.app-bar-menu-line:nth-child(2).open{opacity:0}.app-bar-menu-line:nth-child(3).open{transform:translateY(-7px) rotate(-45deg)}.app-bar-title-wrap{flex:1;min-width:0;display:flex;align-items:baseline;gap:.5rem}.app-bar-logo{display:inline-flex;align-items:center;gap:.2rem;color:inherit;text-decoration:none;flex-shrink:0}.app-bar-logo:hover{color:inherit;text-decoration:none;opacity:.9}.app-bar-brand{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.app-bar-page-title{font-size:.9375rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.25rem}.app-bar-page-title:before{content:"·";margin-right:.5rem;color:#fff6}.app-bar-logo-symbol{height:24px;width:auto;display:block;flex-shrink:0}.app-bar-user-wrap{position:relative;flex-shrink:0}.app-bar-user{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;margin:0 -.25rem 0 0;min-height:44px;box-sizing:border-box;border-radius:var(--radius-md);border:none;background:transparent;color:inherit;text-decoration:none;min-width:0;cursor:pointer;font:inherit;transition:background .15s}.app-bar-user:hover{background:#ffffff14;color:inherit;text-decoration:none}.app-bar-user:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-bar-user-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;padding:.25rem 0;background:var(--bg-sidebar);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000059;z-index:200}.app-bar-user-menu-item{display:block;width:100%;padding:.5rem 1rem;font-size:.9375rem;color:#fffffff2;text-decoration:none;text-align:left;border:none;background:transparent;cursor:pointer;font:inherit;transition:background .15s}.app-bar-user-menu-item:hover{background:#ffffff14;color:#fff}.app-bar-user-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app-bar-user-menu-item--logout{border-top:1px solid rgba(255,255,255,.06);margin-top:.25rem;padding-top:.5rem;color:#fffc}.app-bar-user-menu-item--logout:hover{color:#fff;background:#ffffff1a}.app-bar-user-avatar,.app-bar-user-avatar-initial{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover}.app-bar-user-avatar-initial{background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;color:#fff}.app-bar-user-info{min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:.05rem}.app-bar-user-nickname{font-size:.9375rem;font-weight:600;line-height:1.2;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.app-bar-user-email{font-size:.75rem;color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}@media(max-width:380px){.app-bar-user-email{display:none}.app-bar-user-nickname{max-width:100px}}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-drawer{flex-shrink:0;display:flex;flex-direction:column;z-index:999}.sidebar{width:280px;min-width:280px;height:100%;min-height:0;background:var(--bg-sidebar);color:#e4e6eb;display:flex;flex-direction:column;box-shadow:2px 0 12px #00000014}.sidebar-header{flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sidebar-header--close-only{justify-content:flex-end}.sidebar-header-home{display:inline-flex;align-items:center;gap:.25rem;color:inherit;text-decoration:none;font-size:.95rem;font-weight:500;color:#ffffffe6}.sidebar-header-home:hover{color:#fff;text-decoration:none;opacity:.95}.sidebar-logo-symbol{height:24px;width:auto;display:block;flex-shrink:0}.sidebar-quick-links{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-quick-link{padding:.4rem .75rem;border-radius:var(--radius-sm);color:#ffffffd9;text-decoration:none;font-size:.9rem;transition:background .15s,color .15s}.sidebar-quick-link:hover{background:#ffffff14;color:#fff}.sidebar-quick-link.active{background:#ffffff1f;color:#fff;font-weight:500}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff14;border:none;border-radius:var(--radius-sm);color:inherit;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s}.sidebar-close:hover{background:#ffffff24}.sidebar-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-close-icon{font-weight:300;margin-top:-.15em}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0;-webkit-overflow-scrolling:touch}.sidebar-current-room{padding:0 .5rem .75rem;margin-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-current-room-title{padding:.5rem .75rem .25rem;font-size:1rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-room-members{list-style:none;margin:0;padding:0}.sidebar-room-member-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--radius-sm);min-height:36px;box-sizing:border-box}.sidebar-room-member-item:hover{background:#ffffff0f}.sidebar-room-member-empty{font-size:.85rem;color:#ffffff80}.sidebar-room-member-avatar-wrap{position:relative;flex-shrink:0;width:28px;height:28px}.sidebar-room-member-avatar,.sidebar-room-member-initial{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover}.sidebar-status-dot{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-sidebar);box-sizing:border-box}.sidebar-status-dot--online{background:#22c55e}.sidebar-status-dot--offline{background:#ef4444}.sidebar-room-member-initial{display:flex;align-items:center;justify-content:center;background:#fff3;font-size:.8rem;font-weight:600;color:#fff}.sidebar-room-member-name{flex:1;min-width:0;font-size:.9rem;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.sidebar-room-member-name--link{color:inherit;text-decoration:none;cursor:pointer}.sidebar-room-member-name--link:hover{color:var(--accent);text-decoration:underline}.sidebar-room-member-name--link.active,.sidebar-room-member-name--all.active{color:var(--accent);font-weight:600}.sidebar-room-member-name--all{padding-left:0}.sidebar-room-member-badge{flex-shrink:0;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .35rem;border-radius:3px;background:var(--accent-soft);color:var(--accent)}.sidebar-room-group-label{padding:.5rem 1.25rem;font-size:.6875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em}.room-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1.25rem;margin:0 .5rem;border-radius:var(--radius-sm);color:#ffffffe6;text-decoration:none;transition:background .15s,color .15s;min-height:44px;box-sizing:border-box}.room-link:hover{background:#ffffff14;color:#fff}.room-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.room-link.active{background:var(--accent-soft);color:#fff}.room-link-icon{flex-shrink:0;margin-right:.25rem}.room-link-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-link--mine.active{background:var(--accent-soft);color:#fff}.room-link--invited,.room-link--public,.room-link--private,.room-link--key{color:#ffffffbf}.room-link--key.active,.room-link--private.active{background:var(--accent-soft);color:#fff}.room-link-key{display:inline-flex;margin-left:4px;color:var(--accent);flex-shrink:0}.room-link-key-icon{display:block}.room-link--invited.active,.room-link--public.active,.room-link--private.active{background:var(--accent-soft);color:#fff}.room-link--admin{color:#ffffffd9}.room-link-unread{flex-shrink:0;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.sidebar-empty{padding:.75rem 1.25rem;font-size:.875rem;color:#ffffff80}.sidebar-footer{flex-shrink:0;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06)}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.sidebar-user-link{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1;color:inherit;text-decoration:none;padding:.25rem 0}.sidebar-user-link:hover{color:inherit;text-decoration:none;opacity:.95}.sidebar-user-avatar-wrap{position:relative;flex-shrink:0;width:40px;height:40px}.sidebar-user-avatar-wrap .sidebar-status-dot{width:12px;height:12px;border-width:2px}.sidebar-avatar,.sidebar-avatar-initial{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.sidebar-avatar-initial{background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:#fff}.sidebar-user-info{min-width:0;display:flex;flex-direction:column;gap:.2rem}.sidebar-user-nickname{font-weight:600;font-size:1.05rem;line-height:1.25;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{font-size:.8rem;font-weight:400;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{flex-shrink:0;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:#fffffff2;cursor:pointer;transition:background .15s}.sidebar-logout:hover{background:#ffffff29}.sidebar-logout:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-body{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-main);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.main-header{padding:1rem 1.5rem;padding-left:max(1.5rem,env(safe-area-inset-left));background:var(--bg-message);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.main-content{flex:1;display:flex;flex-direction:column;min-height:0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:2rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom))}.empty-state p{margin:.5rem 0 0;font-size:.95rem}.empty-state-hint{margin-top:1rem;font-size:.9rem;opacity:.9}.empty-state-denial{margin-top:1rem;padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);text-align:left;max-width:360px}.empty-state-denial strong{display:block;font-size:.85rem;color:var(--text);margin-bottom:.35rem}.empty-state-denial p{margin:0;font-size:.9rem;color:var(--text-muted)}@media(max-width:1023px){.app-layout{flex-direction:column}.app-bar{position:sticky;top:0;flex-shrink:0}.sidebar-backdrop{display:block}.sidebar-drawer{position:fixed;left:0;top:0;bottom:0;width:min(280px,calc(100vw - 3rem));max-width:100%;height:100vh;height:100dvh;padding-left:env(safe-area-inset-left);transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000040}.sidebar-drawer.open{transform:translate(0)}.sidebar-drawer .sidebar{min-width:100%;width:100%;border-radius:0}.sidebar-close{display:flex}.app-bar-page-title{display:block}}@media(min-width:1024px){.app-layout{flex-direction:column}.app-bar{flex-shrink:0;display:flex}.app-bar-menu{display:none}.app-body{flex-direction:row;flex:1;min-height:0}.sidebar-backdrop{display:none}.sidebar-drawer{position:relative;transform:none;flex-shrink:0}.sidebar-drawer.open{transform:none}.sidebar-close{display:none}.main{flex:1;min-width:0}.app-bar-user-nickname,.app-bar-user-email{max-width:180px}}@media(prefers-reduced-motion:reduce){.sidebar-drawer,.sidebar-backdrop,.app-bar-menu-line{transition:none}}.admin-layout{display:flex;flex-direction:column;height:100%}.admin-header{padding:1rem 1.5rem;background:var(--bg-message);border-bottom:1px solid var(--border)}.admin-header h1{margin:0;font-size:1.25rem;font-weight:600}.admin-tabs{display:flex;gap:.25rem;margin-top:.75rem}.admin-tabs a{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none}.admin-tabs a:hover{color:var(--text);background:var(--accent-soft)}.admin-tabs a.active{color:var(--accent);background:var(--accent-soft)}.admin-content{flex:1;overflow-y:auto;padding:1.5rem}.admin-card{background:var(--bg-message);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem;margin-bottom:1rem}.admin-card h2{margin:0 0 1rem;font-size:1rem;font-weight:600}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stat-card{background:var(--accent-soft);color:var(--accent);padding:1rem;border-radius:var(--radius-sm);font-weight:600;font-size:1.5rem}.stat-card span{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-top:.25rem}.admin-forbidden{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.admin-forbidden h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--text)}.admin-users-hint{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted)}.role-badge,.status-badge{display:inline-block;text-transform:capitalize;padding:.2rem .5rem;border-radius:4px;font-size:.85rem}.role-admin{background:var(--accent-soft);color:var(--accent)}.role-moderator{background:#e0e7ff;color:#4338ca}.role-user{background:var(--bg-main);color:var(--text-muted)}.status-active{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-suspended{background:#fee2e2;color:#991b1b}.btn-approve{padding:.35rem .75rem;font-size:.85rem;font-weight:500;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.btn-approve:hover{background:var(--accent-hover)}.admin-loading,.admin-empty{color:var(--text-muted);margin:1rem 0 0}.admin-table-wrap{overflow-x:auto}.admin-user-actions{display:flex;flex-wrap:wrap;gap:.35rem}.btn-admin{padding:.35rem .6rem;font-size:.8rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.btn-admin:disabled{opacity:.6;cursor:not-allowed}.btn-activate{background:#166534;color:#fff}.btn-activate:hover:not(:disabled){background:#15803d}.btn-suspend{background:#b45309;color:#fff}.btn-suspend:hover:not(:disabled){background:#c2410c}.btn-cancel{background:#991b1b;color:#fff}.btn-cancel:hover:not(:disabled){background:#b91c1c}.admin-feedback{padding:.65rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1rem}.admin-feedback.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.btn-reset-pwd{background:#0e7490;color:#fff}.btn-reset-pwd:hover:not(:disabled){background:#0f766e}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal{background:var(--bg-message);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;max-width:420px;width:100%}.admin-modal h2{margin:0 0 .75rem;font-size:1.1rem}.admin-modal-desc{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-muted);line-height:1.45}.admin-modal label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500}.admin-modal label input{display:block;width:100%;margin-top:.35rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem}.admin-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.login-page{min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f172a,#1e293b);padding:2rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.login-card{width:100%;max-width:400px;background:#fff;border-radius:var(--radius);box-shadow:0 25px 50px -12px #00000040;padding:2rem}.login-header{text-align:center;margin-bottom:1.5rem}.login-logo-wrap{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.75rem}.login-logo-symbol{height:32px;width:auto;display:block}.login-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.login-header p{margin:.5rem 0 0;font-size:.95rem;color:var(--text-muted)}.login-success-msg{margin-top:.75rem!important;font-size:.9rem!important;color:var(--accent);font-weight:500}.login-demo-hint{margin-top:.75rem!important;font-size:.85rem!important;opacity:.9}.login-form label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:var(--text)}.login-form input{display:block;width:100%;margin-top:.35rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.password-toggle{padding:.5rem .65rem;border:none;background:none;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.7}.password-toggle:hover{opacity:1}.login-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-form .login-submit{width:100%;margin-top:.5rem;padding:.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem}.login-form .login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-form .login-submit:disabled{opacity:.7;cursor:not-allowed}.login-error{margin:0 0 .5rem;font-size:.85rem;color:var(--danger)}.login-footer{margin:1rem 0 0;font-size:.9rem;color:var(--text-muted);text-align:center}.login-footer a{color:var(--accent);font-weight:500}.login-demo{margin:.75rem 0 0;font-size:.85rem;color:var(--text-muted);text-align:center}.link-button{background:none;border:none;color:var(--accent);text-decoration:underline;padding:0;font-size:inherit}.link-button:hover{color:var(--accent-hover)}.register-page{min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0f172a,#1e293b);padding:2rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.register-card{width:100%;max-width:400px;background:#fff;border-radius:var(--radius);box-shadow:0 25px 50px -12px #00000040;padding:2rem}.register-header{text-align:center;margin-bottom:1.5rem}.register-logo-wrap{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.75rem}.register-logo-symbol{height:32px;width:auto;display:block}.register-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.register-header p{margin:.5rem 0 0;font-size:.95rem;color:var(--text-muted)}.register-success-msg{margin-top:1rem!important;font-size:.9rem!important;line-height:1.5}.register-form label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:var(--text)}.register-form input{display:block;width:100%;margin-top:.35rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.input-with-toggle{display:flex;align-items:center;margin-top:.35rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.input-with-toggle:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-with-toggle input{flex:1;margin:0;border:none;background:transparent}.input-with-toggle input:focus{box-shadow:none}.register-form .password-toggle{padding:.5rem .65rem;border:none;background:none;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.7}.register-form .password-toggle:hover{opacity:1}.register-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.register-form button[type=submit]{width:100%;margin-top:.5rem;padding:.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem}.register-form button[type=submit]:hover:not(:disabled){background:var(--accent-hover)}.register-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.register-feedback{margin:0 0 .75rem;padding:.65rem .75rem;border-radius:var(--radius-sm);font-size:.9rem}.register-feedback.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.register-submit{width:100%;margin-top:.25rem}.register-footer{margin:1.25rem 0 0;font-size:.9rem;color:var(--text-muted);text-align:center}.register-footer a{color:var(--accent);font-weight:500}.register-link{display:block;text-align:center;margin-top:1rem;padding:.75rem;background:var(--accent);color:#fff!important;border-radius:var(--radius-sm);font-weight:600;text-decoration:none}.register-link:hover{background:var(--accent-hover)}.landing{min-height:100vh;min-height:100dvh;background:var(--bg-main);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.landing-nav{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:.75rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-logo{display:inline-flex;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:var(--text);text-decoration:none}.landing-logo:hover{color:var(--text);text-decoration:none;opacity:.9}.landing-logo-symbol{height:28px;width:auto;display:block;flex-shrink:0}.landing-nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:background .2s}.landing-nav-toggle:hover{background:#0000000f}.landing-nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-nav-toggle-bar{display:block;width:22px;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease}.landing-nav-toggle[aria-expanded=true] .landing-nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.landing-nav-toggle[aria-expanded=true] .landing-nav-toggle-bar:nth-child(2){opacity:0}.landing-nav-toggle[aria-expanded=true] .landing-nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-nav-links{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:102;background:var(--bg-main);flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:4rem 1.5rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.landing-nav-links.open{display:flex}.landing-nav-links a{color:var(--text);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.75rem 1.25rem;min-height:44px;min-width:140px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s,color .2s}.landing-nav-links a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}.landing-nav-login{color:var(--text-muted)!important}.landing-nav-cta{background:var(--accent);color:#fff!important;padding:.75rem 1.5rem;border-radius:var(--radius-sm)}.landing-nav-cta:hover{background:var(--accent-hover);color:#fff!important}.landing-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:#0006;cursor:pointer}@media(min-width:769px){.landing-nav-toggle{display:none}.landing-nav-links{display:flex;position:static;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.5rem;padding:0;background:transparent}.landing-nav-links.open{display:flex}.landing-nav-links a{min-height:0;min-width:0;padding:.5rem 0;font-size:.95rem}.landing-nav-inner{padding:.75rem 1.5rem}.landing-logo{font-size:1.35rem}}.landing-hero{background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);color:#fff;padding:2.5rem 1rem 3.5rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(3.5rem,env(safe-area-inset-bottom));position:relative}.landing-hero-inner{max-width:1100px;margin:0 auto;text-align:center}.landing-hero-badge{display:inline-block;font-size:.8rem;font-weight:600;color:#7dd3fc;margin-bottom:.75rem;letter-spacing:.02em}.landing-hero-title{font-size:clamp(1.75rem,5vw,3rem);font-weight:700;line-height:1.25;letter-spacing:-.03em;margin:0 0 1rem}.landing-hero-accent{color:#38bdf8}.landing-hero-lead{font-size:clamp(.95rem,2.5vw,1.15rem);line-height:1.6;color:#cbd5e1;max-width:560px;margin:0 auto 1.75rem}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.landing-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;transition:background .2s,color .2s}.landing-btn-primary{background:var(--accent);color:#fff}.landing-btn-primary:hover{background:var(--accent-hover);color:#fff}.landing-btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.landing-btn-secondary:hover{background:#ffffff2e;color:#fff}.landing-btn--large{padding:1rem 2rem;font-size:1.1rem;min-height:48px}.landing-hero-visual{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,var(--bg-main),transparent);pointer-events:none}@media(min-width:769px){.landing-hero{padding:4rem 1.5rem 5rem}.landing-hero-visual{height:120px}}.landing-section{padding:2.5rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.landing-section--alt{background:#f8fafc}.landing-container{max-width:1100px;margin:0 auto}.landing-section-title{font-size:clamp(1.35rem,3vw,2rem);font-weight:700;text-align:center;margin:0 0 .5rem;color:var(--text)}.landing-section-lead{text-align:center;color:var(--text-muted);font-size:clamp(.95rem,2vw,1.05rem);max-width:640px;margin:0 auto 1.5rem;line-height:1.6}@media(min-width:769px){.landing-section{padding:4rem 1.5rem}.landing-section-lead{margin-bottom:2.5rem}}.landing-cards{display:grid;grid-template-columns:1fr;gap:1rem}.landing-card{background:#fff;border-radius:var(--radius);padding:2.5rem 1.5rem 1.5rem;border:1px solid var(--border);box-shadow:var(--shadow);position:relative}.landing-card-num{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.9rem;border-radius:50%}.landing-card h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.landing-card p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}@media(min-width:600px){.landing-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.landing-card{padding:2.5rem 1.75rem 1.75rem}}.landing-split{display:grid;grid-template-columns:1fr;gap:1rem}.landing-split-card{padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.landing-split-card--public{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#0d948833}.landing-split-card--private{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#f59e0b33}.landing-split-card h3{font-size:1.15rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.landing-split-card p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}@media(min-width:600px){.landing-split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.landing-split-card{padding:1.75rem}}.landing-list{max-width:640px;margin:0 auto;padding-left:1.25rem;color:var(--text-muted);line-height:1.7;font-size:clamp(.95rem,2vw,1rem)}.landing-list li{margin-bottom:.75rem}.landing-list strong{color:var(--text)}.landing-cta{padding:2.5rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(2.5rem,env(safe-area-inset-bottom));background:linear-gradient(145deg,#0f172a,#1e293b);color:#fff;text-align:center}.landing-cta-title{font-size:clamp(1.35rem,3vw,2rem);font-weight:700;margin:0 0 .5rem}.landing-cta-lead{color:#cbd5e1;margin:0 0 1.5rem;font-size:clamp(.95rem,2vw,1.05rem)}.landing-cta .landing-btn-primary:hover{color:#fff}@media(min-width:769px){.landing-cta{padding:4rem 1.5rem}}.landing-footer{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#f8fafc}.landing-footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.landing-footer-links{display:flex;gap:1rem}.landing-footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;padding:.5rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.landing-footer-links a:hover{color:var(--accent);text-decoration:none}@media(min-width:480px){.landing-footer-inner{flex-direction:row;justify-content:space-between}}.map-of-rooms{padding:1rem 1rem 1.5rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom));max-width:960px;margin:0 auto}.map-header{margin-bottom:1.5rem}.map-title{margin:0 0 .35rem;font-size:1.6rem;font-weight:700;color:var(--text, #1a1a1a)}.map-subtitle{margin:0 0 1rem;font-size:.95rem;color:var(--text-muted, #666);line-height:1.4}.map-search-wrap{margin-bottom:1rem}.map-search-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted, #666);margin-bottom:.35rem}.map-search-input{width:100%;max-width:320px;padding:.6rem .9rem;font-size:1rem;border:1px solid var(--border, #ddd);border-radius:var(--radius, 8px);background:var(--bg-message, #fff);color:var(--text, #1a1a1a);transition:border-color .15s,box-shadow .15s}.map-search-input:focus{outline:none;border-color:var(--accent, #0078d4);box-shadow:0 0 0 3px #0078d426}.map-search-input::placeholder{color:var(--text-muted, #999)}.map-search-hint{display:block;font-size:.8rem;color:var(--text-muted, #888);margin-top:.25rem}.map-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.map-filter-pills{display:flex;flex-wrap:wrap;gap:.4rem}.map-filter-pill{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border, #ddd);background:var(--bg-message, #fff);color:var(--text-muted, #666);font-size:.9rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.map-filter-pill:hover{background:var(--accent-soft, rgba(0, 120, 212, .08));color:var(--accent, #0078d4);border-color:var(--accent, #0078d4)}.map-filter-pill.active{background:var(--accent, #0078d4);color:#fff;border-color:var(--accent, #0078d4)}.map-loading,.map-empty{text-align:center;padding:2rem;color:var(--text-muted, #666);font-size:.95rem}.map-grid--desktop{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.map-grid--bubbles{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.map-card{display:flex;flex-direction:column;background:var(--bg-message, #fff);border-radius:var(--radius, 12px);border:1px solid var(--border, #e5e5e5);box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:box-shadow .2s,border-color .2s}.map-card:hover{box-shadow:0 4px 14px #00000014;border-color:var(--border, #ddd)}.map-card--ao_vivo{border-left:4px solid #e53935}.map-card--online{border-left:4px solid #43a047}.map-card--offline{border-left:4px solid var(--border, #ccc)}.map-card-photo-wrap{display:block;width:100%;height:100px;overflow:hidden;background:var(--border, #eee);text-decoration:none;color:inherit}.map-card-photo{width:100%;height:100%;object-fit:cover}.map-card-main{flex:1;padding:1rem 1rem .75rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:0}.map-card-main:hover{color:inherit;text-decoration:none;background:#00000005}.map-card-status{font-size:.9rem;margin-bottom:.25rem}.map-card-title-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem;min-width:0}.map-card-access{flex-shrink:0;font-size:1rem;line-height:1}.map-card-name{font-weight:600;font-size:1rem;line-height:1.25;word-break:break-word;min-width:0}.map-card-title-row+.map-card-owner,.map-card-title-row+.map-card-meta{margin-top:0}.map-card-owner{font-size:.9rem;color:var(--text-muted, #666);margin-bottom:.35rem}.map-card-meta{font-size:.8rem;color:var(--text-muted, #888);line-height:1.35}.map-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem .75rem .75rem;border-top:1px solid var(--border, #eee);background:#00000005}.map-card-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.8rem;font-weight:500;border:1px solid var(--border, #ddd);border-radius:6px;background:var(--bg-message, #fff);color:var(--text-muted, #666);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.map-card-btn:hover:not(:disabled){background:var(--accent-soft, rgba(0, 120, 212, .08));color:var(--accent, #0078d4);border-color:var(--accent, #0078d4)}.map-card-btn:disabled{opacity:.7;cursor:not-allowed}.map-card-btn-icon{font-size:.95em}.map-card-btn--enter:hover:not(:disabled){background:#43a0471f;color:#2e7d32;border-color:#43a047}.map-card-btn--follow.is-active,.map-card-btn--like.is-active{background:var(--accent-soft, rgba(0, 120, 212, .12));color:var(--accent, #0078d4);border-color:var(--accent, #0078d4)}.map-card-btn--like.is-active{color:#c62828;border-color:#e57373;background:#e5393514}.map-card-btn--like.is-active:hover:not(:disabled){color:#b71c1c;border-color:#e53935}@media(max-width:480px){.map-card-btn-label{display:none}.map-card-btn{padding:.5rem;min-width:40px;justify-content:center}.map-card-actions{justify-content:space-between}}.map-host-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:map-fadeIn .2s ease}@keyframes map-fadeIn{0%{opacity:0}to{opacity:1}}.map-host-modal{background:var(--bg-message, #fff);border-radius:var(--radius, 12px);box-shadow:0 8px 32px #0003;max-width:400px;width:100%;max-height:90vh;overflow:auto;animation:map-slideUp .25s ease}@keyframes map-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.map-host-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #eee)}.map-host-modal-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text, #1a1a1a)}.map-host-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--text-muted, #666);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:50%;transition:background .15s,color .15s}.map-host-modal-close:hover{background:#0000000f;color:var(--text, #1a1a1a)}.map-host-modal-body{padding:1.25rem;text-align:center}.map-host-modal-avatar,.map-host-modal-avatar-initial{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto .75rem;display:block}.map-host-modal-avatar-initial{display:flex;align-items:center;justify-content:center;background:var(--accent-soft, rgba(0, 120, 212, .15));color:var(--accent, #0078d4);font-size:2rem;font-weight:600}.map-host-modal-room-name{margin:0 0 .25rem;font-size:.95rem;color:var(--text-muted, #666);font-weight:500}.map-host-modal-name{margin:0 0 .2rem;font-size:1.2rem;font-weight:600;color:var(--text, #1a1a1a)}.map-host-modal-avatar--room{border-radius:var(--radius, 8px);object-fit:cover}.map-host-modal-username{margin:0 0 .5rem;font-size:.95rem;color:var(--text-muted, #666)}.map-host-modal-bio{margin:0;font-size:.95rem;color:var(--text);line-height:1.5;white-space:pre-wrap;text-align:left}.map-host-modal-bio--empty{color:var(--text-muted, #999);font-style:italic}.map-host-modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border, #eee);background:#00000005}.map-host-modal-btn{flex:1;padding:.6rem 1rem;font-size:.95rem;font-weight:600;border-radius:var(--radius, 8px);text-align:center;text-decoration:none;cursor:pointer;transition:opacity .15s,background .15s;border:none}.map-host-modal-btn{background:var(--accent, #0078d4);color:#fff}.map-host-modal-btn:hover{opacity:.92}.map-host-modal-btn--secondary{background:var(--bg-message, #f0f0f0);color:var(--text, #1a1a1a)}.map-footer-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border, #eee);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.map-footer-link{color:var(--accent, #0078d4);text-decoration:none;font-size:.95rem;font-weight:500}.map-footer-link:hover{text-decoration:underline}.map-footer-link--personalize{background:var(--accent-soft, rgba(0, 120, 212, .1));color:var(--accent, #0078d4);padding:.5rem .9rem;border-radius:999px;font-weight:600}.map-footer-link--personalize:hover{background:var(--accent-soft, rgba(0, 120, 212, .18));text-decoration:none}.map-back-link{margin-bottom:1rem;font-size:.95rem}.map-back-link a{color:var(--accent, #0078d4);text-decoration:none}.map-back-link a:hover{text-decoration:underline}.map-your-room{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border, #eee);text-align:center;font-size:.95rem}.map-your-room a{color:var(--accent, #0078d4);text-decoration:none;font-weight:500}.map-your-room a:hover{text-decoration:underline}.dashboard{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));max-width:640px;margin:0 auto}@media(min-width:600px){.dashboard{padding:1rem 1.5rem}}.dashboard-user-card{margin-bottom:1.5rem;border-radius:var(--radius);overflow:hidden;background:var(--bg-message);border:1px solid var(--border);box-shadow:var(--shadow)}.dashboard-user-card-link{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;color:inherit;text-decoration:none}.dashboard-user-card-link:hover{color:inherit;text-decoration:none;background:#00000005}.dashboard-user-card-avatar-wrap{flex-shrink:0}.dashboard-user-card-avatar,.dashboard-user-card-avatar-initial{width:72px;height:72px;border-radius:50%;object-fit:cover}.dashboard-user-card-avatar-initial{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-size:1.75rem;font-weight:600}.dashboard-user-card-info{flex:1;min-width:0}.dashboard-user-card-name{margin:0 0 .2rem;font-size:1.35rem;font-weight:600;color:var(--text)}.dashboard-user-card-nickname{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.35rem}.dashboard-user-card-bio{margin:0 0 .5rem;font-size:.95rem;color:var(--text);line-height:1.45;white-space:pre-wrap;word-break:break-word}.dashboard-user-card-bio--empty{color:var(--text-muted);font-style:italic}.dashboard-user-card-edit{font-size:.85rem;font-weight:500;color:var(--accent)}.dashboard-user-card-link:hover .dashboard-user-card-edit{text-decoration:underline}.dashboard-header{margin-bottom:1.5rem}.dashboard-header-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--text)}.dashboard-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.dashboard-subtitle{margin:0;font-size:.95rem;color:var(--text-muted)}.dashboard-loading,.dashboard-empty{color:var(--text-muted);margin:0}.dashboard-section{margin-bottom:1.5rem}.dashboard-section h2{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-muted)}.dashboard-create-form{display:flex;gap:.5rem;flex-wrap:wrap}.dashboard-create-form input{flex:1;min-width:140px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem}.dashboard-create-form input:focus{outline:none;border-color:var(--accent)}.dashboard-create-form button{padding:.6rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.dashboard-create-form button:hover:not(:disabled){background:var(--accent-hover)}.dashboard-create-form button:disabled{opacity:.6;cursor:not-allowed}.dashboard-feedback.error{margin:.5rem 0 0;font-size:.9rem;color:var(--danger)}.dashboard-rooms-hint{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted)}.dashboard-free-badge{margin:0;padding:.75rem 1rem;font-size:.95rem;color:var(--text);background:var(--accent-soft);border-radius:var(--radius-sm);border-left:4px solid var(--accent)}.dashboard-room-list{list-style:none;margin:0;padding:0}.dashboard-room-group{margin-bottom:1.25rem}.dashboard-room-group:last-child{margin-bottom:0}.dashboard-room-group-title{margin:0 0 .25rem;font-size:.8rem;font-weight:600;color:var(--text-muted)}.dashboard-room-group-desc{margin:0 0 .75rem;font-size:.8rem;color:var(--text-muted);opacity:.9}.dashboard-room-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-message);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.5rem}.dashboard-room-card--mine{border-left:3px solid var(--accent)}.dashboard-room-card--invited,.dashboard-room-card--public,.dashboard-room-card--private,.dashboard-room-card--key{border-left:3px solid var(--text-muted);opacity:.95}.dashboard-room-card--public{border-left-color:var(--accent)}.dashboard-room-card--private,.dashboard-room-card--key{border-left-color:var(--text-muted)}.dashboard-room-role-pill{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}.dashboard-room-role-pill--creator{background:var(--accent-soft);color:var(--accent)}.dashboard-room-role-pill--invited,.dashboard-room-role-pill--public,.dashboard-room-role-pill--private,.dashboard-room-role-pill--key{background:#0000000f;color:var(--text-muted)}.dashboard-room-key-badge{margin-right:2px;font-size:.9em}.dashboard-room-key-reenter{font-weight:500;opacity:.85}.dashboard-room-role-pill--public{color:var(--accent)}.dashboard-room-role-pill--key{color:var(--text-muted)}.dashboard-room-link{flex:1;min-width:0;text-decoration:none;color:inherit}.dashboard-room-link:hover{text-decoration:none;color:var(--accent)}.dashboard-room-visibility{flex-shrink:0;font-size:1rem;line-height:1}.dashboard-room-name{display:block;font-weight:600}.dashboard-room-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dashboard-room-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.5rem;padding:0 .4rem;font-size:.8rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;line-height:1}.dashboard-room-pending-badge{display:inline-block;font-size:.8rem;font-weight:600;background:#eab30826;color:#b45309;padding:.2rem .5rem;border-radius:var(--radius-sm);margin-left:.25rem;border:none;cursor:pointer;font-family:inherit}.dashboard-room-pending-badge:hover{background:#eab3084d}.dashboard-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.dashboard-modal{background:var(--bg-main, #fff);border-radius:var(--radius);box-shadow:0 25px 50px -12px #00000040;max-width:440px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.dashboard-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.dashboard-modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.dashboard-modal-close{flex-shrink:0;width:2rem;height:2rem;border:none;background:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm)}.dashboard-modal-close:hover{background:#0000000f;color:var(--text)}.dashboard-modal-hint{margin:0;padding:.75rem 1.25rem;font-size:.9rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.dashboard-modal-loading,.dashboard-modal-empty{padding:1.5rem 1.25rem;margin:0;font-size:.95rem;color:var(--text-muted)}.dashboard-modal-list{list-style:none;margin:0;padding:1rem 1.25rem;overflow-y:auto}.dashboard-modal-item{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.dashboard-modal-item:last-child{border-bottom:none}.dashboard-modal-name{font-weight:500;font-size:.95rem}.dashboard-modal-actions{display:flex;gap:.5rem}.dashboard-modal-btn{padding:.4rem .75rem;font-size:.85rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.dashboard-modal-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-modal-btn--approve{background:var(--accent-soft);color:var(--accent)}.dashboard-modal-btn--approve:hover:not(:disabled){background:var(--accent);color:#fff}.dashboard-modal-btn--deny{background:#ef44441f;color:var(--danger, #b91c1c)}.dashboard-modal-btn--deny:hover:not(:disabled){background:#ef444440}.dashboard-modal-btn--cancel{background:#0000000f;color:var(--text-muted)}.dashboard-modal-btn--cancel:hover{background:#0000001a;color:var(--text)}.dashboard-modal-deny-wrap{display:flex;flex-direction:column;gap:.5rem}.dashboard-modal-deny-label{font-size:.85rem;font-weight:500;color:var(--text)}.dashboard-modal-deny-input{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;resize:vertical;min-height:4rem}.dashboard-modal-deny-input:focus{outline:none;border-color:var(--accent)}.dashboard-modal-deny-actions{display:flex;gap:.5rem}.dashboard-room-meta--pending{color:var(--accent);font-weight:500}.dashboard-room-meta{font-size:.85rem;color:var(--text-muted)}.dashboard-room-meta--main{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:.35rem}.dashboard-room-divider{color:var(--text-muted);opacity:.8}.dashboard-room-creator{font-style:italic;color:var(--text-muted)}.dashboard-share-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:0}.dashboard-share-btn{padding:.4rem .75rem;font-size:.85rem;background:var(--accent-soft);color:var(--accent);border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;white-space:nowrap}.dashboard-share-btn:hover{background:var(--accent);color:#fff}.dashboard-share-fallback{width:100%;max-width:320px}.dashboard-share-fallback-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.dashboard-share-fallback-row{display:flex;gap:.35rem}.dashboard-share-fallback-input{flex:1;min-width:0;padding:.4rem .5rem;font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main)}.dashboard-adam{margin:1.5rem 0 0;padding:.75rem 1rem;background:#fef3c7;color:#92400e;border-radius:var(--radius-sm);font-size:.9rem}@media(max-width:640px){.dashboard{padding:1rem}.dashboard-create-form{flex-direction:column}.dashboard-create-form input{min-width:100%}.dashboard-room-card{flex-wrap:wrap}.dashboard-share-btn{width:100%}}.media-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;animation:media-viewer-fadeIn .15s ease-out}@keyframes media-viewer-fadeIn{0%{opacity:0}to{opacity:1}}.media-viewer-modal{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;background:var(--bg-message, #fff);border-radius:var(--radius, 12px);box-shadow:0 8px 32px #0006;overflow:hidden}.media-viewer-close{position:absolute;top:.5rem;right:.5rem;z-index:2;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.media-viewer-close:hover{background:#000000b3}.media-viewer-close:focus-visible{outline:2px solid var(--accent, #0d9488);outline-offset:2px}.media-viewer-content{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;max-width:90vw;max-height:80vh;padding:2rem 1rem 1rem}.media-viewer-img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-sm, 8px)}.media-viewer-video{max-width:100%;max-height:75vh;border-radius:var(--radius-sm, 8px);background:#000}.media-viewer-doc,.media-viewer-pdf{width:90vw;height:75vh;min-width:320px;min-height:400px;max-width:900px;border:none;border-radius:var(--radius-sm, 8px);background:#525252}.media-viewer-doc-fallback{padding:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.media-viewer-doc-fallback p{margin:0;color:var(--text-muted, #65676b)}.media-viewer-doc-link{color:var(--accent, #0d9488);font-weight:600;text-decoration:none}.media-viewer-doc-link:hover{text-decoration:underline}.media-viewer-caption{margin:0;padding:.75rem 1rem 1rem;font-size:.875rem;color:var(--text-muted, #65676b);text-align:center;border-top:1px solid var(--border, #e4e6eb);width:100%;box-sizing:border-box}.chat-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg-main)}.chat-header{padding:1rem 1.5rem;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));background:var(--bg-message);border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.chat-header-room{min-width:0;flex:1}.chat-header-room-block{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--accent-soft) 0%,rgba(13,148,136,.06) 100%);border:1px solid rgba(13,148,136,.2);border-radius:var(--radius-md);border-left:4px solid var(--accent)}.chat-header-room-icon{flex-shrink:0;width:28px;height:28px;color:var(--accent);margin-top:.1rem}.chat-header-room-photo{width:28px;height:28px;object-fit:cover;border-radius:var(--radius-sm);display:block}.chat-header-settings-btn{flex-shrink:0;padding:.35rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-header-settings-btn:hover{color:var(--accent);background:var(--accent-soft)}.chat-header-room-inner{min-width:0;flex:1}.chat-header-room-title,.chat-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.35rem}.chat-header-room-visibility{flex-shrink:0;font-size:1.1rem;line-height:1}.chat-header-room-meta{margin:.35rem 0 0;font-size:.875rem;font-weight:500;color:var(--accent)}.chat-header-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.chat-header-you{flex-shrink:0;padding:.5rem .75rem;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md)}.chat-header-you-label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.chat-header-you-inner{display:flex;align-items:center;gap:.625rem}.chat-header-you-avatar,.chat-header-you-avatar-initial{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.chat-header-you-avatar-initial{background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:#fff}.chat-header-you-info{min-width:0;display:flex;flex-direction:column;gap:.15rem}.chat-header-you-nickname{font-size:1.05rem;font-weight:600;line-height:1.25;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-you-email{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chat-header-participants-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.85rem;font-weight:500;background:var(--accent-soft);color:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.chat-header-participants-btn:hover{background:var(--accent);color:#fff}.chat-header-participants-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-header-participants-label{display:inline}.chat-header-participants-count{opacity:.9;font-size:.8em}.chat-share-fallback{display:flex;align-items:center;gap:.35rem;width:100%;min-width:200px}.chat-share-fallback-input{flex:1;min-width:0;padding:.35rem .5rem;font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text)}.chat-share-btn{padding:.35rem .6rem;font-size:.8rem;font-weight:500;background:var(--accent-soft);color:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.chat-share-btn:hover{background:var(--accent);color:#fff}.chat-adam-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;background:#fef3c7;color:#92400e;border-radius:4px}.chat-adam-hint{margin:.5rem 0 0;font-size:.8rem;color:var(--text-muted)}.chat-manage-wrap{margin-top:.75rem}.chat-manage-actions-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.chat-manage-toggle{padding:.4rem .75rem;font-size:.85rem;font-weight:500;background:var(--bg-main);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.chat-manage-toggle:hover{background:var(--accent-soft);border-color:var(--accent)}.chat-manage-panel{margin-top:.5rem;padding:.75rem;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm)}.chat-manage-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.chat-manage-title{font-size:.85rem;font-weight:600;color:var(--text)}.chat-manage-hint{font-size:.8rem;color:var(--text-muted)}.chat-manage-list{list-style:none;margin:0;padding:0}.chat-manage-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.chat-manage-item:last-child{border-bottom:none}.chat-manage-member{display:flex;align-items:center;gap:.5rem;min-width:0}.chat-manage-avatar-wrap{position:relative;flex-shrink:0}.chat-manage-avatar,.chat-manage-avatar-initial{width:32px;height:32px;border-radius:50%;display:block;object-fit:cover}.chat-manage-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-message)}.chat-manage-display-name{display:block;font-size:.8rem;color:var(--text-muted);font-weight:400}.chat-manage-avatar-initial{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600}.chat-manage-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.chat-manage-name{font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-manage-role{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.chat-manage-role--admin{color:var(--accent)}.chat-manage-role--moderator{color:var(--text-muted)}.chat-manage-role--member{color:var(--text-muted);opacity:.85}.chat-manage-role--collaborator{color:var(--accent);font-size:.65rem;margin-left:.25rem}.chat-manage-btn--media{background:#0000000f;color:var(--text-muted)}.chat-manage-btn--media:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.chat-manage-btn--media.is-active{background:var(--accent-soft);color:var(--accent)}.chat-manage-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.chat-manage-btn{padding:.25rem .5rem;font-size:.75rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer}.chat-manage-btn:disabled{opacity:.6;cursor:not-allowed}.chat-manage-btn--promote{background:var(--accent-soft);color:var(--accent)}.chat-manage-btn--promote:hover:not(:disabled){background:var(--accent);color:#fff}.chat-manage-btn--demote{background:#0000000f;color:var(--text-muted)}.chat-manage-btn--demote:hover:not(:disabled){background:#0000001a;color:var(--text)}.chat-manage-btn--kick{background:#ef44441f;color:var(--danger, #b91c1c)}.chat-manage-btn--kick:hover:not(:disabled){background:#ef444440}.chat-leave-btn{padding:.35rem .75rem;font-size:.8rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.chat-leave-btn:hover:not(:disabled){background:#0000000a;color:var(--text)}.chat-leave-btn:disabled{opacity:.6;cursor:not-allowed}.chat-leave-btn--header{margin-right:.25rem}.chat-leave-btn--manage{padding:.4rem .75rem;font-size:.85rem;font-weight:500;background:var(--bg-main);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.chat-leave-btn--manage:hover:not(:disabled){background:#0000000a;color:var(--text);border-color:var(--text-muted)}.chat-pending-requests{margin-top:.75rem;padding:.6rem .75rem;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm)}.chat-pending-label{font-size:.8rem;font-weight:600;color:var(--text)}.chat-pending-empty{margin:.5rem 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.4}.chat-pending-list{margin:.5rem 0 0;padding:0;list-style:none}.chat-pending-item{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.chat-pending-item:last-child{border-bottom:none}.chat-pending-name{font-size:.9rem;color:var(--text)}.chat-pending-actions{display:flex;gap:.35rem}.chat-pending-btn{padding:.25rem .5rem;font-size:.8rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500}.chat-pending-approve{background:var(--accent-soft);color:var(--accent)}.chat-pending-approve:hover{background:var(--accent);color:#fff}.chat-pending-deny{background:#ef444426;color:var(--danger, #b91c1c)}.chat-pending-deny:hover:not(:disabled){background:#ef44444d}.chat-pending-deny-wrap{width:100%;display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.chat-pending-deny-label{font-size:.8rem;font-weight:500;color:var(--text)}.chat-pending-deny-input{width:100%;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-family:inherit;resize:vertical;min-height:3rem}.chat-pending-deny-input:focus{outline:none;border-color:var(--accent)}.chat-pending-deny-actions{display:flex;gap:.35rem}.chat-pending-cancel{background:#0000000f;color:var(--text-muted)}.chat-pending-cancel:hover{background:#0000001a;color:var(--text)}.message-bubble-content{max-height:12rem;overflow-y:auto;overflow-x:hidden;word-break:break-word;white-space:pre-wrap}.message-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.message-datetime{font-variant-numeric:tabular-nums}.message-footer-btn{padding:.15rem .4rem;font-size:.7rem;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);font-weight:500}.message-footer-btn--reply{color:var(--accent);text-decoration:none}.message-footer-btn--reply:hover{color:var(--accent-hover);text-decoration:underline}.message-footer-btn--delete{color:var(--text-muted)}.message-footer-btn--delete:hover{color:var(--danger, #b91c1c)}.message-footer-btn--edit{color:var(--accent)}.message-footer-btn--edit:hover{color:var(--accent-hover);text-decoration:underline}.message-footer-btn--pin{color:var(--text-muted)}.message-footer-btn--pin:hover{color:var(--accent);text-decoration:underline}.message-footer-btn:disabled{opacity:.6;cursor:not-allowed}.message-pinned-badge{display:inline-block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.message-edit-form{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.message-edit-input{width:100%;padding:.5rem .6rem;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);font:inherit;font-size:.95rem;resize:vertical;min-height:60px;background:#ffffff26;color:inherit;box-sizing:border-box}.message-bubble--me .message-edit-input{border-color:#0003;background:#fff3}.message-edit-input:focus{outline:2px solid var(--accent);outline-offset:1px}.message-edit-input::placeholder{color:#fff9}.message-bubble--me .message-edit-input::placeholder{color:#0006}.message-edit-actions{display:flex;gap:.5rem;flex-wrap:wrap}.message-edit-btn-cancel{color:#ffffffd9}.message-bubble--me .message-edit-btn-cancel{color:#0009}.message-edit-btn-save{font-weight:600;color:#fff;background:var(--accent);padding:.25rem .6rem;border-radius:var(--radius-sm)}.message-edit-btn-save:hover:not(:disabled){background:var(--accent-hover)}.message-edit-btn-save:disabled{opacity:.5}.message-adam-btn{padding:.15rem .4rem;font-size:.7rem;background:transparent;color:var(--accent);border:none;cursor:pointer;text-decoration:underline}.message-adam-btn:hover{color:var(--accent-hover)}.message-adam-requested{font-size:.7rem;color:var(--text-muted)}.message-adam-wrap{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}.message-adam-error{display:block;width:100%;font-size:.65rem;color:var(--danger, #b91c1c);margin-top:.15rem}.message-block{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.message-reply-nested{margin-left:2.5rem;margin-top:.15rem;padding-left:.75rem;border-left:3px solid var(--border);width:calc(100% - 3.25rem);max-width:85%;box-sizing:border-box}.message-reply-nested .message-bubble{max-width:100%}.message-media-img-trigger{padding:0;border:none;background:none;cursor:pointer;display:block;border-radius:var(--radius-sm);line-height:0}.message-media-img-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.message-media-file-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--accent);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.message-media-file-trigger:hover{background:var(--accent-soft);border-color:var(--accent)}.message-media-file-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.message-media-file-icon{font-size:1.25rem}.message-reply-preview{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;background:#f0f2f5;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px}.message-reply-preview-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--accent);opacity:.9}.message-reply-preview-inner{flex:1;min-width:0}.message-reply-preview-label{font-size:.75rem;font-weight:600;color:#1f2937;display:block;margin-bottom:.15rem}.message-reply-preview-content{margin:0;font-size:.8rem;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.message-reply-preview-close{flex-shrink:0;width:28px;height:28px;padding:0;border:none;background:transparent;color:#6b7280;font-size:1.35rem;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.message-reply-preview-close:hover{background:#00000014;color:#111827}.message-quote{font-size:.8rem;padding:.35rem .5rem;margin-bottom:.35rem;border-left:3px solid var(--border);border-radius:0 4px 4px 0;background:#0000000f;max-width:100%;min-width:0}.message-bubble--me .message-quote{border-left-color:#0003;background:#ffffffd9}.message-quote-author{display:block;font-weight:600;color:var(--accent);margin-bottom:.1rem}.message-bubble--me .message-quote-author{color:#1e40af}.message-quote-content{display:block;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-bubble--me .message-quote-content{color:#374151}.message-visibility-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.5rem;position:relative}.message-visibility-label{font-size:.85rem;color:var(--text-muted);margin-right:.25rem}.message-visibility-label strong{color:var(--text);font-weight:600}.visibility-btn{padding:.3rem .6rem;font-size:.8rem;background:var(--bg-message);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.visibility-btn:hover{color:var(--text);border-color:var(--accent)}.visibility-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.message-recipient-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;background:var(--bg-message);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.25rem;min-width:160px;z-index:10}.recipient-option{display:block;width:100%;padding:.4rem .6rem;text-align:left;font-size:.85rem;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--text)}.recipient-option:hover{background:var(--accent-soft)}.recipient-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:500}.message-type-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;margin-left:.35rem;font-weight:500}.message-type-badge--public{background:var(--accent-soft);color:var(--accent)}.message-type-badge--private{background:#e0e7ff;color:#4338ca}.messages-wrap{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.message-system{align-self:center;font-size:.8rem;color:var(--text-muted);text-align:center;padding:.25rem 0}.input-wrap{padding:1rem 1.5rem;background:var(--bg-message);border-top:1px solid var(--border);flex-shrink:0}.chat-members-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0006;animation:chat-members-fadeIn .2s ease-out}@keyframes chat-members-fadeIn{0%{opacity:0}to{opacity:1}}.chat-members-panel{position:fixed;top:0;right:0;bottom:0;z-index:901;width:100%;max-width:320px;background:var(--bg-message);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;animation:chat-members-slideIn .25s ease-out;padding-left:env(safe-area-inset-right)}@keyframes chat-members-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-members-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.chat-members-panel-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text)}.chat-members-panel-close{width:40px;height:40px;padding:0;border:none;border-radius:50%;background:var(--bg-main);color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-members-panel-close:hover{background:var(--border);color:var(--text)}.chat-room-settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:901;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 40px #0003;animation:chat-members-fadeIn .2s ease-out}.chat-room-settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.chat-room-settings-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text)}.chat-room-settings-form{padding:1.25rem}.chat-room-settings-label{display:block;margin:0 0 .35rem;font-size:.875rem;font-weight:500;color:var(--text)}.chat-room-settings-input,.chat-room-settings-textarea{width:100%;margin-bottom:1rem;padding:.5rem .75rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text);box-sizing:border-box}.chat-room-settings-textarea{resize:vertical;min-height:80px}.chat-room-settings-photo-preview{margin:-.5rem 0 1rem}.chat-room-settings-photo-preview img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.chat-room-settings-error{margin:0 0 1rem;font-size:.875rem;color:var(--error)}.chat-room-settings-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.chat-members-panel-hint{margin:0;padding:.75rem 1.25rem;font-size:.8rem;color:var(--text-muted);background:var(--bg-main);border-bottom:1px solid var(--border)}.chat-members-panel-list{list-style:none;margin:0;padding:.5rem 0;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.chat-members-panel-item{margin:0}.chat-members-panel-item--empty{padding:1rem 1.25rem;color:var(--text-muted);font-size:.9rem}.chat-members-panel-link,.chat-members-panel-self{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:var(--text);text-decoration:none;transition:background .15s;min-height:48px;box-sizing:border-box}.chat-members-panel-link:hover{background:var(--accent-soft);color:var(--accent)}.chat-members-panel-link--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.chat-members-panel-self{color:var(--text-muted)}.chat-members-panel-avatar-wrap{position:relative;flex-shrink:0;width:40px;height:40px}.chat-members-panel-avatar,.chat-members-panel-initial{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-members-panel-initial{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:1rem}.chat-members-panel-online{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-message)}.chat-members-panel-link-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-members-panel-you-badge{flex-shrink:0;font-size:.8rem;color:var(--text-muted)}.chat-members-panel-badge{margin-left:.35rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .35rem;border-radius:3px;background:var(--accent-soft);color:var(--accent)}@media(max-width:480px){.chat-members-panel{max-width:100%}}@media(max-width:768px){.chat-header-row{flex-direction:column;gap:.75rem}.chat-header-you{width:100%;box-sizing:border-box}.chat-header-room-title{font-size:1.1rem}}@media(max-width:480px){.chat-header{padding:.75rem 1rem}.chat-header,.messages-wrap,.input-wrap{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.input-wrap{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.chat-header-you-nickname{font-size:1rem}.chat-header-you-avatar,.chat-header-you-avatar-initial{width:36px;height:36px;font-size:.9rem}.chat-header-participants-label{display:none}.chat-header-participants-btn{padding:.5rem .6rem;min-width:44px;justify-content:center}.chat-header-room-block{padding:.5rem .75rem}.chat-header-badges{gap:.35rem}.chat-share-btn{padding:.35rem .5rem;font-size:.75rem}}.profile-page{padding:1rem 1rem 1.5rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom));max-width:480px;margin:0 auto}@media(min-width:480px){.profile-page{padding:1.5rem}}.profile-card{background:var(--bg-message);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow)}.profile-card--instagram .profile-header{text-align:center;margin-bottom:1.5rem}.profile-avatar-wrap{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border);background:var(--accent-soft);cursor:pointer;padding:0;transition:border-color .2s}.profile-avatar-wrap:hover:not(:disabled){border-color:var(--accent)}.profile-avatar-wrap:disabled{opacity:.7;cursor:wait}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-initial{font-size:3rem;font-weight:600;color:var(--accent)}.avatar-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.profile-form .profile-label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text)}.profile-form input,.profile-bio-input{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.profile-bio-input{resize:vertical;min-height:100px}.profile-form input:focus,.profile-bio-input:focus{outline:none;border-color:var(--accent)}.profile-email{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted)}.profile-msg{margin:0 0 .75rem;font-size:.9rem}.profile-msg.success{color:#166534}.profile-msg.error{color:var(--danger)}.profile-submit{width:100%;padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer}.profile-submit:hover:not(:disabled){background:var(--accent-hover)}.profile-submit:disabled{opacity:.7;cursor:not-allowed}.profile-form .profile-label+.profile-label{margin-top:1rem}.profile-card--room{margin-top:1.5rem}.profile-card-title{margin:0 0 .35rem;font-size:1.25rem;font-weight:600;color:var(--text)}.profile-card-desc{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted);line-height:1.4}.profile-card-desc a{color:var(--accent);text-decoration:none}.profile-card-desc a:hover{text-decoration:underline}.profile-room-photo-wrap{margin-bottom:1rem}.profile-room-photo-wrap .profile-label{margin-bottom:.35rem}.profile-room-photo-btn{display:block;width:100%;max-width:200px;aspect-ratio:16/10;border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-message);cursor:pointer;padding:0;overflow:hidden;margin-bottom:.5rem}.profile-room-photo-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.profile-room-photo-preview{width:100%;height:100%;object-fit:cover}.profile-room-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-size:1rem}.profile-room-photo-url{width:100%;padding:.5rem .75rem;font-size:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.profile-field-group{margin-bottom:1rem}.profile-field-hint{margin:.25rem 0 .5rem;font-size:.85rem;color:var(--text-muted);line-height:1.4}.profile-select{width:100%;padding:.5rem .75rem;font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-message);color:var(--text)}.sala-page{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));max-width:640px;margin:0 auto}@media(min-width:600px){.sala-page{padding:1rem 1.25rem}}.sala-loading,.sala-error{text-align:center;padding:2rem;color:var(--text-muted, #666)}.sala-error{color:var(--error, #c62828)}.sala-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border, #eee)}.sala-header-avatar-wrap{margin-bottom:.75rem}.sala-header-avatar,.sala-header-avatar-initial{width:96px;height:96px;border-radius:50%;object-fit:cover}.sala-header-avatar-initial{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft, rgba(0, 120, 212, .15));color:var(--accent, #0078d4);font-size:2.25rem;font-weight:600}.sala-header-name{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:var(--text, #1a1a1a)}.sala-header-username{display:block;font-size:.95rem;color:var(--text-muted, #666);margin-bottom:.5rem}.sala-header-bio{margin:0 0 .75rem;font-size:.95rem;color:var(--text);line-height:1.5;white-space:pre-wrap;max-width:480px;margin-left:auto;margin-right:auto}.sala-header-status{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.9rem;color:var(--text-muted, #666);margin-bottom:1rem}.sala-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted, #999)}.sala-status-dot--ao_vivo{background:#e53935}.sala-status-dot--online{background:#43a047}.sala-header-actions{margin-top:.5rem}.sala-btn{padding:.6rem 1.25rem;border-radius:var(--radius, 8px);font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,background .15s}.sala-btn--primary{background:var(--accent, #0078d4);color:#fff}.sala-btn--primary:hover:not(:disabled){opacity:.92}.sala-btn:disabled{opacity:.7;cursor:not-allowed}.sala-pending{margin:0;font-size:.95rem;color:var(--text-muted, #666)}.sala-feedback.error{margin-top:.5rem;font-size:.9rem;color:var(--error, #c62828)}.sala-section{margin-bottom:1.75rem}.sala-section-title{margin:0 0 .35rem;font-size:1.15rem;font-weight:600;color:var(--text, #1a1a1a)}.sala-section-desc{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted, #666);line-height:1.45}.sala-stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--text-muted, #666)}.sala-pinned-list{list-style:none;margin:0;padding:0}.sala-pinned-item{padding:.75rem 1rem;margin-bottom:.5rem;background:var(--bg-message, #f8f8f8);border-radius:var(--radius, 8px);border-left:3px solid var(--accent, #0078d4)}.sala-pinned-content{margin:0 0 .35rem;font-size:.95rem;line-height:1.45;color:var(--text, #1a1a1a)}.sala-pinned-meta{font-size:.85rem;color:var(--text-muted, #666);font-style:normal}.sala-empty{margin:0;font-size:.9rem;color:var(--text-muted, #666)}.sala-back{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border, #eee)}.sala-back a{color:var(--accent, #0078d4);text-decoration:none;font-size:.95rem}.sala-back a:hover{text-decoration:underline}.join-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));background:var(--bg-main)}.join-card{background:var(--bg-message);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;max-width:400px;width:100%;text-align:center}.join-card h1{margin:0 0 1rem;font-size:1.25rem}.join-card p{margin:0 0 1rem;color:var(--text-muted)}.join-hint{font-size:.9rem;margin-bottom:1.5rem!important}.join-error{color:var(--danger)!important}.join-btn{display:block;width:100%;padding:.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer}.join-btn:hover:not(:disabled){background:var(--accent-hover)}.join-btn:disabled{opacity:.7;cursor:wait}:root{--bg-sidebar: #1a1d24;--bg-main: #f0f2f5;--bg-message: #fff;--bg-input: #fff;--border: #e4e6eb;--text: #1c1e21;--text-muted: #65676b;--accent: #0d9488;--accent-hover: #0f766e;--accent-soft: rgba(13, 148, 136, .12);--danger: #dc2626;--radius: 12px;--radius-sm: 8px;--radius-md: 10px;--shadow: 0 1px 3px rgba(0,0,0,.08);--font-sans: "Outfit", system-ui, sans-serif;--touch-min: 44px}*{box-sizing:border-box}html{height:100%;margin:0;-webkit-text-size-adjust:100%}body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:clamp(15px,2.2vw,16px);color:var(--text);background:var(--bg-main);-webkit-font-smoothing:antialiased;min-height:100%;min-height:100dvh;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit}