:root{--color-primary: #0f766e;--color-primary-hover: #115e59;--color-primary-press: #134e4a;--color-on-primary: #ffffff;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-teal-950: #042f2e;--color-ink: #0f1f2e;--color-ink-secondary: #334155;--color-ink-mute: #5b6b7d;--color-ink-on-dark: #ffffff;--color-canvas: #ffffff;--color-canvas-soft: #f6f9fb;--color-canvas-sunken: #eef3f6;--color-neutral-soft: #f1f5f9;--color-neutral-ink: #475569;--color-hairline: #e3e8ee;--color-hairline-strong: #cbd5e1;--color-hairline-input: #7b8a9c;--oauth-google-blue: #4285f4;--oauth-google-green: #34a853;--oauth-google-yellow: #fbbc05;--oauth-google-red: #ea4335;--color-success: #15803d;--color-success-soft: #dcfce7;--color-success-ink: #166534;--color-warning: #b45309;--color-warning-soft: #fef3c7;--color-warning-ink: #92400e;--color-danger: #b91c1c;--color-danger-soft: #fee2e2;--color-danger-ink: #991b1b;--color-ring: #f59e0b;--color-ring-soft: #fffbeb;--color-dark-canvas: #0b1416;--color-dark-surface: #111c1f;--color-dark-elevated: #182629;--color-dark-hairline: #24363a;--color-dark-ink: #e6f0f0;--color-dark-ink-mute: #9db0b3;--color-dark-primary: #2dd4bf;--color-dark-on-primary: #042f2e;--color-dark-success: #4ade80;--color-dark-warning: #fbbf24;--color-dark-danger: #f87171;--color-surface: var(--color-canvas);--color-surface-soft: var(--color-canvas-soft);--color-text: var(--color-ink);--color-text-secondary: var(--color-ink-secondary);--color-text-mute: var(--color-ink-mute);--color-border: var(--color-hairline);--color-border-strong: var(--color-hairline-strong);--font-sans: Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-display-xl-size: clamp(2.25rem, 1.6rem + 2.5vw, 3.5rem);--text-display-xl-lh: 1.1;--text-display-xl-weight: 500;--text-display-xl-tracking: -.025em;--text-display-lg-size: clamp(1.875rem, 1.4rem + 1.8vw, 2.75rem);--text-display-lg-lh: 1.12;--text-display-lg-weight: 500;--text-display-lg-tracking: -.022em;--text-display-md-size: clamp(1.625rem, 1.35rem + 1.1vw, 2rem);--text-display-md-lh: 1.2;--text-display-md-weight: 500;--text-display-md-tracking: -.018em;--text-heading-lg-size: 1.5rem;--text-heading-lg-lh: 1.3;--text-heading-lg-weight: 600;--text-heading-lg-tracking: -.012em;--text-heading-md-size: 1.25rem;--text-heading-md-lh: 1.4;--text-heading-md-weight: 600;--text-heading-md-tracking: -.01em;--text-heading-sm-size: 1.0625rem;--text-heading-sm-lh: 1.45;--text-heading-sm-weight: 600;--text-heading-sm-tracking: 0;--text-body-lg-size: 1.125rem;--text-body-lg-lh: 1.65;--text-body-lg-weight: 400;--text-body-md-size: .9375rem;--text-body-md-lh: 1.65;--text-body-md-weight: 400;--text-body-sm-size: .875rem;--text-body-sm-lh: 1.6;--text-body-sm-weight: 400;--text-label-size: .8125rem;--text-label-lh: 1.4;--text-label-weight: 500;--text-caption-size: .8125rem;--text-caption-lh: 1.5;--text-caption-weight: 400;--text-overline-size: .75rem;--text-overline-lh: 1.3;--text-overline-weight: 600;--text-overline-tracking: .06em;--text-button-md-size: .9375rem;--text-button-md-weight: 500;--text-button-sm-size: .875rem;--text-button-sm-weight: 500;--text-code-md-size: .875rem;--text-code-md-lh: 1.7;--text-code-sm-size: .8125rem;--text-code-sm-lh: 1.6;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 96px;--space-6xl: 128px;--shadow-1: 0 1px 2px rgba(15, 31, 46, .06), 0 1px 3px rgba(15, 31, 46, .04);--shadow-2: 0 8px 24px rgba(15, 31, 46, .08), 0 2px 6px rgba(15, 31, 46, .04);--shadow-3: 0 20px 48px rgba(15, 31, 46, .14), 0 4px 12px rgba(15, 31, 46, .06);--shadow-ring-alert: 0 0 0 4px rgba(245, 158, 11, .35);--scrim: rgba(11, 20, 22, .48);--duration-fast: .12s;--duration-md: .2s;--duration-slow: .28s;--ease-enter: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--container-max: 1200px;--nav-height: 64px;--prose-max: 72ch;--control-height: 40px;--control-height-touch: 44px;--btn-pad-y: 10px;--btn-pad-x: 18px;--btn-pad-x-ghost: 12px;--hamburger-gap: 5px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--ce-accent: var(--color-primary);--ce-bg: var(--color-dark-surface);--ce-fg: var(--color-dark-ink);--ce-muted: var(--color-dark-ink-mute);--ce-danger: var(--color-danger);--ce-ok: var(--color-success);--ce-error: var(--color-dark-danger);--ce-border: var(--color-dark-hairline);--ce-radius: var(--radius-lg);--ce-font: var(--font-sans);--ce-shadow: var(--shadow-2)}:lang(zh-TW){--text-display-xl-tracking: 0;--text-display-lg-tracking: 0;--text-display-md-tracking: 0;--text-heading-lg-tracking: 0;--text-heading-md-tracking: 0;--text-overline-tracking: 0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-body-md-size);line-height:var(--text-body-md-lh);font-weight:var(--text-body-md-weight);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--color-primary);text-underline-offset:3px}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-lg);top:-100px;z-index:100;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);text-decoration:none}.skip-link:focus{top:var(--space-sm)}code,.mono{font-family:var(--font-mono);font-size:var(--text-code-sm-size);line-height:var(--text-code-sm-lh)}.meta-block{margin:var(--space-md) 0 0;padding:var(--space-md) var(--space-lg);background:var(--color-dark-canvas);color:var(--color-dark-ink);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-code-sm-size);line-height:var(--text-code-sm-lh);overflow:auto;white-space:pre-wrap;word-break:break-word}.logo{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);text-decoration:none}.logo:hover{text-decoration:none}.logo__wordmark{font-weight:600;letter-spacing:-.02em;color:var(--color-ink);font-size:var(--text-heading-sm-size)}.logo__icon{flex-shrink:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--control-height);padding:var(--btn-pad-y) var(--btn-pad-x);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink);font:inherit;font-size:var(--text-button-md-size);font-weight:var(--text-button-md-weight);cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-enter),border-color var(--duration-fast) var(--ease-enter),color var(--duration-fast) var(--ease-enter)}@media(pointer:coarse){.btn{min-height:var(--control-height-touch)}}.btn:hover{background:var(--color-canvas-soft)}.btn--primary,.btn.primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover,.btn.primary:hover{background:var(--color-primary-hover)}.btn--primary:active,.btn.primary:active{background:var(--color-primary-press)}.btn--secondary{background:var(--color-canvas);border-color:var(--color-hairline-strong);color:var(--color-ink)}.btn--secondary:hover{background:var(--color-canvas-soft)}.btn--ghost{background:transparent;color:var(--color-primary);padding-inline:var(--btn-pad-x-ghost)}.btn--danger,.btn.danger{background:var(--color-canvas);border-color:color-mix(in srgb,var(--color-danger) 45%,var(--color-hairline));color:var(--color-danger-ink)}.btn--danger:hover,.btn.danger:hover{background:var(--color-danger-soft)}.btn--sm,.btn.tiny{min-height:32px;padding:var(--space-xs) var(--space-md);font-size:var(--text-button-sm-size)}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-canvas-sunken);color:var(--color-ink-mute);border-color:transparent;cursor:not-allowed}.btn--answer{min-height:52px;min-width:12rem;font-size:var(--text-heading-sm-size);background:var(--color-ink);color:var(--color-ink-on-dark)}.btn--answer:hover{background:var(--color-ink-secondary)}.btn--hangup{min-height:52px;background:var(--color-danger);color:var(--color-on-primary);border-color:transparent}.btn--hangup:hover{background:var(--color-danger-ink)}.btn--on-dark{background:var(--color-dark-elevated);color:var(--color-dark-ink);border-color:var(--color-dark-hairline)}.field{display:grid;gap:var(--space-xs);margin-bottom:var(--space-md);color:var(--color-ink);font-size:var(--text-label-size);font-weight:var(--text-label-weight);line-height:var(--text-label-lh)}.field--inline{margin-bottom:0;min-width:12rem}.hint--flush{margin:0}.user-menu{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.secret-reveal{margin-top:var(--space-md)}.field-help,.field-help-text,.hint{margin:0;color:var(--color-ink-mute);font-size:var(--text-caption-size);line-height:var(--text-caption-lh);font-weight:400}.field-error{color:var(--color-danger-ink);font-size:var(--text-caption-size)}.text-input,.field input,.field select,.field textarea{width:100%;min-height:var(--control-height);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-hairline-input);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-ink);font:inherit;font-size:var(--text-body-md-size)}@media(max-width:767px){.text-input,.field input,.field select,.field textarea{font-size:16px}}.text-input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.text-input--error{border-color:var(--color-danger)}.text-input--mono{font-family:var(--font-mono);font-size:var(--text-code-sm-size)}.password-field{position:relative}.password-field .text-input,.password-field input{padding-right:5.5rem}.password-toggle{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);min-height:32px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-caption-size)}.card,.panel{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-xl)}.panel-title,.card__title{margin:0 0 var(--space-md);font-size:var(--text-heading-sm-size);font-weight:var(--text-heading-sm-weight);line-height:var(--text-heading-sm-lh)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:22px;padding:0 var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-label-size);font-weight:var(--text-label-weight);line-height:1}.badge--neutral{background:var(--color-neutral-soft);color:var(--color-neutral-ink)}.badge--brand{background:var(--color-teal-50);color:var(--color-primary)}.badge--success{background:var(--color-success-soft);color:var(--color-success-ink)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning-ink)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger-ink)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.alert{display:grid;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.alert--warning{background:var(--color-warning-soft);color:var(--color-warning-ink)}.alert--danger{background:var(--color-danger-soft);color:var(--color-danger-ink)}.alert--brand{background:var(--color-teal-50);color:var(--color-teal-900)}.alert--info{background:var(--color-canvas-soft);color:var(--color-ink-secondary)}.alert__text{margin:0;font-size:var(--text-body-sm-size)}.alert__code{font-family:var(--font-mono);font-size:var(--text-code-sm-size);opacity:.85}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm-size)}.data-table th,.data-table td{border-bottom:1px solid var(--color-hairline);padding:var(--space-md) var(--space-sm);text-align:left;vertical-align:middle}.data-table th{background:var(--color-canvas-soft);color:var(--color-ink-mute);font-size:var(--text-label-size);font-weight:var(--text-label-weight)}.data-table tr:hover td{background:var(--color-canvas-soft)}.data-table select{max-width:9rem}.plain-list{list-style:none;margin:0;padding:0}.plain-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-hairline);font-size:var(--text-body-sm-size)}.empty-state{display:grid;justify-items:start;gap:var(--space-md);padding:var(--space-xl) 0}.empty-state__icon{width:48px;height:48px;border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:radial-gradient(circle at 30% 70%,var(--color-teal-200) 0 18%,transparent 19%),radial-gradient(circle at 55% 45%,transparent 0 40%,var(--color-teal-100) 41% 42%,transparent 43%),var(--color-canvas-soft)}.empty-state__text{margin:0;color:var(--color-ink-secondary);max-width:36rem}.skeleton-stack{display:grid;gap:var(--space-md)}.skeleton{height:14px;border-radius:var(--radius-sm);background:var(--color-canvas-sunken)}@media(prefers-reduced-motion:no-preference){.skeleton{background:linear-gradient(90deg,var(--color-canvas-sunken) 0%,var(--color-neutral-soft) 50%,var(--color-canvas-sunken) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s var(--ease-enter) infinite}}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast-host{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:80;display:grid;gap:var(--space-sm);width:min(360px,calc(100% - var(--space-xl)))}@media(max-width:767px){.toast-host{left:50%;right:auto;transform:translate(-50%)}}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-dark-elevated);color:var(--color-dark-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-3)}.toast__text{margin:0;font-size:var(--text-body-sm-size)}.toast__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1}.confirm-modal{max-width:480px;width:calc(100% - var(--space-xl) * 2);padding:var(--space-2xl);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);background:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-3)}.confirm-modal::backdrop{background:var(--scrim)}@media(prefers-reduced-motion:no-preference){.confirm-modal[open]{animation:confirm-modal-in var(--duration-slow) var(--ease-enter)}.confirm-modal[open]::backdrop{animation:confirm-backdrop-in var(--duration-slow) var(--ease-enter)}}@keyframes confirm-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes confirm-backdrop-in{0%{opacity:0}to{opacity:1}}.confirm-modal__title{margin:0 0 var(--space-md);font-size:var(--text-heading-sm-size);font-weight:var(--text-heading-sm-weight);line-height:var(--text-heading-sm-lh)}.confirm-modal__body{margin:0 0 var(--space-xl);color:var(--color-ink-secondary);font-size:var(--text-body-md-size);line-height:var(--text-body-md-lh)}.confirm-modal__footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-sm)}.lang-switch{position:relative;display:inline-flex;align-items:center;font-size:var(--text-body-sm-size)}.lang-switch__trigger{display:inline-flex;align-items:center;gap:var(--space-xs);margin:0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink-secondary);font:inherit;font-size:var(--text-caption-size);cursor:pointer;min-height:32px}.lang-switch__trigger:hover,.lang-switch--open .lang-switch__trigger{color:var(--color-ink);background:var(--color-canvas-sunken)}.lang-switch__globe,.lang-switch__chevron{display:block;flex-shrink:0}.lang-switch--open .lang-switch__chevron{transform:rotate(180deg)}.lang-switch__label{white-space:nowrap}.lang-switch__menu{position:absolute;top:calc(100% + var(--space-xs));right:0;z-index:60;min-width:10.5rem;padding:var(--space-xs);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);box-shadow:var(--shadow-2)}.lang-switch__menu[hidden]{display:none}.lang-switch__option{display:block;width:100%;margin:0;padding:var(--space-sm) var(--space-md);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-ink-secondary);font:inherit;font-size:var(--text-caption-size);text-align:start;cursor:pointer;white-space:nowrap}.lang-switch__option:hover,.lang-switch__option:focus-visible{background:var(--color-canvas-sunken);color:var(--color-ink);outline:none}.lang-switch__option[aria-current=true],.lang-switch__option[aria-selected=true]{color:var(--color-primary);font-weight:600;background:var(--color-teal-50)}.secret-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.secret-row .text-input{flex:1 1 16rem}.usage-meter{display:grid;gap:var(--space-xs);margin:var(--space-md) 0}.usage-meter__track{height:8px;border-radius:var(--radius-pill);background:var(--color-canvas-sunken);overflow:hidden}.usage-meter__fill{height:100%;width:var(--progress, 0%);border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--duration-md) var(--ease-enter)}.usage-meter__fill--warn{background:var(--color-warning)}.usage-meter__fill--danger{background:var(--color-danger)}.usage-meter__label{font-size:var(--text-body-sm-size);color:var(--color-ink-secondary)}.legal-footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-hairline);font-size:var(--text-caption-size);color:var(--color-ink-mute)}.legal-footer a{color:inherit}.legal-consent{margin:var(--space-md) 0;line-height:1.5;font-size:var(--text-caption-size);color:var(--color-ink-secondary)}.legal-consent a{text-decoration:underline}.oauth-mount{margin-bottom:var(--space-lg)}.oauth-block__buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.oauth-btn{width:100%;justify-content:center;font-weight:600}.oauth-btn__icon{flex-shrink:0}.oauth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--color-ink-mute);font-size:var(--text-caption-size);text-transform:lowercase}.oauth-divider__line{flex:1;height:1px;background:var(--color-hairline)}.oauth-divider__label{flex-shrink:0}.oauth-consent .legal-consent{margin-top:var(--space-md);margin-bottom:0}.auth-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-hairline)}.auth-tabs__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:var(--space-sm) var(--space-md);color:var(--color-ink-mute);font:inherit;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.auth-tabs__btn[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.actions-flush{margin-bottom:0}.ak-fold{margin:var(--space-md) 0;padding:var(--space-md) var(--space-lg);border:1px dashed var(--color-hairline-strong);border-radius:var(--radius-md)}.ak-fold summary{cursor:pointer;color:var(--color-ink-mute);font-size:var(--text-body-sm-size)}.section-gap{margin-top:var(--space-xl)}.plan-usage{margin-block-end:var(--space-lg)}.plan-usage__plan{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-sm)}.plan-usage__details{display:flex;flex-direction:column;gap:var(--space-xs)}.billing-block{margin-top:var(--space-md)}.billing-actions,.billing-interval-row,.billing-upgrade-row{margin-top:var(--space-md);flex-wrap:wrap;align-items:center;gap:var(--space-md)}.billing-past-due{display:grid;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning-ink)}.billing-past-due .hint{margin:0;color:inherit}.billing-interval-down{display:grid;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-canvas-soft);color:var(--color-ink-secondary)}.billing-interval-down .hint{margin:0}.billing-past-due-plans{grid-column:1 / -1}.billing-interval-label{display:inline-flex;align-items:center;gap:var(--space-xs)}.network-banner{position:sticky;top:0;z-index:40;padding:var(--space-sm) var(--space-lg);background:var(--color-warning-soft);color:var(--color-warning-ink);text-align:center;font-size:var(--text-body-sm-size)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl)}.page-header h1{margin:0;font-size:var(--text-heading-lg-size);font-weight:var(--text-heading-lg-weight);line-height:var(--text-heading-lg-lh);letter-spacing:var(--text-heading-lg-tracking)}.page-header__desc{margin:var(--space-xs) 0 0;color:var(--color-ink-mute);font-size:var(--text-body-sm-size)}.inbox-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.inbox-head .panel-title{margin:0}.call-list{display:grid;gap:var(--space-md)}.call-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md);background:var(--color-canvas)}.call-card-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.call-card-top code{color:var(--color-ink-mute)}.role-badge{font-size:var(--text-label-size);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-neutral-soft);color:var(--color-neutral-ink)}.role-badge.agent{background:var(--color-warning-soft);color:var(--color-warning-ink)}body.auth-page{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--color-teal-200) 55%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--color-teal-100) 70%,transparent) 0 40%,transparent 55%),radial-gradient(circle at 20% 90%,color-mix(in srgb,var(--color-teal-50) 90%,transparent) 0 35%,transparent 50%),var(--color-canvas-soft);background-size:24px 24px,auto,auto,auto}.auth-shell{width:min(400px,calc(100% - var(--space-xl) * 2));margin:0 auto;padding:var(--space-3xl) 0 var(--space-4xl)}.auth-shell__logo{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.auth-shell__logo .logo__icon{width:32px;height:32px}.auth-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-1)}.auth-top-tools{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.auth-card h1{margin:0 0 var(--space-lg);font-size:var(--text-heading-md-size);font-weight:var(--text-heading-md-weight);text-align:center}.confirm-panel{text-align:center;display:grid;justify-items:center;gap:var(--space-md)}.auth-status{margin-top:var(--space-md);min-height:1.4em}.shell{width:min(640px,calc(100% - var(--space-xl) * 2));margin:0 auto;padding:var(--space-3xl) 0 var(--space-4xl)}.shell-wide{width:min(760px,calc(100% - var(--space-xl) * 2))}.call-shell{padding-top:var(--space-2xl)}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.top a{color:var(--color-ink-mute);text-decoration:none}.top a:hover{color:var(--color-ink)}.lede{margin:0 0 var(--space-xl);color:var(--color-ink-mute);line-height:var(--text-body-md-lh)}body.app-page{background:var(--color-canvas)}.app-shell{display:grid;min-height:100vh;grid-template-columns:240px 1fr;grid-template-rows:var(--nav-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar main"}.app-sidebar{grid-area:sidebar;background:var(--color-canvas-soft);border-right:1px solid var(--color-hairline);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.app-sidebar__brand{padding:var(--space-sm) var(--space-sm) 0}.app-nav{display:flex;flex-direction:column;gap:var(--space-xxs)}.app-nav__item{display:flex;align-items:center;gap:var(--space-md);min-height:36px;padding:0 var(--space-md);border-radius:var(--radius-md);color:var(--color-ink-secondary);text-decoration:none;font-size:var(--text-body-sm-size);border-left:2px solid transparent}.app-nav__item:hover{background:var(--color-canvas-sunken);text-decoration:none}.app-nav__item.is-active,.app-nav__item[aria-current=page]{background:var(--color-teal-50);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.app-nav__divider{height:1px;background:var(--color-hairline);margin:var(--space-sm) var(--space-md)}.app-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);height:var(--nav-height);padding:0 var(--space-2xl);border-bottom:1px solid var(--color-hairline);background:var(--color-canvas)}.app-topbar__left,.app-topbar__right{display:flex;align-items:center;gap:var(--space-md)}.app-main{grid-area:main;padding:var(--space-2xl);max-width:calc(var(--container-max) + var(--space-2xl) * 2);width:100%}.app-section{display:none}.app-section.is-active{display:block}.app-menu-btn{display:none}@media(max-width:1023px){.app-shell{grid-template-columns:64px 1fr}.app-nav__item span,.app-sidebar__brand .logo__wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app-nav__item{justify-content:center;padding-inline:0}}@media(max-width:767px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,85vw);z-index:60;transform:translate(-105%);transition:transform var(--duration-slow) var(--ease-enter);box-shadow:var(--shadow-3)}.app-shell.is-nav-open .app-sidebar{transform:translate(0)}.app-nav__item span,.app-sidebar__brand .logo__wordmark{position:static;width:auto;height:auto;clip:auto;overflow:visible}.app-menu-btn{display:inline-flex}.app-main{padding:var(--space-lg)}.app-topbar{padding:0 var(--space-lg)}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.data-table td{border:0;padding:var(--space-xs) 0}}body.inbox-page{background:var(--color-canvas-soft)}.inbox-shell{width:min(960px,calc(100% - var(--space-xl) * 2));margin:0 auto;padding:var(--space-2xl) 0 var(--space-4xl)}.inbox-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.inbox-stack{display:grid;gap:var(--space-xl)}.call-state{border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--color-hairline);background:var(--color-canvas)}.call-state__pill{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:22px;padding:0 var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-label-size);font-weight:var(--text-label-weight);margin-bottom:var(--space-md)}.call-state__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor}.call-state__title{margin:0 0 var(--space-sm);font-size:var(--text-heading-md-size);font-weight:var(--text-heading-md-weight)}.call-state__meta{margin:0 0 var(--space-lg);color:var(--color-ink-secondary);font-size:var(--text-body-sm-size)}.call-state__timer{font-family:var(--font-mono);font-size:var(--text-display-md-size);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0 0 var(--space-lg)}.call-state__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.call-state--offline{background:var(--color-canvas-soft);color:var(--color-ink-mute)}.call-state--offline .call-state__pill{background:var(--color-neutral-soft);color:var(--color-neutral-ink)}.call-state--online{background:var(--color-canvas);color:var(--color-ink)}.call-state--online .call-state__pill{background:var(--color-success-soft);color:var(--color-success-ink)}.call-state--online .call-state__dot{background:var(--color-success)}@media(prefers-reduced-motion:no-preference){.call-state--online .call-state__dot{animation:online-breathe 3s var(--ease-enter) infinite}}@keyframes online-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.call-state--ringing{position:relative;background:var(--color-ring);color:var(--color-ink);border-color:transparent;box-shadow:var(--shadow-ring-alert)}.call-state--ringing:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;border:2px solid var(--color-ring);pointer-events:none;opacity:.55}.call-state--ringing .call-state__pill{background:var(--color-ring-soft);color:var(--color-ink)}.call-state--ringing .call-state__meta{color:var(--color-ink)}@media(prefers-reduced-motion:no-preference){.call-state--ringing:after{animation:ring-pulse 1.2s var(--ease-enter) infinite}}@media(prefers-reduced-motion:reduce){.call-state--ringing{border:4px solid var(--color-ink);box-shadow:none}.call-state--ringing:after{display:none}}@keyframes ring-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.15;transform:scale(1.04)}}.call-card--ringing,.call-state-ringing-row{background:var(--color-ring-soft);border-color:var(--color-ring)}.call-state--in-call{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent}.call-state--in-call .call-state__pill{background:color-mix(in srgb,var(--color-on-primary) 18%,transparent);color:var(--color-on-primary)}.call-state--in-call .call-state__meta{color:color-mix(in srgb,var(--color-on-primary) 85%,transparent)}.call-state--in-call .btn--secondary,.call-state--in-call .btn--on-dark{background:color-mix(in srgb,var(--color-on-primary) 12%,transparent);color:var(--color-on-primary);border-color:color-mix(in srgb,var(--color-on-primary) 35%,transparent)}.call-state--ended{background:var(--color-success-soft);color:var(--color-success-ink);border-color:transparent}.call-state--failed{background:var(--color-danger-soft);color:var(--color-danger-ink);border-color:transparent}.call-state-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pricing-grid{display:grid;gap:var(--space-xl);margin-top:var(--space-xl)}@media(min-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.pricing-grid{grid-template-columns:repeat(4,1fr)}}.pricing-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg)}.pricing-card--featured{background:var(--color-teal-950);color:var(--color-ink-on-dark);border-color:transparent}.pricing-card__badge{margin:0;color:var(--color-teal-200);font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase}:lang(zh-TW) .pricing-card__badge{text-transform:none;letter-spacing:0}.pricing-card:not(.pricing-card--featured) .pricing-card__badge{color:var(--color-primary)}.pricing-card__name{margin:0;font-size:var(--text-heading-md-size);font-weight:var(--text-heading-md-weight)}.pricing-card__price{margin:0;font-size:var(--text-display-md-size);line-height:var(--text-display-md-lh);font-weight:var(--text-display-md-weight);font-variant-numeric:tabular-nums}.pricing-card__features{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-sm);font-size:var(--text-body-sm-size);flex:1}.pricing-card__label{display:block;color:var(--color-ink-mute);font-size:var(--text-caption-size)}.pricing-card--featured .pricing-card__label{color:var(--color-dark-ink-mute)}.pricing-card__cta{margin-top:var(--space-md);width:100%}