:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}.call-screen{--call-bg:#080b12;--call-panel:#10141d;--call-gold:#c9a96e;--call-gold-soft:#c9a96e24;--call-text:#f2efe8;--call-muted:#9299a8;--call-danger:#e06b67;box-sizing:border-box;min-height:100dvh;color:var(--call-text);background:radial-gradient(circle at 50% 34%, #c9a96e1c, transparent 30%), radial-gradient(circle at 15% 5%, #4856761a, transparent 24%), var(--call-bg);padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;display:grid;position:relative;overflow:hidden}.call-screen:before{content:"";pointer-events:none;opacity:.22;z-index:-1;background-image:linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 7px;position:absolute;inset:0}.call-topbar{z-index:4;grid-template-columns:48px 1fr 48px;align-items:center;width:min(100%,560px);margin:0 auto;display:grid}.call-identity{text-align:center;line-height:1.25}.call-identity strong{letter-spacing:.02em;font-size:17px;font-weight:560;display:block}.call-identity span{color:var(--call-muted);margin-top:4px;font-size:12px;display:block}.call-icon-button{color:#d9d7d0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff09;border:1px solid #f2efe81c;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.call-icon-button:last-child{justify-self:end}.call-stage{flex-direction:column;justify-content:center;align-items:center;width:min(100%,620px);min-height:0;margin:0 auto;padding:18px 0 10px;display:flex}.call-portrait-stage{flex:none;place-items:center;width:178px;height:178px;display:grid;position:relative}.call-phase-ring{border:1px solid #c9a96e52;border-radius:50%;animation:5s ease-in-out infinite call-breathe;position:absolute;inset:0;box-shadow:0 0 50px #c9a96e14,inset 0 0 28px #c9a96e0a}.call-screen--thinking .call-phase-ring:after{content:"";background:var(--call-gold);width:7px;height:7px;box-shadow:0 0 15px var(--call-gold);transform-origin:0 81px;border-radius:50%;animation:4s linear infinite call-orbit;position:absolute;top:8px;left:50%}.call-screen--speaking .call-phase-ring{border-color:#c9a96e9e;box-shadow:0 0 64px #c9a96e2b,inset 0 0 30px #c9a96e0f}.call-avatar{width:134px;height:134px;color:var(--call-gold);background:#151922;border:1px solid #f2efe824;border-radius:50%;place-items:center;font-family:Songti SC,STSong,serif;font-size:42px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000061}.call-avatar img{object-fit:cover;width:100%;height:100%}.call-time{color:#737b89;font-variant-numeric:tabular-nums;letter-spacing:.12em;margin:15px 0 0;font-size:13px}.call-waveform{justify-content:center;align-items:center;gap:3px;height:34px;margin:10px 0 4px;display:flex}.call-wave-bar{background:var(--call-gold);opacity:.62;border-radius:2px;width:2px;min-height:4px;transition:height 80ms}.call-caption-region{text-align:center;scrollbar-width:none;width:min(88vw,500px);min-height:112px;max-height:28vh;padding:4px 10px;overflow:auto}.call-caption-region::-webkit-scrollbar{display:none}.call-status{min-height:18px;color:var(--call-gold);margin:0 0 8px;font-size:13px}.call-caption{color:var(--call-text);text-wrap:balance;margin:0 auto 9px;font-family:Songti SC,STSong,serif;font-size:clamp(17px,4.4vw,21px);line-height:1.72}.call-transcript{color:var(--call-muted);text-wrap:balance;margin:0 auto;font-size:14px;line-height:1.6}.call-event{color:#d8c294;background:#c9a96e12;border:1px solid #c9a96e2e;border-radius:999px;margin:0 0 10px;padding:7px 13px;font-size:12px}.call-bottom{z-index:4;width:min(100%,480px);margin:0 auto}.call-composer{background:#ffffff0a;border:1px solid #f2efe81a;border-radius:24px;align-items:flex-end;gap:8px;padding:8px 8px 8px 16px;display:flex}.call-composer textarea{resize:none;min-width:0;max-height:80px;color:var(--call-text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:5px 0;font-size:14px;line-height:1.45}.call-composer textarea::placeholder{color:#6f7784}.call-send{color:#101217;background:var(--call-gold);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.call-send:disabled{color:#68707c;cursor:default;background:#ffffff0f}.call-controls{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:22px;width:min(86vw,330px);margin:20px auto 0;display:grid}.call-control{color:#cbc9c3;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;font-size:11px;display:flex}.call-control svg{box-sizing:content-box;background:#ffffff0b;border:1px solid #f2efe81f;border-radius:50%;padding:15px}.call-control.is-active svg{color:#16130d;border-color:var(--call-gold);background:var(--call-gold)}.call-control--hangup svg{color:#fff;background:var(--call-danger);border-color:#0000;padding:17px;transform:rotate(0);box-shadow:0 10px 30px #e06b672e}.call-control:disabled{opacity:.38;cursor:not-allowed}.call-alert{top:max(76px, calc(env(safe-area-inset-top) + 60px));z-index:20;box-sizing:border-box;color:#d9c69f;text-align:center;background:#10141df0;border:1px solid #c9a96e33;border-radius:14px;width:min(82vw,360px);padding:11px 15px;font-size:13px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000042}.call-alert.is-error{color:#f1aaa6;border-color:#e06b6747}.call-attachment-status{align-items:center;gap:10px;display:flex}.call-attachment-status img{object-fit:cover;border-radius:9px;width:42px;height:42px}.call-hint{color:#8f96a2;text-align:center;margin:10px 0 0;font-size:12px}.call-hint.is-warning{color:#dca29f}.call-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0204089e;border:0;position:absolute;inset:0}.call-sheet,.call-history-sheet,.call-more-sheet{z-index:31;max-height:min(72vh,620px);padding-bottom:env(safe-area-inset-bottom);background:#10141dfa;border:1px solid #f2efe81a;border-bottom:0;border-radius:24px 24px 0 0;position:absolute;bottom:0;left:10px;right:10px;overflow:hidden;box-shadow:0 -24px 70px #0000007a}.call-sheet-header{border-bottom:1px solid #f2efe812;justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex}.call-sheet-header h2{margin:0;font-size:16px;font-weight:560}.call-sheet-close{width:36px;height:36px;color:var(--call-muted);cursor:pointer;background:#ffffff0d;border:0;border-radius:50%;place-items:center;display:grid}.call-history-list{max-height:calc(min(72vh,620px) - 72px);padding:12px 18px 28px;overflow-y:auto}.call-history-row{border-bottom:1px solid #f2efe80e;padding:10px 0 14px}.call-history-label{color:var(--call-gold);margin-bottom:4px;font-size:11px;display:block}.call-history-row.is-user .call-history-label{color:#7f8794}.call-history-line{color:#dcdbd6;white-space:pre-wrap;text-align:left;margin:0;font-size:14px;line-height:1.65}.call-history-row.is-user .call-history-line{color:#aeb3bc}.call-history-empty,.call-history-loading{color:var(--call-muted);text-align:center;font-size:13px}.call-jump-latest{color:#d9c399;cursor:pointer;background:#191b20;border:1px solid #c9a96e4d;border-radius:999px;padding:8px 16px;position:sticky;bottom:12px;left:50%;transform:translate(-50%)}.call-more-content{grid-template-columns:repeat(2,1fr);gap:10px;padding:14px 18px 24px;display:grid}.call-more-action{color:#d9d7d1;cursor:pointer;background:#ffffff09;border:1px solid #f2efe814;border-radius:14px;align-items:center;gap:11px;min-height:54px;padding:0 14px;display:flex}.call-more-action.is-recording{color:#f0aaa7;border-color:#e06b674d}.call-more-message{color:var(--call-muted);text-align:center;grid-column:1/-1;margin:0;font-size:12px}.call-singing{color:#d5c296;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:9px;font-size:13px;display:flex}.call-singing button{color:#e4d5b6;background:0 0;border:1px solid #c9a96e40;border-radius:999px;padding:5px 11px}.call-message-link{color:#dcc18c;overflow-wrap:anywhere;text-decoration:underline}.call-generated-image-link{margin-top:8px;line-height:0;display:block}.call-generated-image{object-fit:contain;background:#05070a;border-radius:14px;width:100%;max-width:300px;max-height:340px;margin:auto;display:block}.call-screen button:focus-visible,.call-screen textarea:focus-visible,.call-screen a:focus-visible{outline:2px solid var(--call-gold);outline-offset:3px}@keyframes call-breathe{0%,to{opacity:.7;transform:scale(.985)}50%{opacity:1;transform:scale(1.02)}}@keyframes call-orbit{to{transform:rotate(360deg)}}@media (orientation:landscape) and (height<=600px){.call-screen{padding-inline:max(24px,env(safe-area-inset-left),env(safe-area-inset-right));grid-template-rows:auto 1fr;grid-template-columns:1fr minmax(300px,420px)}.call-topbar{grid-column:1/-1}.call-stage{grid-column:1;padding:0}.call-bottom{grid-column:2;align-self:center}.call-portrait-stage{width:138px;height:138px}.call-avatar{width:104px;height:104px}.call-caption-region{max-height:26vh}.call-controls{margin-top:14px}}@media (width>=780px){.call-sheet,.call-history-sheet,.call-more-sheet{width:min(560px,100vw - 40px);left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.call-phase-ring,.call-phase-ring:after,.call-wave-bar{transition:none!important;animation:none!important}}