.voice-call-page{--call-bg: #101814;--call-surface: #1b2822;--call-text: #f6fbf8;--call-muted: #b7c5bd;min-height:100dvh;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:max(20px,env(safe-area-inset-top)) 20px max(18px,env(safe-area-inset-bottom));color:var(--call-text);background:radial-gradient(circle at 50% 18%,#294838 0,var(--call-bg) 44%,#090e0b 100%);-webkit-font-smoothing:antialiased}.voice-call-back{position:absolute;left:12px;top:max(12px,env(safe-area-inset-top));width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--call-text);background:rgba(255,255,255,.08);cursor:pointer}.voice-call-back:focus-visible,.voice-call-page button:focus-visible{outline:3px solid #8debb7;outline-offset:3px}.voice-call-identity{margin-top:clamp(52px,9vh,90px);text-align:center;display:flex;flex-direction:column;align-items:center}.voice-call-avatar-wrap{position:relative}.voice-call-avatar{width:clamp(104px,30vw,144px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:48px;font-weight:650;background:#d8e9df;color:#183225;box-shadow:0 0 0 6px #ffffff14;transition:box-shadow .22s ease}.voice-call-avatar.is-live{box-shadow:0 0 0 7px #52d78e2e,0 0 0 16px #52d78e12}.voice-call-avatar img{width:100%;height:100%;object-fit:cover;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.voice-call-switch-role{position:absolute;right:-8px;bottom:4px;width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;color:#123020;background:#7be4a7;box-shadow:0 0 0 4px #16251e,0 8px 22px #0000004d,inset 0 1px #ffffff57;cursor:pointer;transition:scale .16s ease,background-color .16s ease,box-shadow .16s ease}.voice-call-switch-role:hover{background:#91ecb6;box-shadow:0 0 0 4px #16251e,0 11px 26px #00000057,inset 0 1px #ffffff61}.voice-call-switch-role:active{scale:.96}.voice-call-identity h1{margin:24px 0 6px;color:var(--call-text);font-size:clamp(24px,7vw,32px);line-height:1.2}.voice-call-status{color:var(--call-muted);font-size:16px;min-height:24px}.voice-call-timer{margin-top:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:18px}.voice-balance-warning,.voice-call-error{width:min(100%,520px);margin-top:18px;padding:12px 14px;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.45}.voice-balance-warning{color:#fff4ca;background:#634d11;border:1px solid #9f7d25}.voice-call-error{color:#ffe5e5;background:#612525;border:1px solid #a74949}.voice-call-caption{width:min(100%,560px);min-height:84px;margin-top:18px;color:#e6eee9;font-size:15px;line-height:1.55;text-align:center;overflow:hidden}.voice-call-caption p{margin:5px 0}.voice-call-caption span{color:#8debb7;font-size:12px;margin-right:8px}.voice-call-language{display:flex;align-items:center;gap:10px;margin:4px 0 14px;color:var(--call-muted);font-size:13px}.voice-call-language>div{display:flex;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.06)}.voice-call-language button{min-width:70px;min-height:44px;padding:0 12px;border:0;border-radius:8px;color:var(--call-muted);background:transparent;font:inherit;font-weight:600;cursor:pointer;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.voice-call-language button.is-active{color:#123020;background:#8debb7;box-shadow:0 2px 8px #00000038}.voice-call-language button:disabled{cursor:default;opacity:.72}.voice-call-billing{width:min(100%,440px);margin-top:auto;margin-bottom:20px;padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(18,30,24,.78)}.voice-call-billing div{min-height:28px;display:flex;align-items:center;gap:9px;color:var(--call-muted);font-size:13px}.voice-call-controls{width:min(100%,430px);min-height:84px;display:flex;justify-content:center;align-items:flex-start;gap:clamp(22px,8vw,42px)}.round-control{width:68px;min-height:68px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:var(--call-text);background:#2a3931;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.round-control:active,.voice-start-button:active{transform:scale(.96)}.round-control.is-active{background:#f3f7f4;color:#17221c}.round-control.hangup{background:#df3f47;color:#fff}.round-control span{position:absolute;margin-top:100px;width:86px;color:var(--call-muted);font-size:12px}.voice-start-button{min-height:52px;padding:0 24px;border:0;border-radius:26px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#092116;background:#62dc96;font-size:16px;font-weight:650;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.voice-start-button:disabled{opacity:.55;cursor:wait}.voice-network{margin-top:28px;min-height:24px;display:flex;align-items:center;gap:6px;color:#8fa097;font-size:12px}.voice-balance-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:18px 14px max(14px,env(safe-area-inset-bottom));background:rgba(4,9,6,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:voice-picker-fade-in .18s ease-out both}.voice-balance-prompt{position:relative;width:min(100%,520px);padding:24px 20px 18px;border-radius:28px;color:var(--call-text);background:linear-gradient(145deg,#26392f 0%,#16231c 100%);box-shadow:0 28px 80px #00000080,0 4px 18px #0000004d,inset 0 1px #ffffff14;animation:voice-picker-sheet-in .22s cubic-bezier(.2,0,0,1) both}.voice-balance-prompt-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--call-muted);background:rgba(255,255,255,.07);cursor:pointer;transition:scale .16s ease,color .16s ease,background-color .16s ease}.voice-balance-prompt-close:hover{color:var(--call-text);background:rgba(255,255,255,.12)}.voice-balance-prompt-close:active{scale:.96}.voice-balance-prompt-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#ffe29a;background:rgba(216,164,54,.16);box-shadow:inset 0 0 0 1px #ffe29a33}.voice-balance-prompt header{padding-right:42px}.voice-balance-prompt header>span{display:block;margin-top:18px;color:#ffd98a;font-size:12px;font-weight:700;letter-spacing:.08em}.voice-balance-prompt h2{margin:6px 0 8px;font-size:clamp(24px,6vw,29px);line-height:1.2;text-wrap:balance}.voice-balance-prompt p{margin:0;color:var(--call-muted);font-size:14px;line-height:1.6;text-wrap:pretty}.voice-balance-prompt-options{display:grid;gap:10px;margin-top:20px}.voice-balance-prompt-options>button{width:100%;min-height:68px;display:flex;align-items:center;gap:13px;padding:11px 13px;border:0;border-radius:19px;color:var(--call-text);text-align:left;background:rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0d;cursor:pointer;transition:scale .16s ease,background-color .16s ease,box-shadow .16s ease}.voice-balance-prompt-options>button:last-child{color:#10291c;background:#75e2a2;box-shadow:0 8px 24px #36b46c33,inset 0 1px #ffffff4d}.voice-balance-prompt-options>button:hover{background:rgba(255,255,255,.11)}.voice-balance-prompt-options>button:last-child:hover{background:#8beab1}.voice-balance-prompt-options>button:active{scale:.96}.voice-balance-option-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;color:#ffe29a;background:rgba(216,164,54,.14)}.voice-balance-prompt-options>button:last-child .voice-balance-option-icon{color:#174029;background:rgba(14,77,42,.12)}.voice-balance-prompt-options>button>span:last-child{min-width:0;display:grid;gap:4px}.voice-balance-prompt-options strong{font-size:15px;line-height:1.25}.voice-balance-prompt-options small{color:currentColor;font-size:12px;line-height:1.4;opacity:.72;text-wrap:pretty}.voice-balance-prompt-later{width:100%;min-height:48px;margin-top:10px;border:0;border-radius:16px;color:var(--call-muted);background:transparent;font-size:14px;font-weight:650;cursor:pointer;transition:scale .16s ease,color .16s ease,background-color .16s ease}.voice-balance-prompt-later:hover{color:var(--call-text);background:rgba(255,255,255,.055)}.voice-balance-prompt-later:active{scale:.96}.voice-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:18px 14px max(14px,env(safe-area-inset-bottom));background:rgba(4,9,6,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:voice-picker-fade-in .18s ease-out both}.voice-picker-sheet{position:relative;width:min(100%,560px);max-height:min(82dvh,720px);display:flex;flex-direction:column;padding:24px;border-radius:28px;color:var(--call-text);background:linear-gradient(145deg,#22342b 0%,#17231d 100%);box-shadow:0 28px 80px #00000075,0 2px 10px #0000004d,inset 0 1px #ffffff14;animation:voice-picker-sheet-in .22s cubic-bezier(.2,0,0,1) both}.voice-picker-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--call-muted);background:rgba(255,255,255,.07);cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease}.voice-picker-close:hover{color:var(--call-text);background:rgba(255,255,255,.12)}.voice-picker-close:active{transform:scale(.96)}.voice-picker-header{padding-right:42px}.voice-picker-eyebrow{color:#83dda9;font-size:12px;font-weight:700;letter-spacing:.08em}.voice-picker-header h2{margin:7px 0 9px;font-size:clamp(23px,6vw,29px);line-height:1.2;text-wrap:balance}.voice-picker-header p{margin:0;color:var(--call-muted);font-size:14px;line-height:1.65;text-wrap:pretty}.voice-picker-options{margin-top:20px;padding:4px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:10px}.voice-picker-option{min-height:70px;display:flex;align-items:stretch;padding:7px;border-radius:20px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px #ffffff0b;transition:transform .17s ease,background-color .17s ease,box-shadow .17s ease}.voice-picker-option.is-selected{background:rgba(98,220,150,.14);box-shadow:0 7px 22px #0000002e,inset 0 0 0 1px #77eba957}.voice-picker-select{min-width:0;flex:1;min-height:56px;padding:7px 8px;border:0;display:flex;align-items:center;gap:12px;color:inherit;text-align:left;background:transparent;cursor:pointer}.voice-picker-select:active{transform:scale(.96)}.voice-picker-radio{width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 2px #ffffff5c;transition:background-color .16s ease,box-shadow .16s ease}.voice-picker-option.is-selected .voice-picker-radio{background:#62dc96;box-shadow:inset 0 0 0 5px #244333,0 0 0 2px #62dc96}.voice-picker-copy{min-width:0;display:grid;gap:5px}.voice-picker-copy strong{font-size:15px;line-height:1.25}.voice-picker-copy small{color:var(--call-muted);font-size:12px;line-height:1.4;text-wrap:pretty}.voice-picker-preview{width:44px;height:44px;flex:0 0 44px;align-self:center;border:0;border-radius:14px;display:grid;place-items:center;padding-left:2px;color:#b9f1d0;background:rgba(98,220,150,.12);cursor:pointer;transition:transform .16s ease,background-color .16s ease}.voice-picker-preview:hover{background:rgba(98,220,150,.2)}.voice-picker-preview:active{transform:scale(.96)}.voice-picker-empty{padding:24px 18px;border-radius:18px;color:var(--call-muted);text-align:center;background:rgba(255,255,255,.045);text-wrap:pretty}.voice-picker-error{margin:12px 4px 0;color:#ffc7c7;font-size:13px;line-height:1.45;text-wrap:pretty}.voice-picker-actions{margin-top:20px;display:grid;grid-template-columns:minmax(96px,.55fr) minmax(190px,1.45fr);gap:12px}.voice-picker-actions button{min-height:52px;border:0;border-radius:16px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .17s ease,opacity .17s ease,background-color .17s ease}.voice-picker-actions button:active{transform:scale(.96)}.voice-picker-cancel{color:var(--call-text);background:rgba(255,255,255,.08)}.voice-picker-confirm{color:#092116;background:#62dc96;box-shadow:0 8px 24px #36b46c2e}.voice-picker-actions button:disabled,.voice-picker-close:disabled{opacity:.48;cursor:not-allowed}.call-role-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:flex-end;justify-content:center;padding:18px 14px max(14px,env(safe-area-inset-bottom));background:rgba(4,9,6,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.call-role-picker-sheet{width:min(100%,580px);max-height:min(86dvh,760px);display:flex;flex-direction:column;padding:22px 18px 18px;border-radius:28px;color:var(--call-text);background:linear-gradient(145deg,#22342b 0%,#15221b 100%);box-shadow:0 28px 80px #0000007a,0 4px 18px #00000047,inset 0 1px #ffffff14}.call-role-picker-header{display:flex;align-items:flex-start;gap:14px;padding:2px 4px 16px}.call-role-picker-header>div{min-width:0;flex:1;text-align:left}.call-role-picker-eyebrow{color:#83dda9;font-size:12px;font-weight:700;letter-spacing:.08em}.call-role-picker-header h2{margin:6px 0 7px;font-size:clamp(23px,6vw,28px);line-height:1.2;text-wrap:balance}.call-role-picker-header p{margin:0;color:var(--call-muted);font-size:13px;line-height:1.55;text-wrap:pretty}.call-role-picker-close{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--call-muted);background:rgba(255,255,255,.07);cursor:pointer;transition:scale .16s ease,color .16s ease,background-color .16s ease}.call-role-picker-close:hover{color:var(--call-text);background:rgba(255,255,255,.12)}.call-role-picker-close:active{scale:.96}.call-role-picker-list{min-height:120px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:9px;padding:3px 4px 12px}.call-role-picker-item{width:100%;min-height:70px;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:0;border-radius:20px;color:inherit;text-align:left;background:rgba(255,255,255,.055);box-shadow:inset 0 1px #ffffff0b;cursor:pointer;transition:scale .16s ease,background-color .16s ease,box-shadow .16s ease}.call-role-picker-item:hover{background:rgba(255,255,255,.085)}.call-role-picker-item:active{scale:.96}.call-role-picker-item.is-current{background:rgba(98,220,150,.14);box-shadow:0 8px 22px #0000002b,inset 0 0 0 1px #77eba94d}.call-role-picker-avatar{width:50px;height:50px;flex:0 0 50px;overflow:hidden;display:grid;place-items:center;border-radius:14px;color:#173023;background:#d9ebdf;font-size:20px;font-weight:700}.call-role-picker-avatar img{width:100%;height:100%;object-fit:cover;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.call-role-picker-copy{min-width:0;flex:1;display:grid;gap:5px}.call-role-picker-copy strong{overflow:hidden;font-size:15px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.call-role-picker-copy small{overflow:hidden;color:var(--call-muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.call-role-picker-check{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;color:#143323;background:#6ee29f;opacity:0;scale:.25;filter:blur(4px);transition:opacity .3s cubic-bezier(.2,0,0,1),scale .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}.call-role-picker-check.is-visible{opacity:1;scale:1;filter:blur(0)}.call-role-picker-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border-radius:20px;color:var(--call-muted);text-align:center;background:rgba(255,255,255,.045)}.call-role-picker-empty strong{color:var(--call-text);font-size:15px}.call-role-picker-empty span{font-size:13px;line-height:1.5;text-wrap:pretty}.call-role-picker-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 4px 0;box-shadow:0 -1px #ffffff12}.call-role-picker-actions button{min-width:0;min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:18px;color:var(--call-text);text-align:left;background:rgba(255,255,255,.075);cursor:pointer;transition:scale .16s ease,background-color .16s ease,box-shadow .16s ease}.call-role-picker-actions button:last-child{color:#0d281a;background:#72e2a1;box-shadow:0 8px 22px #36b46c2e}.call-role-picker-actions button:hover{background:rgba(255,255,255,.12)}.call-role-picker-actions button:last-child:hover{background:#88e9b0}.call-role-picker-actions button:active{scale:.96}.call-role-picker-actions button:disabled,.call-role-picker-close:disabled,.call-role-picker-item:disabled{opacity:.5;cursor:wait}.call-role-picker-actions button>span{min-width:0;display:grid;gap:3px}.call-role-picker-actions strong{font-size:13px;line-height:1.2}.call-role-picker-actions small{overflow:hidden;color:currentColor;font-size:11px;line-height:1.25;opacity:.7;text-overflow:ellipsis;white-space:nowrap}@keyframes voice-picker-fade-in{0%{opacity:0}to{opacity:1}}@keyframes voice-picker-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 680px){.voice-call-identity{margin-top:36px}.voice-call-avatar{width:92px}.voice-call-identity h1{margin-top:16px}.voice-call-caption{min-height:58px;margin-top:10px}.voice-call-billing{margin-bottom:12px}}@media (orientation: landscape) and (max-height: 520px){.voice-call-page{padding-left:max(76px,env(safe-area-inset-left));padding-right:max(76px,env(safe-area-inset-right))}.voice-call-identity{margin-top:2px}.voice-call-avatar{width:76px}.voice-call-identity h1{margin:10px 0 2px;font-size:22px}.voice-call-caption{min-height:42px;margin-top:5px}.voice-call-billing{position:absolute;left:20px;bottom:28px;width:220px}.voice-call-controls{margin-left:auto}}@media (min-width: 640px){.voice-picker-backdrop{align-items:center}}@media (min-width: 640px){.voice-balance-prompt-backdrop{align-items:center}}@media (max-width: 420px){.voice-picker-sheet{padding:22px 18px 18px;border-radius:26px}.voice-picker-actions{grid-template-columns:1fr}.voice-picker-cancel{order:2}}@media (max-width: 420px){.call-role-picker-actions{grid-template-columns:1fr}.call-role-picker-actions button{min-height:56px}}@media (prefers-reduced-motion: reduce){.voice-call-page *,.voice-call-page *:before,.voice-call-page *:after{animation:none!important;transition:none!important}}.voice-call-route-placeholder{width:100%;height:100%;background:#101814}.voice-call-persistent-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#101814}.voice-call-persistent-host.is-visible{visibility:visible;opacity:1;pointer-events:auto}.voice-call-persistent-host.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.voice-call-float{position:fixed;top:0;left:0;z-index:90;width:172px;min-height:68px;display:flex;align-items:center;gap:11px;padding:9px 13px 9px 9px;border:1px solid rgba(255,255,255,.62);border-radius:20px;color:#f7fbf8;background:linear-gradient(145deg,rgba(29,48,38,.97),rgba(13,24,18,.98));box-shadow:0 18px 44px #00000047,0 4px 14px #0003,inset 0 1px #ffffff1a;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:box-shadow .16s ease,filter .16s ease,scale .16s ease;will-change:transform}.voice-call-float:active{filter:brightness(1.05);scale:.96}.voice-call-float.is-dragging{cursor:grabbing;box-shadow:0 24px 54px #00000057,0 6px 18px #0000003d,inset 0 1px #ffffff1a}.voice-call-float:focus-visible{outline:3px solid #76e5a5;outline-offset:3px}.voice-call-float-avatar{position:relative;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;overflow:visible;border-radius:50%;color:#173023;background:#d9ebdf;font-size:20px;font-weight:700;box-shadow:0 0 0 1px #0000002e}.voice-call-float-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;box-shadow:inset 0 0 0 1px #00000029}.voice-call-float-live{position:absolute;right:-1px;bottom:1px;width:12px;height:12px;border:2px solid #17251e;border-radius:50%;background:#58df91;box-shadow:0 0 0 3px #58df9121}.voice-call-float-copy{min-width:0;display:grid;gap:5px}.voice-call-float-copy strong{overflow:hidden;color:#f7fbf8;font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.voice-call-float-copy span{display:flex;align-items:center;gap:5px;color:#aee9c6;font-size:12px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.035em}@media (prefers-reduced-motion: reduce){.voice-call-float{transition:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;height:100%;height:100dvh;overflow:hidden}#root{height:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}:root{--primary-color: #07c160;--secondary-color: #576b95;--background-color: #f5f5f5;--chat-background: #ededed;--message-bubble-user: #95ec69;--message-bubble-ai: #ffffff;--border-color: #e5e5e5;--text-primary: #333333;--text-secondary: #888888;--tab-bar-height: 60px;--header-height: 50px}@media (max-width: 480px){:root{--tab-bar-height: 56px;--header-height: 48px}}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-center{text-align:center}.h-full{height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease;outline:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#06ad56}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#4a5c87}.input{padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease}.input:focus{border-color:var(--primary-color)}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){body{font-size:14px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*{-webkit-tap-highlight-color:transparent}input,button,textarea,select{font-size:16px}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media (pointer: coarse){button,.btn,.tab-item,.role-card,.contact-item{min-height:44px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#bbb}.voice-message{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;min-width:80px}.voice-message.loading{opacity:.8;cursor:wait!important}.voice-loading{display:flex;align-items:center;gap:6px}.voice-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-progress{font-size:11px;color:var(--text-secondary);font-weight:500;min-width:32px;text-align:right}.voice-message.playing .voice-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.voice-unread-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ff4d4f;border-radius:50%;box-shadow:0 0 0 2px #ff4d4f33;animation:unread-pulse 2s ease-in-out infinite}@keyframes unread-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #ff4d4f33}50%{transform:scale(1.1);box-shadow:0 0 0 4px #ff4d4f4d}}.ai-message .voice-message{position:relative;padding-right:16px}.voice-message-container{display:flex;flex-direction:column;gap:6px;width:100%}.voice-text{padding:8px 12px;background:rgba(0,0,0,.04);border-radius:6px;font-size:13px;color:#666;line-height:1.5;word-break:break-word;white-space:pre-wrap;max-width:100%;margin-top:2px;border:1px solid rgba(0,0,0,.06)}.ai-message .voice-text{background:rgba(255,255,255,.5);border-color:#0000000d}.user-message .voice-text{background:rgba(255,255,255,.15);color:#ffffffd9;border-color:#ffffff1a}html{height:100%;height:100dvh;background:#ededed;overflow:hidden}button,input,textarea{font-family:inherit}button{-webkit-tap-highlight-color:transparent}:root{--background-color: #ededed;--border-color: #e6e6e6;--text-primary: #191919;--text-secondary: #8a8a8a;--tab-bar-height: 58px;--header-height: 48px;--wechat-hover: #f5f5f5;--wechat-pressed: #e9e9e9;--wechat-line: rgba(0, 0, 0, .08);--wechat-shadow: 0 8px 24px rgba(0, 0, 0, .08)}body{background-color:#ededed;color:#1f1f1f}.app-header{height:var(--header-height);background:#ededed;border-bottom:1px solid var(--wechat-line);display:flex;align-items:center;justify-content:space-between;padding:max(0px,env(safe-area-inset-top)) 12px 0 18px;flex-shrink:0}.app-header-title{color:var(--text-primary);font-size:17px;font-weight:600;line-height:1}.app-header-actions{display:inline-flex;align-items:center;gap:2px}.app-header-btn{width:38px;height:38px;border:none;border-radius:6px;background:transparent;color:#181818;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-header-btn:active{background:rgba(0,0,0,.06)}.chats-page,.contacts-page,.discover-page,.profile-page,.chat-page{background:#ededed!important}.search-bar,.search-row{background:#ededed!important;border-bottom:1px solid var(--wechat-line)!important;padding:8px 12px!important}.search-input-wrapper,.search-input{min-height:34px}.search-input{background:#ffffff!important;border:none!important;border-radius:6px!important;color:var(--text-primary)!important;box-shadow:none!important}.chat-list,.contacts-scroll,.roles-content{background:#ededed!important}.chat-item,.contact-item,.system-item,.moments-entry,.menu-item{min-height:64px!important;display:flex!important;align-items:center!important;background:#ffffff!important;border-bottom:1px solid var(--wechat-line)!important;transition:background-color .12s ease!important}.chat-item:hover,.contact-item:hover,.system-item:hover,.moments-entry:hover,.menu-item:hover{background:var(--wechat-hover)!important}.chat-item:active,.contact-item:active,.system-item:active,.moments-entry:active,.menu-item:active{background:var(--wechat-pressed)!important}.chat-avatar,.contact-avatar,.role-avatar,.modal-avatar,.modal-avatar-large{border-radius:6px!important;background:#d8d8d8!important;box-shadow:inset 0 0 0 .5px #00000014}.chat-avatar{width:45px!important;height:45px!important;margin-right:10px!important}.chat-name,.contact-name,.role-name,.menu-title{color:#1f1f1f!important;font-weight:400!important}.chat-message,.chat-time,.contact-signature,.system-desc,.role-tagline,.role-footer,.menu-value,.menu-subtitle{color:#8c8c8c!important}.unread-badge{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#fa5151!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;line-height:18px!important}.empty-state{background:transparent!important;border:none!important;color:#9b9b9b!important}.system-section,.section-list,.menu-section{background:#ffffff!important;border-top:1px solid var(--wechat-line)!important;border-bottom:1px solid var(--wechat-line)!important}.section-header{height:28px!important;padding:6px 16px 4px!important;color:#7c7c7c!important;font-size:12px!important;line-height:18px!important}.index-sidebar{right:2px!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.index-letter{color:#06ad56!important;font-size:10px!important;font-weight:600!important}.category-tabs{background:#ffffff!important;border-bottom:1px solid var(--wechat-line)!important}.category-tab{min-height:44px!important}.category-tab.active:after{height:2px!important;bottom:0!important;left:24%!important;right:24%!important;border-radius:0!important}.roles-content{padding:8px 0 96px!important}.role-card{margin:0!important;padding:12px 16px!important;border:none!important;border-bottom:1px solid var(--wechat-line)!important;border-radius:0!important;background:#ffffff!important;box-shadow:none!important;gap:12px!important}.role-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--wechat-line)!important;background:var(--wechat-hover)!important}.role-avatar{width:45px!important;height:45px!important;font-size:23px!important}.category-badge,.role-badge,.market-badge,.vip-badge,.free-badge{border-radius:4px!important;font-weight:500!important}.custom-header,.role-section,.custom-empty,.market-info{border-radius:0!important;border-left:none!important;border-right:none!important;box-shadow:none!important}.create-custom-btn,.add-btn,.message-btn,.logout-btn,.redeem-button,.cancel-share-btn,.confirm-share-btn{border-radius:6px!important}.user-section{min-height:92px!important;border-top:1px solid var(--wechat-line)!important;border-bottom:1px solid var(--wechat-line)!important}.user-avatar,.user-avatar img,.avatar-fallback{border-radius:6px!important}.menu-section{margin-top:8px!important;border-radius:0!important}.logout-section{margin-top:8px!important;padding:8px 0 20px!important}.logout-btn{border-left:none!important;border-right:none!important;color:#fa5151!important;background:#ffffff!important}.chat-page .chat-header{height:48px!important;background:#ededed!important;border-bottom:1px solid var(--wechat-line)!important;padding:0 8px!important}.chat-page .back-btn,.chat-page .menu-btn,.mode-toggle-btn,.attachment-btn{border-radius:6px!important;color:#181818!important}.chat-page .back-btn:active,.chat-page .menu-btn:active,.mode-toggle-btn:active,.attachment-btn:active{background:rgba(0,0,0,.06)!important}.chat-page .messages-container{background:#ededed!important;padding:12px 0 10px!important}.chat-page .messages-list{padding:0 12px!important}.chat-page .message-wrapper{margin-bottom:12px!important;display:flex!important;align-items:flex-start!important}.chat-page .message-wrapper.user-message{flex-direction:row-reverse!important}.chat-page .message-avatar{width:40px!important;height:40px!important;border-radius:6px!important;margin:0 8px!important}.chat-page .message-content{max-width:min(72%,520px)!important}.chat-page .message-bubble{border-radius:6px!important;padding:9px 12px!important;margin-bottom:3px!important;line-height:1.48!important;box-shadow:none!important}.chat-page .message-bubble:after{content:"";position:absolute;top:14px;width:9px;height:9px;transform:rotate(45deg)}.chat-page .ai-message .message-bubble{background:#ffffff!important;border:none!important;color:#1f1f1f!important}.chat-page .ai-message .message-bubble:after{left:-4px;background:#ffffff}.chat-page .user-message .message-bubble{background:#95ec69!important;color:#1f1f1f!important}.chat-page .user-message .message-bubble:after{right:-4px;background:#95ec69}.chat-page .message-bubble.image:after,.chat-page .message-bubble.video:after{display:none}.chat-page .message-text{font-size:15px!important}.chat-page .message-time{color:#a0a0a0!important}.chat-page .input-area{min-height:54px!important;display:flex!important;background:#f7f7f7!important;border-top:1px solid var(--wechat-line)!important;padding:7px 8px max(7px,env(safe-area-inset-bottom))!important;gap:7px!important;align-items:flex-end!important}.chat-page .text-input,.chat-page .voice-btn{min-height:38px!important;border:none!important;border-radius:6px!important;background:#ffffff!important;color:#1f1f1f!important;box-shadow:inset 0 0 0 1px #00000008}.chat-page .text-input:focus{box-shadow:inset 0 0 0 1px #07c16073!important}.chat-page .send-btn{width:auto!important;min-width:48px!important;height:36px!important;padding:0 12px!important;border-radius:6px!important;background:#07c160!important}.chat-page .attachment-menu{left:0!important;right:0!important;bottom:54px!important;border-radius:0!important;box-shadow:none!important;border-top:1px solid var(--wechat-line)!important;background:#f7f7f7!important;padding:18px 16px!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:18px!important}.chat-page .attachment-option{min-width:58px!important}.chat-page .attachment-option-icon,.chat-page .red-packet-icon{border-radius:8px!important}.modal-content,.delete-confirm-box,.clear-history-box,.red-packet-content,.membership-prompt-box,.share-modal-content{border-radius:10px!important;box-shadow:var(--wechat-shadow)!important}@media (max-width: 480px){:root{--tab-bar-height: 56px;--header-height: 47px}.app-header{padding-left:16px;padding-right:8px}.chat-item,.contact-item,.system-item,.moments-entry,.menu-item{min-height:58px!important}.chat-avatar,.role-avatar{width:42px!important;height:42px!important}.chat-page .message-content{max-width:74%!important}.chat-page .message-avatar{width:36px!important;height:36px!important}}