:root{--app-height: 100dvh;--ink: #0a1221;--ink-soft: #294254;--paper: #f7fbff;--paper-deep: #eaf2f7;--panel: rgba(255, 255, 255, .78);--line: #d9e4ea;--line-strong: #c3d5df;--forest: #0a1221;--forest-dark: #08111f;--mint: #dffced;--lime: #00f0ff;--coral: #ff7a59;--muted: #718591;--bubble-me: #e0fbef;--bubble-other: #ffffff;--shadow: 0 22px 70px rgba(28, 60, 46, .12);--shadow-small: 0 8px 22px rgba(28, 60, 46, .09);--radius-xl: 28px;--radius-lg: 18px;--radius-md: 12px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);-webkit-text-size-adjust:100%}body{min-height:100svh;min-height:100dvh;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.glass{border:1px solid rgba(255,255,255,.75);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.eyebrow{color:var(--muted);display:block;font-size:.66rem;font-weight:800;letter-spacing:.14em;line-height:1.4}.status-dot{width:7px;height:7px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#31b87e;box-shadow:0 0 0 4px #6dffb02e}.auth-root{min-height:100svh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);gap:clamp(42px,8vw,130px);align-items:center;padding:42px clamp(24px,7vw,112px);overflow:hidden;position:relative;background:radial-gradient(circle at 16% 4%,rgba(0,240,255,.14),transparent 34%),radial-gradient(circle at 90% 92%,rgba(255,122,89,.16),transparent 30%),var(--paper)}.auth-root:after{content:"";position:absolute;width:480px;height:480px;right:-210px;top:-210px;border:1px solid rgba(24,77,64,.12);border-radius:50%;box-shadow:0 0 0 36px #184d4009,0 0 0 72px #184d4006;pointer-events:none}.auth-showcase{max-width:600px;position:relative;z-index:1}.showcase-brand{display:flex;align-items:center;gap:11px;color:var(--forest-dark);font-size:1.05rem;font-weight:850;letter-spacing:-.03em}.showcase-brand img{width:38px;height:38px;border-radius:11px}.showcase-copy{margin:clamp(64px,12vh,130px) 0 36px}.showcase-copy h2{color:var(--forest-dark);font-size:clamp(3.6rem,7vw,7.2rem);font-weight:780;line-height:.91;margin:15px 0 25px}.showcase-copy h2 em{color:var(--coral);font-style:normal}.showcase-copy p{color:var(--ink-soft);font-size:1.05rem;line-height:1.7;max-width:440px;margin:0}.showcase-card{max-width:470px;padding:18px 20px;border:1px solid rgba(255,255,255,.92);border-radius:20px;background:#ffffffa3;box-shadow:var(--shadow-small)}.showcase-card-top{color:var(--muted);display:flex;align-items:center;gap:9px;font-size:.75rem;font-weight:750}.showcase-card-top span:last-child{margin-left:auto;font-weight:500}.showcase-lines{display:grid;gap:7px;margin:22px 0 20px}.showcase-lines i{display:block;width:70%;height:7px;border-radius:9px;background:#dce9f0}.showcase-lines i:nth-child(2){width:48%;background:#bfeef0}.showcase-lines i:nth-child(3){width:59%;background:#f9ddd5}.showcase-message{display:flex;align-items:center;gap:11px;color:var(--ink)}.showcase-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:var(--forest);color:#fff;font-size:.75rem;font-weight:800}.showcase-message span:nth-child(2){display:grid;gap:2px}.showcase-message strong{font-size:.8rem}.showcase-message small{color:var(--muted);font-size:.7rem}.showcase-message time{color:var(--muted);margin-left:auto;font-size:.7rem}.showcase-stats{display:flex;gap:38px;margin-top:28px}.showcase-stats span{display:grid;gap:2px}.showcase-stats strong{color:var(--forest);font-size:1.15rem}.showcase-stats small{color:var(--muted);font-size:.68rem}.auth-panel{width:min(100%,460px);min-width:0;position:relative;z-index:2;padding:clamp(26px,4vw,42px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);background:#fffc;box-shadow:var(--shadow)}.auth-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}.brand-logo{width:51px;height:51px;border-radius:15px}.status-chip{display:inline-flex;align-items:center;gap:8px;color:var(--forest);border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:.68rem;font-weight:750}.auth-panel h1{color:var(--forest-dark);overflow-wrap:anywhere;font-size:clamp(2.1rem,4vw,3.3rem);line-height:.98;margin:14px 0 13px}.auth-intro{color:var(--muted);font-size:.9rem;line-height:1.65;max-width:340px;margin-bottom:28px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:26px;border:1px solid var(--line);border-radius:13px;background:var(--paper-deep)}.mode-switch button{border:0;border-radius:9px;color:var(--muted);cursor:pointer;padding:10px;background:transparent;font-size:.8rem;font-weight:750}.mode-switch button.active{color:var(--forest-dark);background:#fff;box-shadow:0 3px 10px #23463314}.auth-panel form{display:grid;gap:16px}.auth-panel label{display:grid;gap:8px;color:var(--ink-soft);font-size:.74rem;font-weight:750}.label-row{display:flex;justify-content:space-between}.label-row small{color:var(--muted);font-size:.65rem;font-weight:600}input{width:100%;border:1px solid var(--line);border-radius:11px;outline:0;padding:13px 14px;color:var(--ink);background:#fffc;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:#9aaa9d}input:focus{border-color:#00bccc;background:#fff;box-shadow:0 0 0 4px #00f0ff24}.password-field{display:flex;align-items:center;position:relative}.password-field input{padding-right:58px}.password-toggle{border:0;color:var(--forest);cursor:pointer;background:transparent;position:absolute;right:11px;font-size:.68rem;font-weight:800}.cta-btn,.primary-button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-radius:11px;cursor:pointer;padding:14px 16px;color:#f8fff9;background:var(--forest);font-weight:800;box-shadow:0 10px 18px #0a12212e;transition:transform .18s,background .18s}.cta-btn:hover,.primary-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.cta-btn:disabled{cursor:wait;opacity:.7;transform:none}.auth-footer{display:flex;align-items:center;gap:9px;color:var(--muted);margin-top:23px;font-size:.67rem;line-height:1.45}.error-pill{max-width:460px;color:#8e3628;border:1px solid #f2c3b9;border-radius:11px;background:#fff1ed;padding:11px 14px;margin:14px 0 0;position:relative;z-index:2;font-size:.75rem}.chat-root{width:100%;height:100%;min-height:100svh;min-height:100dvh;display:grid;grid-template-columns:292px minmax(0,1fr);gap:18px;padding:18px;overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(0,240,255,.11),transparent 28%),var(--paper)}.sidebar,.thread{min-height:0;border-radius:var(--radius-xl)}.sidebar{display:flex;flex-direction:column;gap:12px;padding:19px;overflow:hidden}.sidebar-head{display:flex;align-items:center;gap:11px}.mini-logo{width:39px;height:39px;border-radius:12px}.identity{min-width:0}.identity h2{overflow:hidden;color:var(--forest-dark);text-overflow:ellipsis;white-space:nowrap;font-size:1.04rem;margin:0 0 4px;letter-spacing:-.03em}.identity small{color:#168f93;font-size:.68rem;font-weight:800}.sidebar-close{display:none!important;margin-left:auto}.sidebar-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.61rem;font-weight:850;letter-spacing:.11em}.sidebar-label span:last-child{letter-spacing:0;font-weight:600}.notification-prompt{display:flex;align-items:center;gap:9px;width:100%;margin:0;border:1px solid #bdebd0;border-radius:12px;padding:10px;text-align:left;color:var(--forest-dark);background:#f0fff6;cursor:pointer}.notification-prompt:hover{border-color:var(--aqua);background:#e9fff3}.notification-prompt:disabled{cursor:wait;opacity:.65}.notification-prompt-icon{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:var(--aqua);font-weight:900}.notification-prompt span:last-child{display:grid;gap:2px;min-width:0}.notification-prompt strong{font-size:.7rem}.notification-prompt small{color:var(--muted);font-size:.58rem;line-height:1.25}.new-room{display:grid;gap:8px}.new-room input{font-size:.75rem;padding:11px 12px}.new-room button{display:flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:11px;cursor:pointer;padding:11px;color:#fff;background:var(--forest);font-size:.74rem;font-weight:800}.new-room button span{color:var(--lime);font-size:1.05rem;line-height:0}.invite-form{display:grid;flex:0 0 auto;gap:8px}.invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.invite-row input{min-width:0;min-height:42px;font-size:.75rem;padding:11px 12px}.invite-row button{min-height:42px;border:0;border-radius:10px;cursor:pointer;padding:0 14px;color:var(--forest);background:var(--lime);font-size:.68rem;font-weight:850}.invite-row button:disabled{cursor:not-allowed;opacity:.45}.invite-status{overflow:hidden;color:#168f93;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.invite-status.error{color:#a64b3c}.room-list{display:grid;flex:1 1 auto;align-content:start;gap:5px;min-height:0;overflow:auto;padding-right:2px}.room-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid transparent;border-radius:12px;cursor:pointer;padding:12px 10px;text-align:left;color:var(--ink-soft);background:transparent;transition:.18s}.room-item:hover{background:#deece199}.room-item.active{color:var(--forest-dark);border-color:#a9e9ed;background:#e8fafb;box-shadow:inset 3px 0 #00bccc}.room-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800}.room-name:before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 1px 2px;border-radius:50%;background:#9bb8a2}.room-item.active .room-name:before{background:#00bccc;box-shadow:0 0 0 3px #00bccc1f}.room-item small{color:var(--muted);font-size:.63rem}.admin-box{border-top:1px solid var(--line);padding-top:14px}.pending-user{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;color:var(--ink-soft);font-size:.73rem}.pending-user button{border:0;border-radius:8px;cursor:pointer;padding:7px 9px;color:var(--forest);background:var(--mint);font-size:.65rem;font-weight:850}.admin-open-button{width:100%;border:1px solid var(--line);border-radius:9px;cursor:pointer;padding:8px 10px;margin-top:11px;color:var(--forest);background:#fff;font-size:.65rem;font-weight:850}.admin-open-button:hover{border-color:#9be4e8;background:#e9fbfc}.sidebar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:.58rem}.sidebar-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot button{flex:0 0 auto;border:0;cursor:pointer;padding:0;color:var(--coral);background:transparent;font-size:.64rem;font-weight:850}.thread{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:23px 25px 18px;overflow:hidden}.thread-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.thread-title-wrap{display:flex;align-items:center;gap:13px;min-width:0}.thread-head h2{overflow:hidden;color:var(--forest-dark);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1;margin:5px 0 7px}.thread-head small{color:var(--muted);font-size:.72rem}.thread-actions{display:flex;align-items:center;gap:9px}.share-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:9px 12px;color:var(--forest);background:#fff;font-size:.7rem;font-weight:800}.share-button:hover,.share-button.active{border-color:#9be4e8;background:#e9fbfc}.share-button:disabled{cursor:not-allowed;opacity:.45}.share-icon{color:#00a8ff;font-size:1rem}.call-button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:9px 10px;color:var(--forest);background:#fff;font-size:.68rem;font-weight:800}.call-button:hover,.call-button.active{border-color:#b8e2bd;background:#effaf0}.call-button:disabled{cursor:not-allowed;opacity:.45}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--forest);background:#ffffffa6;font-size:.9rem}.icon-button:hover{border-color:#9be4e8;background:#fff}.menu-trigger{display:none}.avatar-stack{display:flex;align-items:center;margin-left:6px}.avatar-stack span{display:grid;place-items:center;width:30px;height:30px;margin-left:-7px;border:2px solid var(--paper);border-radius:50%;color:#fff;background:var(--forest);font-size:.62rem;font-weight:850}.avatar-stack span:nth-child(2){background:#6aa987}.avatar-stack span:nth-child(3){background:var(--coral)}.thread-notice{display:flex;align-items:center;gap:9px;color:var(--muted);min-height:35px;padding:8px 1px 3px;font-size:.66rem}.messages{display:flex;flex-direction:column;gap:7px;min-height:0;overflow:auto;padding:17px 5px 17px 0}.empty-chat{margin:auto;max-width:270px;color:var(--muted);text-align:center}.empty-chat h3{color:var(--forest-dark);font-size:1.15rem;margin-bottom:7px}.empty-chat p{font-size:.75rem;line-height:1.5}.msg{max-width:min(48%,360px);align-self:flex-start;border:1px solid #e1eaf0;border-radius:13px 13px 13px 5px;padding:7px 8px;background:var(--bubble-other);box-shadow:0 5px 14px #0a122109}.msg.mine{align-self:flex-end;border-color:#bfead8;border-radius:16px 16px 5px;background:var(--bubble-me)}.msg p{color:var(--ink);line-height:1.38;margin:0;font-size:.7rem;white-space:pre-wrap;overflow-wrap:anywhere}.msg-sender{display:block;color:#3e8d6c;font-size:.58rem;font-weight:850;letter-spacing:.02em;margin-bottom:3px}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px}.message-meta time{color:var(--muted);font-size:.58rem}.message-status{display:inline-flex;align-items:center;gap:2px;min-width:6px;color:#82a3ad}.message-status i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}.message-status.read{color:#31b87e}.reaction-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:5px}.reaction-summary{display:flex;flex-wrap:wrap;gap:4px}.reaction-btn{border:0;border-radius:999px;cursor:pointer;padding:3px 6px;color:var(--ink-soft);background:#eef5ee;font-size:.77rem}.reaction-btn:hover{background:#dcefe0}.reaction-chip{border:1px solid var(--line);border-radius:999px;padding:1px 5px;color:var(--ink-soft);background:#fff;font-size:.55rem}.reaction-chip.mine{border-color:#76bf94;background:#edf9f0}.typing-indicator{align-self:flex-start;border-radius:999px;padding:7px 11px;color:#418b6e;background:#edf7ef;font-size:.67rem}.composer{display:grid;position:relative;grid-template-columns:37px 37px 37px minmax(0,1fr) auto;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.composer input{padding:12px;background:#fff;font-size:.78rem}.composer button{min-width:74px;border:0;border-radius:10px;cursor:pointer;padding:0 13px;color:#fff;background:var(--forest);font-size:.72rem;font-weight:850}.composer button:disabled{cursor:not-allowed;opacity:.45}.emoji-toggle{min-width:37px!important;padding:0!important;color:var(--ink-soft)!important;background:var(--paper-deep)!important;font-size:1.05rem!important}.file-input{display:none}.composer-action{min-width:37px!important;padding:0!important;color:var(--ink-soft)!important;background:var(--paper-deep)!important;font-size:1rem!important}.composer-action.recording{color:#a64b3c!important;background:#fff1ed!important}.composer-error{margin-top:7px;color:#a64b3c;font-size:.64rem}.message-image,.message-video{display:block;width:min(100%,180px);max-height:120px;border-radius:9px;object-fit:cover}.message-audio{display:block;width:min(100%,180px);height:30px}.message-file{color:#168f93;font-size:.72rem;font-weight:800}.message-reaction-picker{display:flex;gap:3px;width:max-content;margin-top:6px;border:1px solid var(--line);border-radius:999px;padding:3px;background:#fff;box-shadow:var(--shadow-small)}.message-reaction-picker button{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:50%;cursor:pointer;padding:0;background:var(--paper-deep);font-size:.78rem}.message-reaction-picker button:hover{background:#d9f7f8}.recording-preview{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:8px 0 0;color:var(--forest);font-size:.68rem}.recording-indicator{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#d65345;box-shadow:0 0 0 4px #ffe5df;animation:recording-pulse 1.1s ease-in-out infinite}.recording-wave{flex:1;overflow:hidden;color:#00a8b8;font-size:1rem;letter-spacing:2px;white-space:nowrap}.recording-preview button{border:0;border-radius:8px;cursor:pointer;padding:6px 9px;color:#a64b3c;background:#fff1ed;font-size:.64rem;font-weight:850}@keyframes recording-pulse{50%{opacity:.45;transform:scale(.75)}}.emoji-picker{display:grid;position:absolute;z-index:10;bottom:calc(100% + 8px);left:0;gap:7px;width:min(92vw,320px);border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff;box-shadow:var(--shadow-small)}.emoji-picker-label{color:var(--muted);font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.chatika-emoji-grid,.quick-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.emoji-picker button{min-width:0;border:0;border-radius:9px;cursor:pointer;padding:8px 0;color:var(--ink);background:var(--paper-deep);font-size:1rem}.emoji-picker button:hover{background:#d9f7f8}.chatika-emoji-choice{display:grid;place-items:center}.chatika-emoji{display:inline-grid;place-items:center;width:1.45em;height:1.45em;border:1px solid rgba(10,18,33,.14);border-radius:.48em;vertical-align:-.3em;color:var(--ink);background:linear-gradient(135deg,#b9fbff,#ffd0c4);font-family:Georgia,serif;font-size:.9em;font-weight:900;line-height:1}.chatika-emoji.wave{color:#063b50;background:linear-gradient(135deg,#00f0ff,#6dffb0)}.chatika-emoji.glow{color:#0b3542;background:linear-gradient(135deg,#6dffb0,#00a8ff)}.chatika-emoji.together{color:#fff;background:linear-gradient(135deg,#0a1221,#00a8ff)}.chatika-emoji.quiet{color:#0a5a5e;background:#dffced}.chatika-emoji.love{color:#8e3628;background:#ffd8cf}.chatika-emoji.spark{color:#704700;background:#fff1ac}.modal-backdrop{display:grid;position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;place-items:center;padding:18px;background:#10211f5c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.share-dialog{width:min(100%,680px);max-height:min(90dvh,760px);overflow:auto;border:1px solid white;border-radius:22px;padding:24px;background:var(--paper);box-shadow:0 30px 90px #1035283d}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-heading h2{color:var(--forest-dark);font-size:1.7rem;margin:8px 0 4px}.dialog-heading p{color:var(--muted);font-size:.76rem;margin-bottom:0}.notice-card{display:grid;gap:4px;margin-top:18px;border:1px solid #c6dfcd;border-radius:12px;padding:11px 13px;color:var(--forest);background:#eaf7ed;font-size:.72rem}.notice-card span{color:var(--muted);line-height:1.45}.notice-card.warning{border-color:#ebd6a1;color:#765b1c;background:#fff8e8}.notice-card.error-card{color:#8e3628;border-color:#f2c3b9;background:#fff1ed}.share-stage{display:grid;position:relative;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;min-height:240px;margin-top:18px;overflow:hidden;border-radius:16px;background:#173c32}.share-placeholder{display:grid;place-items:center;align-content:center;gap:8px;padding:34px;color:#fff;text-align:center}.share-placeholder strong{font-size:.88rem}.share-placeholder span:last-child{max-width:260px;color:#b9d9ca;font-size:.68rem;line-height:1.5}.share-glyph{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:var(--forest-dark);background:var(--lime);font-size:1.5rem}.share-video{display:block;width:100%;height:100%;min-height:240px;object-fit:contain;background:#0d211c}.remote-video-wrap{position:relative;min-width:0}.remote-video-wrap .share-video{min-height:170px}.remote-video-wrap>span{position:absolute;left:10px;bottom:9px;border-radius:999px;padding:4px 7px;color:#fff;background:#0000006b;font-size:.62rem}.share-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.toggle-row{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-row span:first-child{display:grid;gap:3px}.toggle-row strong{color:var(--ink);font-size:.74rem}.toggle-row small{color:var(--muted);font-size:.64rem}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:38px;height:22px;padding:0;border:0;border-radius:999px;background:#cfdbd0;cursor:pointer}.toggle-row input:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.18s}.toggle-row input:checked{background:var(--forest)}.toggle-row input:checked:after{transform:translate(16px)}.quality-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.65rem}.dialog-actions{display:flex;align-items:center;gap:9px;margin-top:20px}.dialog-actions button{min-height:40px;border-radius:10px;cursor:pointer;padding:0 14px;font-size:.72rem;font-weight:800}.primary-button{width:auto}.danger-button{border:0;color:#fff;background:#bd5545}.quiet-button{border:1px solid var(--line);color:var(--ink-soft);background:transparent}.compatibility-note{color:var(--muted);font-size:.62rem;line-height:1.5;margin:14px 0 0}.call-dialog{width:min(720px,calc(100vw - 32px));max-height:min(88dvh,680px);overflow:auto;border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:22px;background:linear-gradient(145deg,#f8fcff,#edf8f4);box-shadow:0 30px 90px #1035284d}.call-dialog-header{display:flex;align-items:flex-start;gap:14px}.call-dialog-header>div:first-child{flex:1;min-width:0}.call-kicker{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.67rem;font-weight:900;letter-spacing:.17em}.live-pulse{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px #14d2e221}.call-dialog-header h2{margin:6px 0 4px;font-size:clamp(1.45rem,3vw,2rem)}.call-dialog-header p{max-width:520px;margin:0;color:var(--muted);font-size:.82rem}.call-status-chip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--forest-dark);background:#ffffffc7;font-size:.65rem;font-weight:850}.call-status-chip b{padding-left:3px;color:var(--muted);font-variant-numeric:tabular-nums}.call-status-chip.reconnecting{border-color:#f4c78a;color:#9a5e18}.call-stage{display:grid;position:relative;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-height:270px;margin-top:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:38px 10px 10px;color:#fff;background:radial-gradient(circle at 50% 38%,#1a3147,#081321 72%)}.audio-call-stage{place-items:center;align-content:center}.call-stage-toolbar{display:flex;position:absolute;z-index:2;top:13px;right:14px;left:14px;justify-content:space-between;color:#ffffffb3;font-size:.64rem;font-weight:800;letter-spacing:.04em}.call-video{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;background:#0b1420}.local-call-video{position:absolute;z-index:3;right:12px;bottom:12px;width:128px;height:88px;min-height:0;border:2px solid white;border-radius:12px;box-shadow:0 8px 24px #00000040}.local-call-video.is-hidden{opacity:.18;filter:grayscale(1)}.remote-call-media{position:relative;min-width:0}.remote-call-media>span{position:absolute;left:10px;bottom:9px;border-radius:999px;padding:4px 7px;color:#fff;background:#0000006b;font-size:.62rem}.call-placeholder{display:grid;place-items:center;gap:9px;color:#fff;text-align:center}.call-placeholder strong{font-size:1rem}.call-placeholder small{color:#ffffff94;font-size:.67rem}.call-glyph,.call-avatar{display:grid;place-items:center;border-radius:50%;color:var(--forest-dark);background:var(--lime)}.call-glyph{width:62px;height:62px;font-size:1.5rem;box-shadow:0 0 0 10px #2fc77e1a}.call-status{position:absolute;right:12px;bottom:12px;border-radius:999px;padding:6px 9px;color:#fff;background:#00000073;font-size:.64rem}.incoming-call-card{display:grid;justify-items:center;gap:7px;margin-top:22px;border:1px solid #bdebd0;border-radius:22px;padding:42px 18px 34px;color:var(--forest-dark);background:linear-gradient(145deg,#e8fff4,#f7fffb)}.incoming-call-card strong{font-size:1rem}.incoming-call-card span{color:var(--muted);font-size:.72rem}.call-avatar{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;color:var(--forest-dark);background:linear-gradient(145deg,var(--lime),var(--aqua));font-size:1.4rem;font-weight:900}.call-avatar-large{width:90px;height:90px;font-size:2rem;box-shadow:0 0 0 12px #14d2e21a}.incoming-wave{display:flex;align-items:center;gap:4px;height:22px;margin-top:8px}.incoming-wave i{width:4px;height:10px;border-radius:999px;background:var(--aqua);animation:call-wave 1s ease-in-out infinite alternate}.incoming-wave i:nth-child(2n){animation-delay:.15s}.incoming-wave i:nth-child(3n){animation-delay:.3s;height:18px}@keyframes call-wave{to{transform:scaleY(.45);opacity:.55}}.call-control-bar{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px}.call-control{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:11px 15px;color:var(--forest-dark);background:#fff;cursor:pointer;font-size:.72rem;font-weight:850;box-shadow:0 5px 16px #10352812}.call-control:hover,.call-control.control-on{border-color:var(--aqua);background:#e8ffff}.call-control span{font-size:.9rem}.accept-control{border-color:var(--forest);color:#fff;background:var(--forest)}.accept-control:hover{color:#fff;background:var(--forest-dark)}.video-control{border-color:var(--aqua);background:#e7ffff}.decline-control,.end-control{border-color:#edc2b9;color:#fff;background:#c85b48}.decline-control:hover,.end-control:hover{background:#ae4636}.audio-participant{display:grid;justify-items:center;align-content:center;gap:7px;min-height:180px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0d}.audio-participant .call-avatar{width:78px;height:78px}.audio-participant strong{font-size:.8rem}.audio-participant small{color:#ffffff8c;font-size:.64rem}.audio-participant audio{position:absolute;width:1px;height:1px;opacity:0}.app-credit{color:var(--muted);font-size:.62rem;letter-spacing:.02em;margin-top:15px;text-align:center}.admin-backdrop{z-index:40}.admin-panel{width:min(100%,820px);max-height:min(88dvh,760px);overflow:auto;border:1px solid white;border-radius:22px;padding:24px;background:var(--paper);box-shadow:0 30px 90px #0a12213d}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-panel-head h2{color:var(--forest-dark);font-size:1.7rem;margin:8px 0 4px}.admin-panel-head p{color:var(--muted);font-size:.76rem;margin:0}.admin-panel-actions{display:flex;gap:7px}.admin-toolbar{display:flex;align-items:center;gap:12px;margin-top:20px}.admin-toolbar input{flex:1;background:#fff;font-size:.74rem}.admin-toolbar>span{color:var(--muted);font-size:.66rem;white-space:nowrap}.user-table{display:grid;gap:7px;margin-top:14px}.user-row{display:grid;grid-template-columns:34px minmax(130px,1fr) auto auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--lime),var(--coral));font-size:.75rem;font-weight:900}.user-details{display:grid;gap:3px;min-width:0}.user-details strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem}.user-details small{color:var(--muted);font-size:.62rem}.account-status,.admin-badge{border-radius:999px;padding:4px 7px;font-size:.58rem;font-weight:850}.account-status.approved{color:#168f93;background:#e2faf7}.account-status.pending{color:#765b1c;background:#fff8e8}.admin-badge{color:#7751a0;background:#f1e8ff}.user-action{border:0;border-radius:8px;cursor:pointer;padding:7px 9px;font-size:.62rem;font-weight:850}.user-action.approve{color:var(--forest);background:var(--mint)}.user-action.remove{color:#a64b3c;background:#fff1ed}.admin-empty{display:grid;min-height:150px;place-items:center;color:var(--muted);font-size:.75rem}.mobile-menu-backdrop{display:none}.lifecycle-toast{display:flex;position:fixed;z-index:50;right:20px;bottom:20px;align-items:center;gap:11px;width:min(430px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.92);border-radius:15px;padding:12px 13px;color:var(--ink);background:#fffffff0;box-shadow:0 16px 40px #0a122129;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lifecycle-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:10px;color:var(--ink);background:linear-gradient(135deg,var(--lime),var(--coral));font-weight:900}.lifecycle-copy{display:grid;min-width:0;gap:3px}.lifecycle-copy strong{color:var(--forest-dark);font-size:.72rem}.lifecycle-copy span{overflow:hidden;color:var(--muted);font-size:.64rem;line-height:1.35;text-overflow:ellipsis}.lifecycle-action{flex:0 0 auto;border:0;border-radius:9px;cursor:pointer;padding:9px 11px;color:#fff;background:var(--forest);font-size:.66rem;font-weight:850}.lifecycle-dismiss{align-self:flex-start;flex:0 0 auto;border:0;cursor:pointer;padding:0 2px;color:var(--muted);background:transparent;font-size:1rem;line-height:1}@media (max-width: 960px){.auth-root{grid-template-columns:1fr minmax(350px,440px);gap:35px;padding:34px}.showcase-copy{margin-top:90px}.showcase-copy h2{font-size:clamp(3.2rem,6vw,5rem)}.chat-root{grid-template-columns:250px minmax(0,1fr);padding:12px;gap:12px}.sidebar,.thread{min-height:0}.sidebar{padding:15px}.thread{padding:19px}.share-button span:last-child{display:none}}@media (max-width: 720px){html,body,#root{height:var(--app-height);min-height:var(--app-height);overflow:hidden}.auth-root{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--app-height);min-height:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.auth-showcase{display:none}.auth-panel{width:100%;max-width:480px;max-height:100%;margin:0 auto;padding:22px 18px}.auth-panel h1{font-size:clamp(1.9rem,8vw,2.5rem)}.auth-brand-row{margin-bottom:29px}.auth-intro{margin-bottom:19px;line-height:1.5}.mode-switch{margin-bottom:19px}.auth-panel form{gap:12px}.auth-footer{margin-top:16px}.app-credit{margin-top:10px}.chat-root{display:block;height:var(--app-height);min-height:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}input,textarea,select{font-size:16px!important}.sidebar{display:flex;position:fixed;z-index:20;top:8px;bottom:8px;left:8px;width:min(88vw,340px);min-height:auto;transform:translate(calc(-100% - 20px));transition:transform .22s ease;background:#f7f8f3f7}.sidebar.open{transform:translate(0)}.sidebar-close,.menu-trigger{display:grid!important}.mobile-menu-backdrop{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;border:0;background:#10211f38;opacity:0;pointer-events:none}.chat-root:has(.sidebar.open) .mobile-menu-backdrop{opacity:1;pointer-events:auto}.thread{height:100%;min-height:0;max-height:100%;border-radius:20px;padding:15px 13px 12px}.thread-head{gap:8px;padding-bottom:13px}.thread-title-wrap{gap:8px}.thread-head h2{font-size:1.35rem;margin-top:4px}.thread-head small{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-actions{gap:5px}.avatar-stack{display:none}.call-button,.share-button{width:34px;height:34px;justify-content:center;padding:0}.call-button span:last-child,.share-button span:last-child{display:none}.share-button{width:34px;height:34px;justify-content:center;padding:0}.composer{grid-template-columns:32px 32px 32px minmax(0,1fr) 50px;gap:5px}.composer button,.composer-action,.emoji-toggle{min-width:0!important}.composer-action,.emoji-toggle{width:32px;height:40px}.composer .send-button{min-width:0;padding:0 8px}.msg{max-width:72%}.message-image,.message-video{max-width:160px;max-height:105px}.share-dialog,.admin-panel{padding:19px;border-radius:18px}.user-row{grid-template-columns:34px minmax(0,1fr) auto}.user-row .account-status,.user-row .admin-badge{grid-column:2;justify-self:start}.user-row .user-action{grid-column:3;grid-row:1 / span 2}.share-options{align-items:flex-start;flex-direction:column}.quality-note{align-self:flex-end}.call-dialog{width:100%;max-height:100%;padding:19px;border-radius:22px}.call-dialog-header{flex-wrap:wrap}.call-status-chip{order:3}.call-stage{min-height:230px;margin-top:15px}.local-call-video{width:110px;height:78px}.call-control-bar{flex-wrap:wrap}.call-control{padding:10px 12px}.lifecycle-toast{right:10px;bottom:10px;width:calc(100vw - 20px)}}@media (max-width: 720px) and (max-height: 720px){.auth-panel{padding:14px}.brand-logo{width:42px;height:42px}.auth-brand-row{margin-bottom:13px}.status-chip{padding:6px 8px;font-size:.61rem}.auth-panel h1{font-size:1.9rem;margin:10px 0 8px}.auth-intro{max-width:none;margin-bottom:12px;font-size:.76rem;line-height:1.35}.mode-switch{margin-bottom:12px;padding:4px}.mode-switch button{padding:8px}.auth-panel form{gap:9px}.auth-panel label{gap:5px}.auth-panel input{padding:11px 12px}.cta-btn{padding:12px 14px}.auth-footer{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (pointer: coarse){input,textarea,select{font-size:16px!important}}