.podcast-page{inline-size:min(80rem,100%);margin-inline:auto;padding-block:var(--space-32) var(--space-48);display:flex;flex-direction:column;gap:var(--space-24);font-family:var(--font-sans);color:var(--text-primary)}.podcast-header{display:flex;align-items:center;gap:var(--space-16);flex-wrap:wrap}.podcast-header__text{display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:0}.podcast-header__title{margin:0;font-size:var(--text-title-lg);font-weight:var(--font-weight-semibold)}.podcast-header__subtitle{margin:0;font-size:var(--text-caption);color:var(--text-muted)}.podcast-header__spacer{flex:1 1 auto}.podcast-header__actions{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.podcast-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-16)}.podcast-card{position:relative;display:flex;flex-direction:column;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--content-bg);overflow:hidden;transition:box-shadow .15s ease}@media (prefers-reduced-motion:reduce){.podcast-card{transition:none}}.podcast-card:hover{box-shadow:var(--shadow-2)}.podcast-card__hit{position:absolute;inset:0;border-radius:inherit;cursor:pointer;background:transparent;border:none;padding:0}.podcast-card__cover{-o-object-fit:cover;object-fit:cover;display:block}.podcast-card__cover,.podcast-card__cover-fallback{block-size:9rem;inline-size:100%;background:var(--surface-hover)}.podcast-card__cover-fallback{display:flex;align-items:center;justify-content:center}.podcast-card__body{padding:var(--space-12) var(--space-16);display:flex;flex-direction:column;gap:var(--space-4)}.podcast-card__header-row{display:flex;align-items:flex-start;gap:var(--space-8);position:relative;z-index:1;pointer-events:none}.podcast-card__info{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--space-4)}.podcast-card__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podcast-card__meta{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-caption);color:var(--text-muted);flex-wrap:wrap}.podcast-card__actions{pointer-events:auto}.podcast-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-16)}.podcast-skeleton-card{border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--content-bg);overflow:hidden}.podcast-state{padding-block:var(--space-48)}.podcast-avatars{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.podcast-avatar{inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:var(--accent-primary);opacity:.8;animation:podcast-bounce 1.1s ease-in-out infinite}.podcast-avatar:nth-child(2){background:var(--palette-teal);animation-delay:.3s}@media (prefers-reduced-motion:reduce){.podcast-avatar{animation:none}}@keyframes podcast-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.6rem)}}.podcast-avatars-physics{inline-size:100%;block-size:100%;position:relative;overflow:hidden}.podcast-avatar-ball{position:absolute;inset-block-start:0;inset-inline-start:0;border-radius:50%;border:1px solid var(--qs-badge-blue);display:flex;align-items:center;justify-content:center;font-size:var(--text-title);font-weight:var(--font-weight-semibold);color:var(--content-bg);will-change:transform}.podcast-avatar-ball--a{background:var(--accent-primary)}.podcast-avatar-ball--b{background:var(--palette-teal)}.podcast-player{inline-size:min(72rem,100%);margin-inline:auto;padding-block:var(--space-24) var(--space-48);display:flex;flex-direction:column;gap:var(--space-24);font-family:var(--font-sans);color:var(--text-primary)}.podcast-player__toolbar{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.podcast-player__title-input{flex:1;font-size:var(--text-title);font-weight:var(--font-weight-semibold);border:none;border-bottom:2px solid var(--border-default);background:transparent;padding-block:var(--space-4);color:var(--text-primary);font-family:var(--font-sans);min-inline-size:0}.podcast-player__title-input:focus{outline:none;border-bottom-color:var(--accent-primary)}.podcast-player__stage{display:flex;flex-direction:row;gap:var(--space-16);align-items:stretch;min-block-size:0}@media (max-width:48rem){.podcast-player__stage{flex-direction:column}}.podcast-player__card{inline-size:20.625rem;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-12);background:var(--content-bg);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-2)}@media (max-width:48rem){.podcast-player__card{inline-size:100%}}.podcast-player__host-names{margin:0;font-size:var(--text-caption);color:var(--text-muted);text-align:center;white-space:nowrap}.podcast-player__viz{inline-size:100%;flex:1 1 auto;min-block-size:12rem;position:relative;overflow:hidden}.podcast-player__controls{position:relative;inline-size:100%;display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);background:var(--surface-hover);border-radius:18px}.podcast-player__controls-top{display:flex;justify-content:flex-end;margin-block-end:calc(-1 * var(--space-4))}.podcast-player__time-row{display:flex;justify-content:space-between;font-size:var(--text-caption);color:var(--text-muted)}.podcast-player__seek-bar{inline-size:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;block-size:8px;border-radius:50px;border:1px solid var(--border-subtle);background:linear-gradient(to right,var(--accent-primary) 0 var(--podcast-progress,0),var(--qs-badge-blue) var(--podcast-progress,0) 100%);cursor:pointer}.podcast-player__seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:18px;block-size:18px;border-radius:50%;background:var(--content-bg);border:1px solid var(--accent-primary);cursor:pointer}.podcast-player__seek-bar::-moz-range-thumb{inline-size:18px;block-size:18px;border-radius:50%;background:var(--content-bg);border:1px solid var(--accent-primary);cursor:pointer}.podcast-player__seek-bar:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.podcast-player__btn-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.podcast-player__play-btn{inline-size:52px;block-size:52px;border-radius:50%;background:var(--content-bg);color:var(--accent-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.podcast-player__play-btn,.podcast-player__skip-btn{transition:none}}.podcast-player__play-btn:hover{opacity:.8}.podcast-player__play-btn:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.podcast-player__skip-btn{inline-size:44px;block-size:44px;border-radius:50%;background:var(--content-bg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-2);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease}.podcast-player__skip-btn:hover{opacity:.8}.podcast-player__skip-btn:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}.podcast-player__speed-select{font-family:var(--font-sans);font-size:var(--text-micro);border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:var(--space-2) var(--space-6);background:var(--content-bg);color:var(--text-primary);cursor:pointer}.podcast-player__speed-select:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}.podcast-player__rendering{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-24);text-align:center;font-size:var(--text-caption);color:var(--text-muted)}.podcast-transcript{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column}.podcast-transcript__body{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-16);max-block-size:32rem;overflow-y:auto}@media (max-width:48rem){.podcast-transcript__body{max-block-size:24rem}}.podcast-transcript__row{display:flex;align-items:flex-start;gap:var(--space-8);max-inline-size:85%;padding:var(--space-4);border-radius:22px;transition:background .12s ease}.podcast-transcript__row--host-b{flex-direction:row-reverse;margin-inline-start:auto}.podcast-transcript__row[data-active=true]{background:var(--surface-hover)}.podcast-transcript__row--host-b[data-active=true]{background:color-mix(in srgb,var(--palette-purple) 12%,transparent)}@media (prefers-reduced-motion:reduce){.podcast-transcript__row{transition:none}}.podcast-transcript__avatar{flex:0 0 auto;inline-size:40px;block-size:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);background:var(--qs-badge-blue);color:var(--accent-primary);border:1px solid var(--qs-badge-blue)}.podcast-transcript__row--host-b .podcast-transcript__avatar{background:color-mix(in srgb,var(--palette-purple) 18%,transparent);color:var(--palette-purple);border-color:color-mix(in srgb,var(--palette-purple) 18%,transparent)}.podcast-transcript__bubble{padding:var(--space-12);background:var(--surface-hover);border-radius:22px 22px 22px 8px}.podcast-transcript__row--host-b .podcast-transcript__bubble{background:color-mix(in srgb,var(--palette-purple) 12%,transparent);border-radius:22px 22px 8px 22px}.podcast-transcript__text{margin:0;font-size:var(--text-caption);color:var(--text-secondary);line-height:1.5}.podcast-flow{display:flex;flex-direction:column;gap:var(--space-16);font-family:var(--font-sans)}.podcast-flow__field{display:flex;flex-direction:column;gap:var(--space-6)}.podcast-flow__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.podcast-flow__actions{display:flex;gap:var(--space-8);justify-content:flex-end;flex-wrap:wrap}.podcast-flow__hosts{display:flex;gap:var(--space-16);flex-wrap:wrap}.podcast-flow__host{position:relative;inline-size:3.5rem;block-size:3.5rem;border:none;padding:0;background:transparent;cursor:pointer;border-radius:var(--radius-pill)}.podcast-flow__host:disabled{cursor:default;opacity:.6}.podcast-flow__host-avatar{display:flex;inline-size:100%;block-size:100%;background:var(--qs-badge-blue);color:var(--accent-primary);font-size:var(--text-title);font-weight:var(--font-weight-semibold)}.podcast-flow__host-avatar,.podcast-flow__host-edit{align-items:center;justify-content:center;border-radius:var(--radius-pill)}.podcast-flow__host-edit{position:absolute;inset-block-end:calc(-1 * var(--space-2));inset-inline-end:calc(-1 * var(--space-2));display:inline-flex;inline-size:1.25rem;block-size:1.25rem;background:var(--accent-primary);color:var(--content-bg);border:var(--space-2) solid var(--content-bg)}.podcast-flow__host:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.podcast-hosts-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--space-12)}.podcast-hosts-modal__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);border:none;padding:0;background:transparent;cursor:pointer;font-family:var(--font-sans);color:var(--text-secondary)}.podcast-hosts-modal__avatar{display:flex;align-items:center;justify-content:center;inline-size:3.4375rem;block-size:3.4375rem;border-radius:var(--radius-pill);background:var(--qs-badge-blue);color:var(--accent-primary);font-size:var(--text-title);font-weight:var(--font-weight-semibold);border:var(--space-2) solid transparent;transition:border-color var(--duration-fast) var(--ease-default)}.podcast-hosts-modal__option[aria-checked=true] .podcast-hosts-modal__avatar{border-color:var(--accent-primary)}.podcast-hosts-modal__option:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-control)}.podcast-hosts-modal__name{max-inline-size:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption)}@media (prefers-reduced-motion:reduce){.podcast-hosts-modal__avatar{transition:none}}