*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-panel: #242f3d;--bg-chrome: #17212b;--bg-canvas: #0e1621;--bg-bubble-in: #182533;--bg-bubble-out: #2b5278;--bg-composer: #17212b;--bg-hover: #202b36;--bg-active: #2a3942;--border: #2f3b4a;--border-light: #3d4d5c;--accent: #0078d4;--accent-hover: #106ebe;--accent-active: #005a9e;--accent-light: #4ca3e3;--accent-muted: rgba(0, 120, 212, .15);--text-primary: #f3f6f9;--text-secondary: #c8d1db;--text-muted: #8b9bab;--text-disabled: #5e6d7e;--success: #22c55e;--success-muted: rgba(34, 197, 94, .22);--warning: #c19c00;--warning-muted: rgba(193, 156, 0, .15);--error: #d13438;--error-muted: rgba(209, 52, 56, .15);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--radius-sm: 2px;--radius-md: 4px;--radius-bubble: 12px;--radius-bubble-tail: 4px;--radius-pill: 999px;--radius-input: 4px;--radius-circle: 50%;--sidebar-width: 320px;--header-height: 56px;--list-item-height: 52px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--ease-out: cubic-bezier(.2, 0, 0, 1);--duration-fast: .12s;--duration-drawer: .2s;--font-primary: "Segoe UI", "Inter", -apple-system, system-ui, sans-serif;--font-mono: "Cascadia Mono", "JetBrains Mono", "Consolas", monospace}.shell.bubble-style-soft,.bubble-preview.bubble-style-soft{--chat-bubble-radius: 12px;--chat-bubble-tail-radius: 4px;--chat-bubble-padding: 8px 12px 6px;--chat-bubble-shadow: 0 6px 18px rgba(0, 0, 0, .2)}.shell.bubble-style-rounded,.bubble-preview.bubble-style-rounded{--chat-bubble-radius: 18px;--chat-bubble-tail-radius: 8px;--chat-bubble-padding: 9px 13px 7px;--chat-bubble-shadow: 0 8px 20px rgba(0, 0, 0, .22)}.shell.bubble-style-compact,.bubble-preview.bubble-style-compact{--chat-bubble-radius: 8px;--chat-bubble-tail-radius: 3px;--chat-bubble-padding: 6px 10px 5px;--chat-bubble-shadow: none}.shell.bubble-style-square,.bubble-preview.bubble-style-square{--chat-bubble-radius: 4px;--chat-bubble-tail-radius: 2px;--chat-bubble-padding: 8px 11px 6px;--chat-bubble-shadow: none}.shell.bubble-style-pill,.bubble-preview.bubble-style-pill{--chat-bubble-radius: 999px;--chat-bubble-tail-radius: 12px;--chat-bubble-padding: 9px 15px 7px;--chat-bubble-shadow: 0 5px 14px rgba(0, 0, 0, .18)}.shell.bubble-style-classic,.bubble-preview.bubble-style-classic{--chat-bubble-radius: 13px;--chat-bubble-tail-radius: 1px;--chat-bubble-padding: 8px 12px 6px;--chat-bubble-shadow: 0 3px 8px rgba(0, 0, 0, .18)}.shell.bubble-style-flat,.bubble-preview.bubble-style-flat{--chat-bubble-radius: 10px;--chat-bubble-tail-radius: 4px;--chat-bubble-padding: 8px 12px 6px;--chat-bubble-shadow: none}.shell.bubble-style-raised,.bubble-preview.bubble-style-raised{--chat-bubble-radius: 14px;--chat-bubble-tail-radius: 6px;--chat-bubble-padding: 9px 13px 7px;--chat-bubble-shadow: 0 12px 28px rgba(0, 0, 0, .32)}.shell.bubble-style-outline,.bubble-preview.bubble-style-outline{--chat-bubble-radius: 10px;--chat-bubble-tail-radius: 3px;--chat-bubble-padding: 8px 12px 6px;--chat-bubble-border-width: 2px;--chat-bubble-shadow: none}.shell.bubble-style-roomy,.bubble-preview.bubble-style-roomy{--chat-bubble-radius: 16px;--chat-bubble-tail-radius: 7px;--chat-bubble-padding: 12px 16px 10px;--chat-bubble-shadow: 0 7px 18px rgba(0, 0, 0, .2)}.shell.bubble-style-cloud,.bubble-preview.bubble-style-cloud{--chat-bubble-radius: 26px 24px 28px 18px;--chat-bubble-tail-radius: 16px;--chat-bubble-padding: 11px 17px 9px;--chat-bubble-shadow: 0 10px 24px rgba(0, 0, 0, .22)}.shell.bubble-style-note,.bubble-preview.bubble-style-note{--chat-bubble-radius: 7px;--chat-bubble-tail-radius: 2px;--chat-bubble-padding: 9px 13px 7px;--chat-bubble-border-width: 1px 1px 1px 4px;--chat-bubble-shadow: 0 5px 12px rgba(0, 0, 0, .18)}.shell.bubble-style-ticket,.bubble-preview.bubble-style-ticket{--chat-bubble-radius: 12px;--chat-bubble-tail-radius: 4px;--chat-bubble-padding: 8px 13px 6px;--chat-bubble-border-style: dashed;--chat-bubble-shadow: none}.shell.bubble-style-terminal,.bubble-preview.bubble-style-terminal{--chat-bubble-radius: 5px;--chat-bubble-tail-radius: 2px;--chat-bubble-padding: 8px 12px 7px;--chat-bubble-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03), 0 8px 16px rgba(0, 0, 0, .24)}.shell.bubble-style-stamp,.bubble-preview.bubble-style-stamp{--chat-bubble-radius: 2px 12px 2px 12px;--chat-bubble-tail-radius: 2px;--chat-bubble-padding: 8px 12px 6px;--chat-bubble-border-style: double;--chat-bubble-border-width: 3px;--chat-bubble-shadow: none}.shell.bubble-style-layered,.bubble-preview.bubble-style-layered{--chat-bubble-radius: 11px;--chat-bubble-tail-radius: 4px;--chat-bubble-padding: 8px 12px 6px;--chat-bubble-shadow: 4px 4px 0 rgba(148, 163, 184, .16)}.shell.bubble-color-blue,.bubble-preview.bubble-color-blue{--chat-bubble-in-bg: rgba(24, 37, 51, .94);--chat-bubble-in-border: rgba(148, 163, 184, .22);--chat-bubble-out-bg: rgba(43, 82, 120, .96);--chat-bubble-out-border: rgba(96, 165, 250, .28)}.shell.bubble-color-green,.bubble-preview.bubble-color-green{--chat-bubble-in-bg: rgba(20, 45, 39, .94);--chat-bubble-in-border: rgba(52, 211, 153, .2);--chat-bubble-out-bg: rgba(4, 120, 87, .96);--chat-bubble-out-border: rgba(52, 211, 153, .28)}.shell.bubble-color-purple,.bubble-preview.bubble-color-purple{--chat-bubble-in-bg: rgba(42, 33, 58, .94);--chat-bubble-in-border: rgba(167, 139, 250, .2);--chat-bubble-out-bg: rgba(109, 40, 217, .94);--chat-bubble-out-border: rgba(196, 181, 253, .26)}.shell.bubble-color-slate,.bubble-preview.bubble-color-slate{--chat-bubble-in-bg: rgba(30, 41, 59, .94);--chat-bubble-in-border: rgba(148, 163, 184, .22);--chat-bubble-out-bg: rgba(71, 85, 105, .96);--chat-bubble-out-border: rgba(203, 213, 225, .22)}.shell.bubble-color-rose,.bubble-preview.bubble-color-rose{--chat-bubble-in-bg: rgba(60, 27, 39, .94);--chat-bubble-in-border: rgba(251, 113, 133, .2);--chat-bubble-out-bg: rgba(190, 18, 60, .94);--chat-bubble-out-border: rgba(253, 164, 175, .26)}.shell.bubble-color-amber,.bubble-preview.bubble-color-amber{--chat-bubble-in-bg: rgba(54, 42, 23, .94);--chat-bubble-in-border: rgba(251, 191, 36, .2);--chat-bubble-out-bg: rgba(180, 83, 9, .94);--chat-bubble-out-border: rgba(252, 211, 77, .26)}.shell.bubble-color-teal,.bubble-preview.bubble-color-teal{--chat-bubble-in-bg: rgba(19, 47, 47, .94);--chat-bubble-in-border: rgba(45, 212, 191, .22);--chat-bubble-out-bg: rgba(15, 118, 110, .96);--chat-bubble-out-border: rgba(94, 234, 212, .28)}.shell.bubble-color-cyan,.bubble-preview.bubble-color-cyan{--chat-bubble-in-bg: rgba(19, 46, 57, .94);--chat-bubble-in-border: rgba(103, 232, 249, .22);--chat-bubble-out-bg: rgba(8, 145, 178, .94);--chat-bubble-out-border: rgba(165, 243, 252, .28)}.shell.bubble-color-indigo,.bubble-preview.bubble-color-indigo{--chat-bubble-in-bg: rgba(38, 40, 69, .94);--chat-bubble-in-border: rgba(129, 140, 248, .22);--chat-bubble-out-bg: rgba(79, 70, 229, .94);--chat-bubble-out-border: rgba(199, 210, 254, .28)}.shell.bubble-color-violet,.bubble-preview.bubble-color-violet{--chat-bubble-in-bg: rgba(48, 35, 66, .94);--chat-bubble-in-border: rgba(196, 181, 253, .22);--chat-bubble-out-bg: rgba(124, 58, 237, .94);--chat-bubble-out-border: rgba(221, 214, 254, .28)}.shell.bubble-color-pink,.bubble-preview.bubble-color-pink{--chat-bubble-in-bg: rgba(60, 28, 52, .94);--chat-bubble-in-border: rgba(249, 168, 212, .22);--chat-bubble-out-bg: rgba(219, 39, 119, .94);--chat-bubble-out-border: rgba(251, 207, 232, .28)}.shell.bubble-color-red,.bubble-preview.bubble-color-red{--chat-bubble-in-bg: rgba(63, 29, 29, .94);--chat-bubble-in-border: rgba(248, 113, 113, .22);--chat-bubble-out-bg: rgba(220, 38, 38, .94);--chat-bubble-out-border: rgba(254, 202, 202, .28)}.shell.bubble-color-orange,.bubble-preview.bubble-color-orange{--chat-bubble-in-bg: rgba(62, 38, 24, .94);--chat-bubble-in-border: rgba(251, 146, 60, .22);--chat-bubble-out-bg: rgba(234, 88, 12, .94);--chat-bubble-out-border: rgba(254, 215, 170, .28)}.shell.bubble-color-lime,.bubble-preview.bubble-color-lime{--chat-bubble-in-bg: rgba(41, 53, 25, .94);--chat-bubble-in-border: rgba(190, 242, 100, .22);--chat-bubble-out-bg: rgba(101, 163, 13, .94);--chat-bubble-out-border: rgba(217, 249, 157, .3)}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased}h1{font-size:28px;font-weight:600;line-height:1.2}h2{font-size:20px;font-weight:600;line-height:1.2}h3{font-size:var(--text-lg);font-weight:600;line-height:1.2}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-small{font-size:var(--text-sm)}.mono{font-family:var(--font-mono)}button,.btn{border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);color:#fff;padding:8px 16px;font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);min-width:72px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button:active,.btn:active{background:var(--accent-active);border-color:var(--accent-active)}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent-light);outline-offset:1px}button:disabled,.btn:disabled{background:var(--bg-panel);border-color:var(--border);color:var(--text-disabled);cursor:not-allowed}button.secondary,.btn.secondary{background:var(--bg-panel);border-color:var(--border);color:var(--text-secondary)}button.secondary:hover,.btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}button.danger,.btn.danger{background:var(--error);border-color:var(--error)}button.danger:hover,.btn.danger:hover{background:#a4262c;border-color:#a4262c}button.ghost,.btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted);min-width:0}button.ghost:hover,.btn.ghost:hover{background:var(--bg-hover);color:var(--text-primary)}input,textarea,select{border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:1.5;height:36px;width:100%;transition:border-color var(--duration-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-light);outline-offset:1px}input:disabled,textarea:disabled,select:disabled{background:var(--bg-secondary);color:var(--text-disabled)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}input.error,textarea.error,select.error{border-color:var(--error)}textarea{min-height:36px;height:auto;resize:vertical}label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:6px}.card{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);box-shadow:none;padding:var(--space-sm)}.badge{border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-xs);font-weight:600;line-height:1.2;display:inline-flex;align-items:center;gap:6px;background:var(--bg-panel);color:var(--text-secondary);border:1px solid var(--border);letter-spacing:0;text-transform:uppercase}.badge.success{background:var(--success-muted);color:#6ccb6f;border-color:var(--success)}.badge.warning{background:var(--warning-muted);color:#e8c547;border-color:var(--warning)}.badge.error{background:var(--error-muted);color:#f1707b;border-color:var(--error)}.badge.info{background:var(--accent-muted);color:var(--accent-light);border-color:var(--accent)}.avatar{border-radius:var(--radius-circle);width:40px;height:40px;min-width:40px;background:var(--accent-muted);border:1px solid var(--border);color:var(--accent-light);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.avatar.small{width:32px;height:32px;min-width:32px;font-size:var(--text-xs)}.field{margin-bottom:var(--space-sm)}.field-error{color:var(--error);font-size:var(--text-sm);margin-top:6px}.row{display:flex}.col{display:flex;flex-direction:column}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.spacer{flex:1}.skip-link{position:absolute;left:-9999px;top:var(--space-xs);z-index:100;padding:8px 12px;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none}.skip-link:focus{left:var(--space-xs);outline:2px solid var(--accent-light)}.icon-btn{min-width:36px;width:36px;height:36px;padding:0;background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:var(--radius-sm)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.secure-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--success)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.status-pill .status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-disabled)}.status-pill.online .status-dot{background:var(--success)}.status-pill.online{color:var(--text-secondary)}.presence-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--text-disabled);border:1px solid var(--border-light);display:inline-block}.presence-dot.online{background:var(--success);border-color:var(--success)}.presence-label{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted)}.presence-label.online{color:var(--success)}.avatar-presence{position:relative;width:36px;height:36px;min-width:36px;display:inline-flex}.avatar-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;min-width:11px;border:2px solid var(--bg-chrome)}.convo-item.active .avatar-dot{border-color:var(--bg-active)}.receipt{display:inline-flex;align-items:center;color:var(--text-muted);font-size:12px;line-height:1;min-width:12px}.receipt .tick{display:inline-block}.receipt .second{margin-left:-5px}.receipt.read{color:var(--success)}.read-time{font-size:10px;color:var(--success);font-weight:700;font-variant-numeric:tabular-nums}.call-history-row{display:flex;justify-content:center;margin:6px 0}.call-history-card{display:inline-flex;align-items:flex-start;gap:10px;max-width:min(92%,520px);padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-panel);color:var(--text-secondary)}.call-history-icon{width:28px;height:28px;min-width:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-muted)}.call-history-row.answered .call-history-icon{color:var(--success);background:var(--success-muted)}.call-history-row.missed .call-history-icon,.call-history-row.declined .call-history-icon{color:#f59e0b;background:#f59e0b1f}.call-history-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.call-history-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.call-history-detail{font-size:var(--text-xs);color:var(--text-muted);line-height:1.35}.bubble{max-width:min(72%,480px);padding:var(--chat-bubble-padding, 8px 12px 6px);border-radius:var(--chat-bubble-radius, var(--radius-bubble));border-width:var(--chat-bubble-border-width, 1px);border-style:var(--chat-bubble-border-style, solid);border-color:var(--chat-bubble-in-border, rgba(148, 163, 184, .22));background:var(--chat-bubble-in-bg, rgba(24, 37, 51, .92));color:var(--text-primary);box-shadow:var(--chat-bubble-shadow, 0 6px 18px rgba(0, 0, 0, .2));overflow:hidden}.bubble.outgoing{background:var(--chat-bubble-out-bg, rgba(43, 82, 120, .95));border-color:var(--chat-bubble-out-border, rgba(96, 165, 250, .25));border-bottom-right-radius:var(--chat-bubble-tail-radius, var(--radius-bubble-tail))}.message-row:not(.out) .bubble:not(.outgoing):not(.grouped){border-bottom-left-radius:var(--chat-bubble-tail-radius, var(--radius-bubble-tail))}.message-row:not(.out) .bubble.grouped:not(.outgoing){border-top-left-radius:var(--chat-bubble-tail-radius, var(--radius-bubble-tail))}.shell.bubble-style-note .bubble.outgoing{border-width:1px 4px 1px 1px}.shell.bubble-style-terminal .bubble .body,.bubble-preview.bubble-style-terminal .preview-bubble{font-family:var(--font-mono)}.bubble.watermarked,.watermarked-card{position:relative;overflow:hidden;isolation:isolate}.bubble.sensitive{border:1px solid rgba(245,158,11,.38)}.bubble.watermarked>*,.watermarked-card>*{position:relative;z-index:1}.bubble.watermarked:after,.watermarked-card:after{content:attr(data-watermark) "   " attr(data-watermark) "   " attr(data-watermark);position:absolute;left:-30%;top:42%;width:160%;transform:rotate(-18deg);color:#ffffff0e;font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:0}.bubble.sensitive:after{color:#ffffff29}.sensitive-body{text-shadow:0 1px 0 rgba(0,0,0,.35)}.meta-chip.sensitive{color:#f7c76a}.file-card{display:flex;flex-direction:column;gap:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;margin:4px 0;width:260px;max-width:100%}.file-info{display:flex;align-items:center;gap:10px;min-width:0}.file-icon-wrapper{width:40px;height:40px;min-width:40px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px}.file-details{display:flex;flex-direction:column;min-width:0;flex:1}.file-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta-hint{font-size:var(--text-xs);color:var(--text-muted)}.open-securely-btn{width:100%;height:32px;font-size:var(--text-sm);font-weight:600;justify-content:center;gap:6px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);transition:all var(--duration-fast)}.open-securely-btn:hover:not(:disabled){background:var(--accent-muted);color:var(--accent-light);border-color:var(--accent)}.open-securely-btn:disabled{opacity:.6;cursor:not-allowed}.attach-btn{margin-right:4px}.icon-pad{padding:.5rem}.hidden-file-input{display:none}.audio-card{padding:8px}.audio-player{height:40px;max-width:100%;border-radius:20px}.recording-status{flex:1;display:flex;align-items:center;gap:12px;padding:0 12px;background:#ff00000f;border-radius:20px}.recording-indicator{color:#ef4444;animation:pulse 1.5s infinite}.recording-duration{font-variant-numeric:tabular-nums}.recording-spacer{flex:1}.send-voice-btn{color:#4ade80}.uppercase-input{text-transform:uppercase}.call-head-btn{color:var(--text-secondary)}.call-head-btn:not(:disabled):hover{color:#6ccb6f}.call-head-btn.offline{color:var(--text-disabled);opacity:.5}.call-head-btn.offline:not(:disabled):hover{color:#f59e0b;opacity:.85}.call-strip,.call-panel{margin:var(--space-xs) var(--space-sm) 0;border:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-md)}.call-strip{min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.call-strip-main,.call-actions,.call-panel-head,.call-controls{display:flex;align-items:center;gap:10px}.call-strip-main{min-width:0}.call-title{font-size:var(--text-base);font-weight:700;line-height:1.2}.call-sub{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(520px,62vw)}.call-pulse{width:10px;height:10px;min-width:10px;border-radius:50%;background:#6ccb6f;box-shadow:0 0 #6ccb6f80;animation:call-pulse 1.5s infinite}@keyframes call-pulse{70%{box-shadow:0 0 0 10px #6ccb6f00}to{box-shadow:0 0 #6ccb6f00}}.icon-btn.success{color:#6ccb6f}.icon-btn.success:hover{background:var(--success-muted);color:#9be39d}.icon-btn.danger{color:#ff8a8d}.icon-btn.danger:hover{background:var(--error-muted);color:#ffb3b5}.icon-btn.active{background:var(--bg-active);color:var(--text-primary)}.sneak-peek-btn.active{color:#facc15;background:#facc151f;border-color:#facc1573}.sneak-peek-btn.unavailable{color:#ffb4b4;background:#ef44441a;border-color:#ef444459;cursor:pointer}.sneak-peek-btn:disabled{cursor:wait}.leak-alert-btn .inbox-badge.danger{background:#dc2626;color:#fff}.sneak-peek-blocker{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px;background:#12070a;color:#fff7ed;pointer-events:all}.sneak-peek-blocker:before{content:"";position:absolute;inset:0;border:10px solid #dc2626;box-shadow:inset 0 0 0 8px #facc15,inset 0 0 90px #dc262680;animation:sneak-peek-blocker-flash .65s steps(2,end) infinite}.sneak-peek-blocker-panel{position:relative;z-index:1;width:min(560px,100%);text-align:center;padding:28px;border:1px solid rgba(250,204,21,.8);border-radius:8px;background:#1f1014;box-shadow:0 28px 80px #000000a6}.sneak-peek-warning-symbol{font-size:3rem;line-height:1;color:#facc15;margin-bottom:12px}.sneak-peek-blocker-panel h2{margin:0 0 10px;font-size:1.45rem}.sneak-peek-blocker-panel p{margin:0;line-height:1.55;color:#fed7aa}.sneak-peek-status{margin-top:14px;font-size:.82rem;font-weight:700;color:#fecaca;text-transform:uppercase;letter-spacing:.04em}.leak-warning-overlay{z-index:10020}.leak-warning-modal{max-width:520px;border-color:#facc158c}.leak-warning-actions{align-items:center;flex-wrap:wrap}@keyframes sneak-peek-blocker-flash{0%{border-color:#dc2626}50%{border-color:#facc15}to{border-color:#dc2626}}@media(max-width:767px){.chat-head .safety-btn span:not(.spinner-sm),.chat-head .sneak-peek-btn span:not(.spinner-sm){display:none}.chat-head .safety-btn,.chat-head .sneak-peek-btn{width:32px;padding:0;justify-content:center}}.call-panel{padding:10px}.call-panel-head{justify-content:space-between;gap:12px;margin-bottom:10px}.call-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.call-tile{position:relative;min-height:118px;aspect-ratio:16/9;border:1px solid var(--border);background:var(--bg-primary);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.call-tile video{width:100%;height:100%;object-fit:cover;background:#05080c}.call-tile audio{width:0;height:0;opacity:0;position:absolute}.call-avatar{width:52px;height:52px;min-width:52px;border-radius:50%;background:var(--accent-muted);border:1px solid var(--border-light);color:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:800}.call-name{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 7px;border-radius:var(--radius-sm);background:#05080cc2;color:var(--text-primary);font-size:var(--text-xs);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:5}.call-tile.local .call-name{color:#9be39d}.watermarked-call-surface{position:relative;overflow:hidden;isolation:isolate}.watermarked-call-surface:after{content:attr(data-watermark) "   " attr(data-watermark) "   " attr(data-watermark);position:absolute;left:-34%;top:44%;width:168%;transform:rotate(-18deg);color:#ffffff12;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:4}.call-panel.watermarked-call-surface:after{color:#ffffff09;top:52%}.call-panel.watermarked-call-surface>*{position:relative;z-index:5}.call-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;z-index:5}.call-badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:22px;padding:3px 7px;border-radius:var(--radius-sm);background:#05080cc7;border:1px solid rgba(148,163,184,.26);color:#d9f99d;font-size:var(--text-xs);font-weight:800;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-badge.muted{color:#fca5a5}.call-badge.sharing{color:#93c5fd}.call-add-panel{margin:10px 0 12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);display:grid;gap:10px}.call-add-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-add-title{color:var(--text-primary);font-weight:800;font-size:var(--text-sm)}.call-add-sub{margin-top:2px;font-size:var(--text-xs)}.call-add-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:168px;overflow:auto}.call-add-user{width:100%;min-height:42px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);text-align:left;cursor:pointer}.call-add-user:hover,.call-add-user.selected{border-color:var(--accent);background:var(--accent-muted)}.call-add-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:700}.call-add-empty{grid-column:1/-1;padding:10px;border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-xs)}.call-add-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.btn-secondary-sm{min-height:34px;padding:.55rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;cursor:pointer}.btn-secondary-sm:hover{border-color:var(--accent);color:var(--text-primary)}.btn-secondary-sm:disabled{opacity:.5;cursor:not-allowed}.key-send-warning-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:#05080cad}.key-send-warning{width:min(520px,100%);padding:16px;border:1px solid var(--warning);border-radius:var(--radius-sm);background:var(--bg-panel);box-shadow:0 18px 48px #0000006b;color:var(--text-primary);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:12px}.key-send-warning-copy{min-width:0;display:grid;gap:3px}.key-send-warning h3{margin:0;font-size:var(--text-sm);font-weight:800}.key-send-warning p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.35}.key-send-warning-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:767px){.key-send-warning{grid-template-columns:auto minmax(0,1fr)}.key-send-warning-actions{justify-content:stretch}.key-send-warning-actions button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.screenshield app-root{filter:blur(22px) contrast(.6) saturate(.3);pointer-events:none;animation:screenshield-pulse .25s steps(2) infinite}@keyframes screenshield-pulse{0%{filter:blur(22px) contrast(.6) saturate(.3) hue-rotate(0deg)}50%{filter:blur(28px) contrast(.4) saturate(.1) hue-rotate(180deg)}to{filter:blur(22px) contrast(.6) saturate(.3) hue-rotate(0deg)}}body.screenshield:after{content:"";position:fixed;inset:0;z-index:99999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);animation:screenshield-scanlines .08s steps(2) infinite}@keyframes screenshield-scanlines{0%{background-position:0 0}to{background-position:0 3px}}@media print{app-root,.fv-backdrop{display:none!important}}