body[data-view="lobby:user"] #lobby-buttons-container,body[data-view="lobby:user"] #add-contact-btn{display:flex}body[data-view="lobby:user"] #toggle-lang-btn{display:block}body[data-view="lobby:user"] .chat-controls{display:none}body[data-view="lobby:user"] #legal-footer{display:flex}body[data-view="calling:user"] .chat-controls,body[data-view="connected:user"] #lobby,body[data-view="connected:user"] #toggle-lang-btn,body[data-view="connected:user"] #legal-footer{display:none}body[data-view="lobby:guest"] #lobby-buttons-container{display:flex}body[data-view="lobby:guest"] #add-contact-btn{display:none}body[data-view="lobby:guest"] #toggle-lang-btn{display:block}body[data-view="lobby:guest"] .chat-controls{display:none}body[data-view="lobby:guest"] #legal-footer{display:flex}body[data-view="calling:guest"] .chat-controls,body[data-view="connected:guest"] #lobby,body[data-view="connected:guest"] #toggle-lang-btn,body[data-view="connected:guest"] #legal-footer,body[data-main-content=remoteStream] #yt-video-box,body[data-main-content=ytVideo] #remote-video-box{display:none}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button;-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{font-family:var(--font-family-primary);color:var(--text-secondary);background:var(--bg-primary)}h1{font-size:var(--font-size-2xl);color:var(--text-primary);text-align:center;margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline;text-shadow:0 0 5px var(--color-primary-subtle)}a span{text-decoration:none}:root{scrollbar-width:thin;scrollbar-color:rgb(188 188 188 / .8) transparent;scrollbar-gutter:stable both-edges}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}button{border:2px solid transparent;border-radius:var(--radius-md);margin:0;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-md);background-color:transparent;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-slow)}button:hover{background:#ffffff1a}button:disabled{background-color:var(--border-secondary);cursor:not-allowed;opacity:.6}input[type=text]{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-md);min-width:200px}input[type=text]:focus{outline:none;border-color:var(--color-success)}:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #2d2d2d;--bg-elevated: #121212;--text-primary: #eee;--text-secondary: #ccc;--text-tertiary: #aaa;--text-muted: #888;--text-disabled: #666;--border-primary: #444;--border-secondary: #555;--color-primary: #4c81af;--color-primary-hover: #739cc0d8;--color-primary-subtle: #739cc07b;--color-success: #47974a;--color-success-hover: #2b632e;--color-danger: #f44336;--color-danger-hover: #da190b;--color-info: #007bff;--color-info-hover: #0056b3;--color-warning: #ffc107;--color-accent-blue: rgb(55, 162, 255);--color-accent-hover: #777;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-inset-sm: inset 0 4px 12px rgba(0, 0, 0, .15);--shadow-inset-md: inset 0 20px 40px rgba(0, 0, 0, .3);--text-shadow-subtle: 0 1px 0 rgba(0, 0, 0, .45);--text-shadow-medium: 0 2px 4px rgba(0, 0, 0, .55);--text-shadow-strong: 0 4px 8px rgba(0, 0, 0, .65);--text-shadow-extreme: 0 4px 8px rgba(0, 0, 0, .9);--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 5px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 50%;--font-family-primary: "Satoshi", "Roboto", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 2rem;--z-low: 0;--z-mid: 100;--z-high: 200;--z-overlay: 300;--z-modal: 9999;--transition-fast: .1s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .4s}:root{--duration-default: .25s;--easing-default: ease-in-out;--easing-overshoot: cubic-bezier(.68, -.55, .27, 1.55);--transition-default: opacity var(--duration-default) var(--easing-default), transform var(--duration-default) var(--easing-default), width var(--duration-default) var(--easing-default), padding var(--duration-default) var(--easing-default), margin var(--duration-default) var(--easing-default)}@media(prefers-reduced-motion:reduce){.fade,.slide-up,.slide-down,.slide-left,.slide-right,.auto-animate,.auto-animate>*{transition:none!important;animation:none!important}}.auto-animate>*{opacity:1;transform:translate(0);transition:opacity var(--duration-default) var(--easing-default),transform var(--duration-default) var(--easing-default),display var(--duration-default) allow-discrete}@starting-style{.auto-animate>*{opacity:0;transform:translate(10px)}}.auto-animate>*.hidden,.auto-animate>*[hidden],.auto-animate>*:disabled{display:none;opacity:0;transform:translate(10px)}.auto-animate{display:flex;gap:var(--spacing-sm, .5rem)}.auto-animate>*{transition:all var(--duration-default) var(--easing-default)}@supports not (selector(:has(*))){.auto-animate>*{opacity:1;transform:translate(0)}}@supports not (transition-behavior: allow-discrete){.fade,.slide-up,.slide-down,.slide-left,.slide-right{visibility:visible;opacity:1;transform:translate(0);transition:opacity var(--duration-default) var(--easing-default),visibility 0s linear 0s,transform var(--duration-default) var(--easing-default)}.fade.hidden,.slide-up.hidden,.slide-down.hidden,.slide-left.hidden,.slide-right.hidden{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-default) var(--easing-default),visibility 0s linear var(--duration-default),transform var(--duration-default) var(--easing-default)}}@supports (transition-behavior: allow-discrete){.fade,.slide-up,.slide-down,.slide-left,.slide-right{opacity:1;transform:translate(0);transition:opacity var(--duration-default) var(--easing-default),transform var(--duration-default) var(--easing-default),display var(--duration-default) var(--easing-default) allow-discrete}.fade.hidden,.slide-up.hidden,.slide-down.hidden,.slide-left.hidden,.slide-right.hidden{display:none;opacity:0;pointer-events:none}}.slide-up.hidden{transform:translateY(10px)}.slide-down.hidden{transform:translateY(-10px)}.slide-left.hidden{transform:translate(10px)}.slide-right.hidden{transform:translate(-10px)}.fast{--duration-default: .1s}.slow{--duration-default: .4s}.hidden{display:none!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.main-wrapper{position:relative;height:100dvh;overflow:hidden;container-type:size;container-name:main}.relative-wrapper{position:relative;height:94%;width:auto;container-type:inline-size;container-name:content}.flex-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.flex-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}@container (min-width: 600px){.container-md\:flex-row{flex-direction:row}}@container (min-width: 800px){.container-lg\:flex-row{flex-direction:row}}[class*="container-md:"],[class*="container-lg:"]{transition:flex-direction var(--duration-default, .2s) var(--easing-default, ease),gap var(--duration-default, .2s) var(--easing-default, ease)}.animated-flex>*{transition:var(--transition-default)}.no-animate>*,.no-animate{transition:none!important}@media(prefers-reduced-motion:reduce){.animated-flex>*{transition:none!important}}.top-bar{background:var(--bg-elevated);box-shadow:var(--shadow-md);position:relative;z-index:var(--z-mid);width:100%;max-width:100vw;height:auto;display:flex;flex-direction:row;gap:1rem;margin:0;padding:.5rem;align-items:center;justify-content:space-between;transition:background-color var(--duration-default, .2s) var(--easing-default, ease),box-shadow var(--duration-default, .2s) var(--easing-default, ease)}.top-bar button{height:35px}.title-auth-bar{display:flex;flex-direction:row;gap:1rem;flex:1 1 auto;min-width:0;transition:gap var(--duration-default, .2s) var(--easing-default, ease)}#app-title-h1{display:flex;justify-content:flex-start;align-items:center;font-size:2rem;flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;transition:max-width var(--duration-default) var(--easing-default);margin:0;padding:0;border:none}#app-title-a{color:var(--color-primary);height:100%;max-width:100%;text-decoration:underline var(--color-primary-subtle)}#app-title-a:hover{text-decoration:underline var(--color-primary-hover);cursor:grab}#app-title-a:active{text-decoration:underline var(--color-primary-hover);cursor:grabbing}#app-title-span{margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:520px){#app-title-h1{justify-content:flex-start;align-items:center;max-width:0}#app-title-span{display:block}#app-title-a{cursor:default;text-decoration:none}}.auth-component{display:flex;gap:var(--spacing-sm, .5rem);align-items:center}.auth-component .user-info{transform:translate(0);transition:var(--transition-default)}@starting-style{.auth-component .user-info{opacity:0;transform:translate(10px)}}.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn{opacity:0;display:none;cursor:none;pointer-events:none;transform:translate(0);transition:var(--transition-default);border:none;border-radius:var(--radius-lg, 8px);white-space:nowrap;background-color:#4c81af99}:is(.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn):active{background-color:#4c81af4d}:is(.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn):hover{background-color:#4c81af66}@supports (background-color: hsl(from var(--color-primary) h s l / .6)){.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn{background-color:hsl(from var(--color-primary) h s l / .6)}:is(.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn):active{background-color:hsl(from var(--color-primary) h s l / .3)}:is(.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn):hover{background-color:hsl(from var(--color-primary) h s l / .4)}}:is(.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn):enabled{opacity:1;display:inline-block;cursor:pointer;pointer-events:auto}@starting-style{:is(.auth-component .login-btn,.auth-component .logout-btn,.auth-component .delete-account-btn):enabled{opacity:0;transform:translate(10px)}}.auth-component .delete-account-btn{background-color:#dc354599}.auth-component .delete-account-btn:active{background-color:#dc35454d}.auth-component .delete-account-btn:hover{background-color:#dc3545b3}@supports (background-color: hsl(from var(--color-danger, #dc3545) h s l / .6)){.auth-component .delete-account-btn{background-color:hsl(from var(--color-danger, #dc3545) h s l / .6)}.auth-component .delete-account-btn:active{background-color:hsl(from var(--color-danger, #dc3545) h s l / .3)}.auth-component .delete-account-btn:hover{background-color:hsl(from var(--color-danger, #dc3545) h s l / .7)}}.top-right-menu{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-shrink:1;min-width:0;padding-right:1rem;transition:background-color var(--duration-default, .2s) var(--easing-default, ease),box-shadow var(--duration-default, .2s) var(--easing-default, ease)}.top-right-menu .search-section{order:1}.top-right-menu #main-messages-toggle-btn{order:2}.top-right-menu .notifications-toggle-container{order:3}.top-right-menu button,.top-right-menu .notifications-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;min-width:40px;min-height:40px;font-size:1.2rem;border-radius:50%;background:transparent;transition:background-color .2s ease,color .2s ease}.top-right-menu button:hover,.top-right-menu .notifications-toggle-btn:hover{background:#ffffff1a}.user-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);max-width:250px;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(158,158,158,.25);flex-shrink:0}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);font-size:1.2rem;flex-shrink:0}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}#install-btn{margin-right:.5rem}@media(prefers-reduced-motion:reduce){.auth-component>button{transition:none}.top-bar,.top-right-menu,#app-title-h1{transition:none}}#lobby{display:flex;flex-direction:column;align-items:center}#lobby-buttons-container{margin-top:var(--spacing-2xl);display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:1rem;width:100%;max-width:50dvw}button.lobby-btn{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;width:fit-content;padding:.75rem;background-color:#458c45;color:#0828a9;border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:color .3s ease,background-color .3s ease,box-shadow .3s ease}button.lobby-btn:hover{box-shadow:var(--shadow-md);text-shadow:0 2px 4px rgba(0 0 0 / .3),0 -1px 0 rgba(255 255 255 / .2);color:#0828ff}.contacts-container{box-sizing:border-box;background-color:#3f3f3f;border:2px solid #444;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:.5rem;margin:var(--spacing-2xl) auto;overflow-y:auto;max-width:95vw;max-height:88dvh}.contacts-container h3{margin:0 auto .75rem}.contacts-container .contacts-list{display:flex;flex-direction:column;row-gap:.5rem}.contacts-container .contacts-list .contact-entry{display:flex;align-items:center;padding:.2rem .4rem;column-gap:8px;min-width:0}.contacts-container .contacts-list .contact-entry .contact-call-btn{background:none;border:none;box-shadow:none;padding:.2rem;cursor:pointer;color:#4aac4a;opacity:.85;flex-shrink:0}.contacts-container .contacts-list .contact-entry .contact-call-btn .lucide-icon{width:20px;height:20px;rotate:0deg;transition:all .2s ease}.contacts-container .contacts-list .contact-entry .contact-call-btn:hover{opacity:1}.contacts-container .contacts-list .contact-entry .contact-call-btn:hover .lucide-icon{opacity:1;rotate:15deg;color:#46c846}.contacts-container .contacts-list .contact-entry .presence-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#666;transition:background-color .3s ease;flex-shrink:0}.contacts-container .contacts-list .contact-entry .presence-indicator.online{background-color:#00d26a}.contacts-container .contacts-list .contact-entry .contact-name{-webkit-user-select:none;user-select:none;padding:4px;border-radius:6px;font-size:1rem;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background-color .2s ease}.contacts-container .contacts-list .contact-entry .contact-name:hover{background-color:#5ba85f33}.contacts-container .contacts-list .contact-entry .contact-name:active{background-color:#5ba85f66}.contacts-container .contacts-list .contact-entry .unread-badge{background-color:var(--color-primary);color:var(--text-primary);font-size:.7rem;font-weight:700;text-shadow:0 0 2px rgb(0 0 0);min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;padding:0 5px;flex-shrink:0;box-sizing:border-box}.contacts-container .contacts-list .contact-entry .contact-edit-btn{background:transparent;box-shadow:none;font-size:.85rem;z-index:var(--z-mid);padding:2px 4px;margin:0;flex-shrink:0;text-shadow:0 0 2px rgb(0 0 0)}.contacts-container .contacts-list .contact-entry .contact-edit-btn:hover{background:#ffffff1a}.add-contact-modal{background-color:#3f3f3f;border:2px solid #444;border-radius:12px;padding:1rem;width:clamp(220px,80vw,600px);color:#fff;position:relative}.add-contact-modal .close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#aaa;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.add-contact-modal .close-btn:hover{background-color:#ffffff1a;color:#fff}.add-contact-modal h2{margin-top:0;margin-bottom:1.5rem;color:#fff;text-align:center}.add-contact-modal .platform-selector{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.add-contact-modal .platform-btn{width:60px;height:60px;border-radius:12px;border:2px solid #555;background-color:#444;color:#aaa;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.add-contact-modal .platform-btn:hover:not(:disabled){background-color:#555;border-color:#4aac4a;color:#fff;transform:scale(1.05)}.add-contact-modal .platform-btn.active{background-color:#4aac4a;border-color:#46c846;color:#fff}.add-contact-modal .platform-btn:disabled{opacity:.3;cursor:not-allowed}.add-contact-modal .search-section{margin-bottom:1rem}.add-contact-modal .contact-search-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #555;border-radius:6px;background-color:#444;color:#fff;box-sizing:border-box}.add-contact-modal .contact-search-input:focus{outline:none;border-color:#4aac4a}.add-contact-modal .contact-search-input::placeholder{color:#888}.add-contact-modal .disclosure-note{margin:0 0 .75rem;color:#b9c1c8;font-size:.85rem;line-height:1.45}.add-contact-modal .contacts-container-modal{min-height:300px;max-height:400px;overflow-y:auto;border:1px solid #555;border-radius:6px;background-color:#444;margin-bottom:1rem}.add-contact-modal .modal-footer{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #555}.add-contact-modal .cancel-btn{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;background-color:#555;color:#fff;transition:background-color .2s ease}.add-contact-modal .cancel-btn:hover{background-color:#666}.add-contact-modal .import-status{min-height:1.5rem;font-size:.9rem;padding:.5rem;border-radius:4px;margin-bottom:.5rem;text-align:center}.add-contact-modal .import-status.loading{color:#aaa}.add-contact-modal .import-status.success{color:#46c846}.add-contact-modal .import-status.not-found{color:#f9c74f}.add-contact-modal .import-status.cancelled{color:#aaa}.add-contact-modal .import-status.error{color:#f94144}.add-contact-modal .import-results{margin-top:1rem;max-height:400px;overflow-y:auto}.add-contact-modal .results-header{padding:.75rem;background-color:#555;border-radius:6px;margin-bottom:.5rem}.add-contact-modal .select-all-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.add-contact-modal .select-all-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.add-contact-modal .contacts-scroll-list{max-height:300px;overflow-y:auto;margin-bottom:1rem;border:1px solid #555;border-radius:6px;background-color:#444}.add-contact-modal .contact-list{list-style:none;padding:0;margin:0}.add-contact-modal .contact-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid #555;gap:.75rem}.add-contact-modal .contact-item:last-child{border-bottom:none}.add-contact-modal .contact-item:hover{background-color:#ffffff0d}.add-contact-modal .contact-item-label{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0}.add-contact-modal .contact-checkbox{width:18px;height:18px;cursor:pointer;flex-shrink:0}.add-contact-modal .contact-checkbox:disabled{opacity:.3;cursor:not-allowed}.add-contact-modal .contact-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.add-contact-modal .contact-info strong{font-size:1rem;max-width:15em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-contact-modal .contact-info small{font-size:.85rem;max-width:15em;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-contact-modal .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;margin-top:.25rem}.add-contact-modal .status-badge.saved{background-color:#4aac4a4d;color:#46c846}.add-contact-modal .status-badge.on-app{background-color:#4aacff4d;color:#64b4ff}.add-contact-modal .status-badge.not-on-app{background-color:#f9c74f4d;color:#f9c74f}.add-contact-modal .invite-btn{background-color:#4aac4a;color:#fff;padding:.5rem 1rem;font-size:.9rem;border-radius:6px;flex-shrink:0}.add-contact-modal .invite-btn:hover{background-color:#46c846}.add-contact-modal .invite-btn.sent{background-color:#555;cursor:default}.add-contact-modal .invite-btn.sent:hover{background-color:#555}.add-contact-modal .bulk-actions-container{margin-top:1rem}.add-contact-modal .bulk-action-disclosure{margin-top:.75rem}.add-contact-modal .bulk-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #555}.add-contact-modal .action-btn{flex:1;padding:.75rem 1rem;font-size:1rem;border-radius:6px;background-color:#4aac4a;color:#fff}.add-contact-modal .action-btn:hover:not(:disabled){background-color:#46c846}.add-contact-modal .action-btn.secondary{background-color:#357abd}.add-contact-modal .action-btn.secondary:hover:not(:disabled){background-color:#4a8fd6}.add-contact-modal .action-btn:disabled{opacity:.4;cursor:not-allowed}.add-contact-modal .divider{border:none;border-top:1px solid #555;margin:1.5rem 0}.add-contact-modal .empty-state{text-align:center;padding:2rem;color:#aaa}:root{--small-frame-height: 15dvh}#videos{position:absolute;top:0;left:0;z-index:var(--z-low);height:100%;width:100%;overflow:hidden;pointer-events:none}#videos video,#videos iframe{pointer-events:auto}.video-box{display:flex;justify-content:center;align-items:center;height:100%;transition:opacity .3s ease}.video-box video{object-position:center;object-fit:contain;min-width:300px;min-height:168px;width:100%;height:100%;max-width:1920px;max-height:100%;border-radius:inherit}.video-box.small-frame video{object-fit:cover;width:auto;min-width:80px;min-height:84px}#local-video-el{background-color:transparent;transform:scaleX(-1)}#local-video-el:picture-in-picture,#remote-video-el:picture-in-picture,#local-video-el.small-frame:picture-in-picture,#remote-video-el.small-frame:picture-in-picture{display:none}#shared-video-box,#yt-video-box{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;background:transparent;z-index:var(--z-low)}#yt-video-box iframe{width:100%;height:100%}#shared-video-box{min-height:200px}.small-frame{position:absolute;top:20px;left:20px;height:var(--small-frame-height);border-radius:5px;-webkit-box-shadow:3px 3px 15px -1px rgba(0,0,0,.77);box-shadow:3px 3px 15px -1px #000000c4;z-index:var(--z-mid);transform:translate(0);will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.small-frame.closed{transform:translate(calc(-100% - 20px))}.small-frame-toggle-div{position:absolute;top:5px;right:5px;transform-origin:center;z-index:var(--z-high);display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;padding:.75rem;opacity:.5;transform:translate(0) rotate(0);will-change:transform,opacity;transition:translate .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.small-frame-toggle-div.closed{transform:translate(55px)}.small-frame-toggle-icon{background:transparent;text-shadow:0px 1px 2px #000,1px 2px 3px #222;padding:2px;font-size:1rem;font-weight:700;position:relative;transform:rotate(0);will-change:rotate;transition:rotate .3s cubic-bezier(.4,0,.2,1) .25s;z-index:var(--z-high)}.small-frame-toggle-icon.closed{rotate:180deg}.small-frame-toggle-div:hover,.small-frame-toggle-div.closed:hover{opacity:1;color:#fff;background:transparent}.small-frame-toggle-div.closed:hover{box-shadow:#000000b4 0 0 30px 2px}.small-frame.hidden{visibility:hidden;pointer-events:none}.chat-controls{display:flex;justify-content:center;gap:2dvw;column-gap:min(5dvw,24px);flex-wrap:wrap;margin:0 auto;position:relative;z-index:var(--z-high);pointer-events:auto;opacity:1;transition:opacity .2s ease}.chat-controls.bottom{position:fixed;bottom:10px;left:50%;transform:translate(-50%);opacity:1;pointer-events:auto}.chat-controls.watch-mode{position:fixed;top:50%;left:2vw;transform:translateY(-50%);flex-direction:column;opacity:1;max-height:80vh;overflow-y:auto;pointer-events:auto}.chat-controls.watch-mode .chat-btn{margin-top:1rem;width:50px;height:50px;flex-shrink:0}.chat-btn{width:50px;height:50px;border-radius:50%;background-color:var(--color-success);display:flex;justify-content:center;align-items:center;transition:var(--transition-default);box-sizing:border-box}.chat-btn:disabled{display:none;pointer-events:none}@media(max-width:600px){.chat-btn{width:40px;height:40px}}#call-btn{background:#2196f3;transition:background-color .3s,transform .3s}#call-btn:hover:not(:disabled){background:#1976d2}#exit-watch-mode-btn{background-color:#fff3;border:2px solid rgba(255,255,255,.5)}#exit-watch-mode-btn:hover{background-color:#ffffff4d;border-color:#fffc}.chat-controls.watch-mode #exit-watch-mode-btn{order:-1}#hang-up-btn{background-color:#ff5050}#hang-up-btn:hover{background-color:#ff3232}.chat-btn.muted{background-color:#ff5050}@media(max-width:768px){button:disabled{opacity:0;width:0;padding:0;overflow:hidden}}#messages{--local-bubble-shape: 16px 16px 2px 16px;--remote-bubble-shape: 16px 16px 16px 2px}#main-messages-toggle-btn{position:relative}#main-messages-toggle-btn button{will-change:transform}#main-messages-toggle-btn.new-message button{animation:bounce .8s ease-out 3}@keyframes bounce{0%,to{transform:translateY(0)}20%{transform:translateY(8px)}40%{transform:translateY(-16px)}55%{transform:translateY(0)}75%{transform:translateY(-6px)}}.messages-box button,#messages button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;box-shadow:none;border:none;border-radius:8px;background:transparent;color:var(--text-primary);transition:opacity .15s ease}#messages-form [data-lucide]{text-shadow:var(--text-shadow-subtle)}.messages-box{display:flex;flex-direction:column;position:fixed;margin:var(--spacing-sm);padding:8px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:300px;height:fit-content;background:var(--bg-secondary);z-index:var(--z-mid)}.messages-box{transition:transform .22s ease-in;transform-origin:top right;transform:translate(-100vw) translateY(0);pointer-events:none}.messages-box.messages-box--open{transition:transform .26s ease-out;transform:translate(0) translateY(0);pointer-events:auto}.messages-top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:2px 2px 8px}.messages-top-bar .messages-topbar-contact{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1}.messages-top-bar .messages-topbar-avatar{width:28px;height:28px;border-radius:50%;background:#3757c1;color:#fff;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.messages-top-bar .messages-topbar-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-top-bar .messages-topbar-back,.messages-top-bar .messages-topbar-call{padding:0 var(--spacing-xs);width:32px}.messages-top-bar .messages-topbar-call{color:#19cc2eda}.messages-top-bar .messages-topbar-back:hover,.messages-top-bar .messages-topbar-call:hover{opacity:.85;background:#ffffff1a}#messages{min-height:20dvh;height:fit-content;max-height:40dvh;overflow-y:auto;overflow-x:hidden;background:var(--bg-elevated);color:var(--text-secondary);padding:6px;font-family:sans-serif;font-size:14px;line-height:1.4;border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}#messages .message-timestamp{text-align:center;color:var(--text-secondary);font-size:12px;margin:.25em 0 0}#messages .message-entry{margin:8px 0;display:flex;align-items:flex-end;gap:6px;position:relative}#messages .message-entry.local{justify-content:flex-end}#messages .message-entry.remote{justify-content:flex-start}#messages .message-entry.ephemeral{justify-content:center}#messages .message-entry.ephemeral .message-text{color:var(--text-secondary);font-size:13px;text-align:center}#messages .message-entry:first-child{margin-top:0}#messages .message-entry:last-child{margin-bottom:0}#messages .message-entry.local{margin-right:.8%}#messages .message-bubble{display:inline-block;position:relative;max-width:88%;margin:8px 2px;padding:4px 8px;line-height:1.2;border-radius:16px;box-shadow:0 1px #0000001f;-webkit-user-select:none;user-select:none;cursor:pointer}#messages .message-bubble p{display:block;margin:0}#messages .message-bubble .message-text{color:var(--text-primary);padding:2px 6px;font-size:14px;line-height:1.2rem;letter-spacing:.3px;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}#messages .message-bubble .message-text.file-message .file-preview-img{display:block;max-width:100%;max-height:100%;cursor:pointer;object-fit:contain;margin:0 0 4px;padding:0}#messages .message-entry.local .message-bubble .message-text.file-message .file-preview-img{border-radius:var(--local-bubble-shape)}#messages .message-entry.remote .message-bubble .message-text.file-message .file-preview-img{border-radius:var(--remote-bubble-shape)}#messages .message-entry.local .message-bubble[data-read=true]:has(.file-preview-img),#messages .message-entry.remote .message-bubble:has(.file-preview-img){max-width:88%;max-height:60vh;padding:0;margin:0;background-color:transparent;border:none}#messages .message-entry.remote .message-bubble:has(.file-preview-img){border-radius:var(--remote-bubble-shape)}#messages .message-bubble .message-text.file-message .file-message-meta{display:flex;flex-direction:row;width:auto;max-width:100%;align-items:center;justify-content:space-between;padding:.15em .25em;margin:.25em 0 0;gap:2px}#messages .message-bubble .message-text.file-message .file-message-meta>a{display:flex;flex:1;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#48b4e2;text-shadow:#00000a 0px 1px 2px}#messages .message-bubble .message-text.file-message .file-message-size{color:var(--text-secondary, #aaa);font-size:12px;overflow:hidden;max-width:16em;text-overflow:ellipsis;white-space:nowrap}#messages .message-bubble:has(.file-preview-img){padding:0;width:fit-content;overflow:visible}#messages .message-bubble:has(.file-preview-img) .message-text.file-message{display:block;padding:0;line-height:normal}#messages .message-entry.local .message-bubble{background:#4a9eff33;border-radius:var(--local-bubble-shape);border:1px solid rgba(84,162,251,.24)}#messages .message-entry.local .message-bubble[data-read=true]{padding-right:18px}#messages .message-entry.local .message-bubble[data-read=true]:after{content:"✓";color:#74d877ae;position:absolute;bottom:4px;right:6px;font-weight:700;font-size:12px}#messages .message-entry.remote .message-bubble{background:#bcbcbc34;border-radius:var(--remote-bubble-shape);border:1px solid rgba(255,255,255,.274)}#messages .message-redacted{font-style:italic;opacity:.5}#messages .sender-avatar{display:inline-flex;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;aspect-ratio:1 / 1;flex:0 0 24px;border-radius:50%;background:#3757c1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 1px rgba(0,0,0,.25);align-items:center;justify-content:center;font-weight:600;margin-left:0;margin-right:2px;font-size:13px;line-height:1}#messages .sender-avatar--image{color:transparent;text-shadow:none}#messages .sender-avatar--me{display:none;background:#228332;color:#fff;margin-right:0;margin-left:2px}#messages .message-entry .sender-avatar{order:0}#messages .message-entry.local .sender-avatar{order:1}#messages .message-entry.local .message-bubble{order:0}#messages-form{display:flex;gap:var(--spacing-xs);margin-top:6px}#messages-input{flex:1;padding:6px;border-radius:var(--radius-sm);border:1px solid var(--border-secondary);background:var(--bg-elevated);color:var(--text-primary);box-sizing:border-box;font-family:inherit;font-size:16px;line-height:1.4;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:auto;min-height:calc(1.5em + 12px);max-height:calc(7.5em + 12px);overflow-x:hidden;overflow-y:auto;resize:none}@supports (field-sizing: content){#messages-input{field-sizing:content}}#messages-form button[type=submit]{background-color:var(--color-success);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:background-color .15s ease,box-shadow .15s ease}#messages-form button[type=submit]:hover{background-color:var(--color-success-hover);box-shadow:var(--shadow-md)}#attach-file-btn{font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 6px rgba(74,158,255,.35);color:var(--text-primary);background:transparent;border:none;box-shadow:none;transition:opacity .15s ease}#attach-file-btn:hover{scale:1.05;opacity:.92}#attach-file-btn:active{scale:.98;opacity:.85}@container main (max-width: 800px){.messages-box{top:80px;right:20px;bottom:auto}}@media(max-width:600px){.messages-box{position:fixed;margin:0 auto;inset:var(--spacing-lg);min-width:280px;width:calc(100dvw - (2 * var(--spacing-lg)));max-width:calc(100dvw - (2 * var(--spacing-lg)));min-height:25dvh;height:auto;max-height:calc(90dvh - (2 * var(--spacing-lg)))}#messages{min-height:0;max-height:none;flex:1}}#messages .message-entry.call-event{display:flex;align-items:center;gap:8px}#messages .message-entry.call-event.local{justify-content:flex-end;margin-right:10px}#messages .message-entry.call-event.remote{justify-content:flex-start}#messages .call-event-icon{font-size:12px;flex-shrink:0;line-height:1;color:#41ea71bf;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));rotate:0deg;transition:color .15s ease,rotate .15s ease}#messages .call-event-icon:hover{color:#26f160;rotate:15deg}#messages .call-event-content{padding:0;margin:0;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;align-items:center}#messages .call-event-text{color:var(--text-secondary);background:transparent;font-weight:200;font-size:14px;line-height:1.2;font-family:monospace;font-style:oblique;letter-spacing:.6px;text-shadow:0 1px 2px rgb(71 71 71 / .35),0 0 4px rgb(64 114 78 / .25)}#messages .call-back-btn{color:var(--text-secondary);background:transparent;display:inline-flex;align-items:center;gap:8px;font-family:Comic Sans MS,cursive,sans-serif;font-size:13px;font-style:oblique;rotate:-5deg;letter-spacing:.4px;padding:0;transition:opacity .15s ease}#messages .call-back-btn:hover{scale:1.02;background:#ffffff1a}#messages .call-back-btn:active{scale:.98;background:#ffffff26}@supports (anchor-name: --msg-toggle) and (position-anchor: --msg-toggle){#main-messages-toggle-btn{anchor-name:--msg-toggle}.messages-box{position-anchor:--msg-toggle;top:anchor(bottom);right:anchor(right);bottom:auto}}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;align-items:center;position:absolute;bottom:-.8em;right:-1em}.reaction-badge{display:inline-flex;align-items:center;gap:2px;padding:.2em;font-size:.8em;color:var(--text-primary);text-shadow:var(--text-shadow-extreme);cursor:default;-webkit-user-select:none;user-select:none}.reaction-animation{pointer-events:none;z-index:10000;font-size:32px;animation:float-up 1s ease-out forwards;opacity:0}@keyframes float-up{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}10%{opacity:1}50%{transform:translate(-50%,-100px) scale(1.2);opacity:1}to{transform:translate(-50%,-150px) scale(1);opacity:0}}#messages .message-text{position:relative}#messages p.message-local .message-text .message-reactions,#messages p.message-local .message-reactions{right:-6px;left:auto;justify-content:flex-end}#messages p.message-remote .message-text .message-reactions,#messages p.message-remote .message-reactions{left:-6px;right:auto;justify-content:flex-start}.reaction-picker{display:flex;gap:4px;padding:6px 10px;background:var(--bg-primary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:20px;box-shadow:0 4px 12px #0000004d;z-index:10001;transform:translate(-50%) translateY(-100%);animation:picker-appear .15s ease-out}@keyframes picker-appear{0%{opacity:0;transform:translate(-50%) translateY(-100%) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(-100%) scale(1)}}.reaction-picker-btn{background:none;border:none;font-size:22px;padding:4px 6px;cursor:pointer;border-radius:6px;transition:transform .1s ease,background .1s ease}.reaction-picker-btn:hover{background:#ffffff1a;transform:scale(1.2)}.reaction-picker-btn:active{transform:scale(.95)}.search-section{position:relative;border-radius:8px;z-index:var(--z-mid);width:fit-content;height:fit-content;max-height:90vh;background:transparent}.search-controls{position:relative;display:flex;gap:10px}.search-controls button,.search-controls input{pointer-events:auto}.search-controls input{position:absolute;right:60px;top:0;width:280px;max-width:calc(100vw - 130px)}.search-results{position:absolute;top:100%;right:0;left:auto;min-width:280px;max-width:min(600px,90vw);box-shadow:0 4px 16px #00000040;margin-top:15px;background:#2a2a2a;border-radius:8px;height:fit-content;max-height:70vh;overflow-y:auto}.search-result-item{display:flex;background-color:#2a2a2a;gap:15px;padding:15px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s;pointer-events:auto}.search-result-item:hover{background-color:#777}.search-result-item:last-child{border-bottom:none}.search-result-thumbnail{max-width:120px;max-height:90px;object-fit:cover;border-radius:4px;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-title{font-size:16px;font-weight:600;color:#ddd;margin-bottom:5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-channel{font-size:14px;color:#aaa;margin-bottom:5px}.search-result-description{font-size:13px;color:#888;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-loading{text-align:center;padding:20px;color:#aaa;font-style:italic}.search-error{text-align:center}.search-no-results{text-align:center;padding:20px;color:#aaa;font-style:italic}@media(max-width:768px){.search-result-item{flex-direction:column;gap:10px}.search-result-thumbnail{width:100%;height:auto;max-width:200px;align-self:center}.search-controls input,.search-controls button{width:100%}}.search-unavailable{text-align:center;padding:30px 20px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;margin:10px 0}.search-unavailable-title{font-size:18px;font-weight:600;color:#ffc107;margin-bottom:10px}.search-unavailable-message{font-size:14px;color:#fff;margin-bottom:15px}.search-unavailable-suggestion{font-size:14px;color:#aaa;margin-bottom:20px;line-height:1.4}.search-unavailable-examples{text-align:left;background:#0003;padding:15px;border-radius:4px;font-size:13px}.search-unavailable-examples strong{color:#fff;display:block;margin-bottom:8px}.search-unavailable-examples ul{margin:0;padding-left:20px;color:#ccc}.search-unavailable-examples li{margin-bottom:4px;font-family:monospace;font-size:12px}.notifications-toggle-container{position:relative;display:block}.notifications-toggle-btn{position:relative;cursor:pointer;color:#ccc;transition:color .2s,opacity .2s}.notifications-toggle-btn:hover:not(:disabled){color:#fff}.notifications-toggle-btn:disabled{cursor:default;opacity:.8;color:#999}.notifications-toggle-btn:disabled:hover{background:inherit}.notification-badge{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;min-width:11px;height:11px;padding:1px 2px;background:#d13a2f;color:#fff;border-radius:29px;font-size:.7rem;font-weight:700;line-height:1}.notifications-list-container{position:fixed;z-index:300;display:flex;flex-direction:column;gap:8px;max-height:80vh;overflow-y:auto;overflow-x:hidden;padding:8px;background:transparent;top:80px;right:20px}@supports (anchor-name: --notifications-toggle) and (position-anchor: --notifications-toggle){.notifications-toggle-container{anchor-name:--notifications-toggle}.notifications-list-container{position-anchor:--notifications-toggle;top:anchor(bottom);right:anchor(right)}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.notification{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000080;max-width:300px;min-width:250px;animation:slideIn .3s ease-out}.notification.unread{border-left:3px solid #2196f3;background:#2f2f2f}.notification .notification-content{display:flex;flex-direction:column;gap:.75rem}.notification .notification-header{display:flex;align-items:center;gap:.5rem;position:relative}.notification .notification-icon{font-size:1.2rem}.notification .notification-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.notification .notification-title{font-weight:600;color:#fff;flex:1}.notification .notification-dismiss{background:none;border:none;color:#aaa;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s}.notification .notification-dismiss:hover{background:#ffffff1a;color:#fff}.notification .notification-body{display:flex;flex-direction:column;gap:.25rem}.notification .notification-message{margin:0;color:#fff;font-size:.95rem}.notification .notification-detail{margin:0;color:#aaa;font-size:.85rem}.notification .notification-actions{display:flex;gap:.5rem;justify-content:flex-end}.notification .notification-btn{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.notification .notification-btn:disabled{opacity:.6;cursor:not-allowed}.notification .notification-btn-secondary,.notification .notification-btn-decline{background:#666;color:#fff}.notification .notification-btn-secondary:hover:not(:disabled),.notification .notification-btn-decline:hover:not(:disabled){background:#555}.invite-notification{border-left:3px solid #4caf50}.invite-notification .notification-btn-accept{background:#4caf50;color:#fff}.invite-notification .notification-btn-accept:hover:not(:disabled){background:#45a049}.referral-notification{border-left:3px solid #2196f3}.referral-notification .notification-btn-accept{background:#2196f3;color:#fff}.referral-notification .notification-btn-accept:hover:not(:disabled){background:#1976d2}.missed-call-notification{border-left:3px solid #ff9800}.missed-call-notification .notification-btn-primary{background:#ff9800;color:#fff}.missed-call-notification .notification-btn-primary:hover:not(:disabled){background:#f57c00}.push-unsupported-notification{border-left:3px solid #ff9800}.push-unsupported-notification .notification-message{color:#ccc;font-size:.9rem;line-height:1.4}.pwa-update-notification{border-left:3px solid #4caf50}.pwa-update-notification .notification-btn-primary{background:#4caf50;color:#fff}.pwa-update-notification .notification-btn-primary:hover:not(:disabled){background:#45a049}.toast{position:fixed;left:50%;transform:translate(-50%) translateY(100px);padding:1rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;color:#fff;box-shadow:0 4px 12px #0000004d;opacity:0;transition:all .3s ease;z-index:10000;max-width:90vw;text-align:center;pointer-events:none}.toast-clickable{pointer-events:auto;cursor:pointer}.toast-clickable:hover{filter:brightness(1.1)}.toast-bottom{bottom:2rem}.toast-top{top:2rem;transform:translate(-50%) translateY(-100px)}.toast-show{opacity:1;transform:translate(-50%) translateY(0)}.toast-success{background-color:#4caf50}.toast-error{background-color:#f44336}.toast-warning{background-color:#ff9800}.toast-info{background-color:#2196f3}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}dialog.incoming-call-dialog{margin:auto;animation:scale-in var(--duration-default) var(--easing-overshoot) forwards,pulse 2s ease-in-out var(--duration-default) infinite;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);min-width:280px;max-width:90%;display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.incoming-call-dialog>div:first-child{color:var(--text-primary);font-weight:600;text-align:center}.incoming-call-dialog button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-default);color:#fff;font-weight:600}.incoming-call-dialog button:first-of-type{background:var(--color-success)}.incoming-call-dialog button:first-of-type:hover:not(:disabled){background:var(--color-success-hover)}.incoming-call-dialog button:first-of-type:disabled{opacity:.6;cursor:not-allowed}.incoming-call-dialog button:last-of-type{background:var(--color-danger)}.incoming-call-dialog button:last-of-type:hover{background:var(--color-danger-hover)}dialog.incoming-call-dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-preview-dialog{background:none;border:none;padding:0;max-width:90vw;max-height:90vh}.image-preview-dialog::backdrop{background:#000c}.image-preview-img{display:block;max-width:90vw;max-height:80vh;border-radius:var(--radius-lg)}.image-preview-close,.image-preview-download{mix-blend-mode:lighten;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;padding:var(--spacing-xs);background-color:#ffffff0d;border:none;color:var(--text-secondary);transition:color .2s ease}.image-preview-close:hover,.image-preview-download:hover{background:#ffffff1a;color:var(--text-primary)}.image-preview-download{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.image-preview-close{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm)}.confirm-dialog{display:flex;flex-direction:column;text-align:center;gap:1.5rem;max-width:400px;border:none;border-radius:var(--radius-lg);margin:var(--spacing-md);padding:1rem;box-shadow:var(--shadow-md);background:var(--bg-tertiary);color:var(--text-secondary)}.confirm-dialog-actions{display:flex;justify-content:center;gap:1rem}.confirm-dialog-actions>button{padding:.5rem 1rem;font-size:var(--font-size-sm);border:none;border-radius:var(--radius-md);cursor:pointer}.edit-contact-dialog{max-width:400px;border:none;border-radius:var(--radius-lg);margin:var(--spacing-md);padding:1.25rem;box-shadow:var(--shadow-md);background:var(--bg-tertiary);color:var(--text-secondary)}.edit-contact-dialog label{display:block;font-size:var(--font-size-sm);margin-bottom:1rem}.edit-contact-dialog input{display:block;width:100%;margin-top:.5rem;padding:.5rem;font-size:var(--font-size-base);border:1px solid var(--border-color, #555);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.edit-contact-actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.edit-contact-actions .spacer{flex:1}.edit-contact-actions button{padding:.5rem 1rem;font-size:var(--font-size-sm);border:none;border-radius:var(--radius-md);cursor:pointer}.edit-contact-actions button.danger{color:#f44;background:transparent}.edit-contact-actions button.danger:hover{background:#ff44441a}.legal-footer{position:fixed;bottom:4px;right:8px;gap:6px;align-items:center;justify-content:center;padding:5px 10px;border-radius:10px;z-index:0;font-size:12px;font-weight:325;opacity:.65;font-family:sans-serif;pointer-events:none;background-color:#000}.legal-footer-separator{color:#888}.legal-footer-link{color:#cdcdcd;pointer-events:auto;text-decoration:none}.legal-footer-link:hover{text-decoration:underline}.video-box,#yt-video-box,#shared-video-box,#yt-video-box iframe,#main-messages-toggle-btn,.messages-box,.top-right-menu{opacity:1;pointer-events:auto}