:root{--call-palette-canvas: #f4f4f6;--call-palette-surface: #ffffff;--call-palette-surface-glass: #fffffff5;--call-palette-surface-soft: #f0f0f2;--call-palette-transparent: #00000000;--call-palette-ink: #16181d;--call-palette-ink-soft: #3c4046;--call-palette-muted: #8b9096;--call-palette-disabled: #b9bdc4;--call-palette-line: #d5d5dc;--call-palette-accent: #d7f24e;--call-palette-accent-deep: #cbea35;--call-palette-accent-soft: #f6f9ee;--call-palette-accent-ink: #2e3a06;--call-palette-accent-glow: #d7f24e21;--call-palette-sage: #a9c1ac;--call-palette-sage-soft: #c6d8c9;--call-palette-sage-ink: #22301f;--call-palette-sage-glow: #a9c1ac29;--call-palette-success: #4f6f58;--call-palette-success-soft: #e8f0e9;--call-palette-risk-high: #6f8573;--call-palette-risk-medium: #a9c1ac;--call-palette-risk-low: #dfe7e0;--call-palette-danger: #bc4f7c;--call-palette-danger-soft: #fdecf3;--call-palette-scrim: #16181d8a;--call-palette-focus-halo: #d7f24e59;--call-palette-card-shadow-ambient: #16182812;--call-palette-card-shadow-key: #1618280a;--call-palette-popup-shadow-ambient: #1618281f;--call-palette-popup-shadow-key: #1618280d;--call-palette-toast-shadow: #1b1d2110;--call-palette-modal-shadow: #1b1d211c;--call-sizing-minimum-touch: 48px;--call-sizing-input-height: 56px;--call-sizing-action-height: 56px;--call-sizing-chip-height: 42px;--call-sizing-badge-height: 34px;--call-sizing-auth-header-height: 76px;--call-sizing-top-bar-height: 96px;--call-sizing-top-bar-subpage-horizontal-padding: 26px;--call-sizing-top-bar-control-size: 52px;--call-sizing-top-bar-trailing-width: 220px;--call-sizing-top-bar-leading-gap: 14px;--call-sizing-bottom-bar-height: 102px;--call-sizing-bottom-navigation-item-width: 220px;--call-sizing-dialog-width: 320px;--call-sizing-login-card-width: 448px;--call-sizing-login-card-height: 530px;--call-sizing-page-horizontal-padding: 12px;--call-sizing-content-horizontal-padding: 30px;--call-sizing-detail-identity-height: 112px;--call-sizing-status-bar-height: 48px;--call-sizing-navigation-bar-height: 44px;--call-sizing-wechat-capsule-width: 88px;--call-sizing-wechat-capsule-height: 32px;--call-sizing-bottom-safe-area-height: 34px;--call-sizing-compact-action-height: 48px;--call-sizing-dialog-action-height: 48px;--call-sizing-dialog-padding: 20px;--call-sizing-bottom-navigation-width: 300px;--call-sizing-bottom-navigation-content-height: 56px;--call-sizing-bottom-navigation-icon-size: 20px;--call-sizing-bottom-navigation-portrait-size: 60px;--call-sizing-bottom-navigation-phone-height: 64px;--call-sizing-selector-row-height: 80px;--call-sizing-report-title-bar-height: 48px;--call-sizing-report-switch-width: 56px;--call-sizing-card-page-top-padding: 8px;--call-corner-input: 14px;--call-corner-control: 16px;--call-corner-panel: 18px;--call-corner-navigation-item: 20px;--call-corner-dialog: 20px;--call-corner-card: 16px;--call-corner-hero-card: 30px;--call-corner-pill: 999px;--call-corner-sheet: 28px;--call-typography-page-title-size: 20px;--call-typography-page-title-line-height: 28px;--call-typography-top-bar-title-size: 17px;--call-typography-top-bar-title-line-height: 24px;--call-typography-top-bar-title-letter-spacing: 0px;--call-typography-section-title-size: 18px;--call-typography-section-title-line-height: 26px;--call-typography-dialog-title-size: 16px;--call-typography-dialog-title-line-height: 24px;--call-typography-body-size: 16px;--call-typography-body-line-height: 24px;--call-typography-supporting-size: 14px;--call-typography-supporting-line-height: 22px;--call-typography-label-size: 14px;--call-typography-label-line-height: 22px;--call-typography-caption-size: 12px;--call-typography-caption-line-height: 18px;--call-typography-navigation-size: 12px;--call-typography-navigation-line-height: 18px;--call-typography-font-family: Noto Sans SC;--call-typography-number-font-family: Inter;--call-typography-dialog-body-size: 14px;--call-typography-dialog-body-line-height: 22px;--call-typography-dialog-button-size: 14px;--call-typography-dialog-button-line-height: 22px;--call-typography-score-size: 40px;--call-typography-large-body-size: 16px;--call-typography-large-body-line-height: 24px;--call-typography-report-title-size: 17px;--call-typography-report-title-line-height: 24px;--call-typography-button-size: 16px;--call-typography-button-line-height: 24px;--call-typography-brand-title-size: 30px;--call-typography-brand-title-line-height: 40px;--call-spacing-xxs: 8px;--call-spacing-xs: 12px;--call-spacing-sm: 16px;--call-spacing-md: 24px;--call-spacing-lg: 32px;--call-spacing-xl: 40px}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:var(--call-palette-ink);background:var(--call-palette-canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;font-size:1rem;line-height:1.5;color:inherit;border:0;border-radius:var(--call-corner-control);min-height:var(--call-sizing-action-height);padding:12px 16px;cursor:pointer;background:var(--call-palette-surface-soft)}button:disabled{opacity:.45;cursor:default}button:focus-visible,.captions:focus-visible{outline:3px solid var(--call-palette-accent-ink);outline-offset:3px}.primary{color:var(--call-palette-surface);background:var(--call-palette-ink);font-weight:600}.danger{color:var(--call-palette-danger);background:var(--call-palette-danger-soft)}.secondary{background:var(--call-palette-surface-soft)}.call-shell{container:call-layout / size;max-width:600px;margin:auto;padding:0 var(--call-sizing-page-horizontal-padding) max(12px,env(safe-area-inset-bottom));height:100dvh;min-height:100dvh;display:flex;flex-direction:column}header{text-align:center;flex-shrink:0}h1{font-size:1.0625rem;line-height:1.5;margin:12px 0 20px}h2{font-size:1rem;line-height:1.5;margin:0}p{margin:0}.call-card{background:var(--call-palette-surface);border-radius:var(--call-corner-card);padding:24px;flex:1;min-height:0;display:flex;flex-direction:column;gap:16px}.call-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.call-heading h2{font-size:1.125rem}.call-heading time{font-size:1.25rem;font-variant-numeric:tabular-nums}.call-stage{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px 0}.assistant{position:relative;width:196px;height:196px;flex-shrink:0}.portrait{position:absolute;inset:4px;width:188px;height:188px;object-fit:cover;border-radius:50%;border:8px solid var(--call-palette-accent-soft)}.voice-badge{position:absolute;right:0;bottom:6px;width:62px;height:48px;border-radius:18px;background:var(--call-palette-accent);display:flex;justify-content:center;align-items:center;gap:6px}.voice-badge i{width:5px;height:14px;border-radius:3px;background:currentColor}.voice-badge i:nth-child(2){height:28px}.voice-badge i:nth-child(3){height:20px}.voice-badge.is-quiet{background:var(--call-palette-surface-soft)}.voice-badge svg{width:24px;height:24px}.is-active .portrait{animation:float 3s ease-in-out infinite}.is-active .voice-badge i{animation:breathe 1.4s ease-in-out infinite alternate}.is-active .voice-badge i:nth-child(2){animation-delay:.2s}.is-active .voice-badge i:nth-child(3){animation-delay:.4s}.is-muted .portrait{opacity:.6}.entry-description{color:var(--call-palette-ink-soft);font-size:1rem;line-height:1.5;text-align:center}.stage-title{font-size:1.25rem;font-weight:600;line-height:1.5;text-align:center;overflow-wrap:anywhere}.status-symbol{width:88px;height:88px;border-radius:50%;background:var(--call-palette-accent-soft);display:grid;place-items:center;flex-shrink:0}.status-symbol svg{width:36px;height:36px}.is-failed{background:var(--call-palette-danger-soft);color:var(--call-palette-danger)}.spinner{width:24px;height:24px;border:2px solid var(--call-palette-line);border-top-color:var(--call-palette-ink);border-radius:50%;animation:rotate 1s linear infinite}.call-actions{flex-shrink:0;display:flex;flex-direction:column;gap:12px;text-align:center}.call-actions p{color:var(--call-palette-ink-soft);font-size:.875rem;line-height:1.5}.controls{display:flex;gap:18px}.controls button{flex:1;min-width:0;min-height:92px;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:600}.control-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--call-palette-surface-soft)}.control-icon svg{width:24px;height:24px}.controls .captions-control[aria-pressed=true] .control-icon{background:var(--call-palette-accent)}.controls .end-control{color:var(--call-palette-danger)}.end-control .control-icon{background:var(--call-palette-danger-soft)}.scrim{position:fixed;inset:0;background:var(--call-palette-scrim);display:grid;place-items:center;padding:20px;z-index:20}.dialog{background:var(--call-palette-surface);width:min(100%,var(--call-sizing-dialog-width));max-height:85dvh;overflow-y:auto;border-radius:26px;padding:24px;display:flex;flex-direction:column;gap:12px}.dialog p{color:var(--call-palette-ink-soft);line-height:1.6}@keyframes breathe{0%{transform:scaleY(.7)}to{transform:scaleY(1)}}@keyframes float{50%{transform:translateY(-4px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes caption-in{0%{opacity:0}to{opacity:1}}@media(max-height:650px),(max-width:350px){.call-card{padding:16px;gap:12px}.call-stage{padding:12px 0;gap:16px}.assistant{width:156px;height:156px}.portrait{width:148px;height:148px}.voice-badge{width:48px}}@media(prefers-reduced-motion:reduce){.is-active .portrait,.is-active .voice-badge i,.spinner,.captions{animation:none}}@container call-layout (max-height: 650px) or (max-width: 350px){.call-card{padding:16px;gap:12px}.call-stage{padding:12px 0;gap:16px}.assistant{width:156px;height:156px}.portrait{width:148px;height:148px}.voice-badge{width:48px}}.captions{width:100%;max-height:40dvh;overflow:auto;display:flex;flex-direction:column;gap:20px;overflow-wrap:anywhere}.call-stage .caption{display:flex;flex-direction:column;gap:4px;font-size:20px;color:var(--call-palette-muted);text-align:left}.call-stage .caption-active{font-size:24px;font-weight:600;color:var(--call-palette-ink)}.caption-speaker{font-size:14px;color:var(--call-palette-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}