.podcast-player{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-5) 4px;min-width:264px;max-width:380px;margin:0 auto;background:var(--color-white);max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl)}.podcast-player-header{display:flex;justify-content:flex-end;gap:var(--space-2);width:100%;margin-bottom:var(--space-2)}.podcast-player-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--color-bg-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.podcast-player-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.podcast-player-thumbnail{width:180px;height:180px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-subtle);box-shadow:var(--shadow-md);margin-bottom:var(--space-4);flex-shrink:0;position:relative}.podcast-player-thumbnail--loading:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:var(--prezi-thumbnail-shimmer-gradient);background-size:var(--prezi-thumbnail-shimmer-size);animation:podcast-thumb-shimmer 1.7s cubic-bezier(.4,0,.2,1) infinite}@media (prefers-reduced-motion:reduce){.podcast-player-thumbnail--loading:before{animation:none}}@keyframes podcast-thumb-shimmer{0%{background-position:-100% 0;opacity:.1}50%{opacity:1}to{background-position:0 0;opacity:.1}}.podcast-player-share-qr{flex:0 0 auto;width:76px;height:76px;box-sizing:border-box;padding:3px;background:#ffffff;border-radius:8px;box-shadow:var(--shadow-md);line-height:0}.podcast-player-share-qr svg{display:block;width:64px;height:64px}.podcast-player-thumbnail img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.podcast-player-thumbnail-art--deferred{opacity:0}.podcast-player-thumbnail-art--loaded{opacity:1;transition:opacity var(--transition-fast)}.podcast-player-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-attention-start) 0,var(--color-attention-end) 100%);color:var(--color-white)}.podcast-player-thumbnail-placeholder svg{width:80px;height:80px;opacity:.9}.podcast-player-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-4) 0;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podcast-player-controls{gap:var(--space-5);margin-bottom:calc(var(--space-3) - 4px)}.podcast-player-controls,.podcast-player-play{display:flex;align-items:center;justify-content:center}.podcast-player-play{width:60px;height:60px;border-radius:var(--radius-full);border:none;background:var(--color-text-primary);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.podcast-player-play:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.podcast-player-play:active{transform:scale(.98)}.podcast-player-play svg{margin-left:2px}.podcast-player-skip{position:relative;width:40px;height:40px;border-radius:var(--radius-full);border:var(--border);background:var(--color-white);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.podcast-player-skip:hover{background:var(--color-bg-hover)}.podcast-player-skip-seconds{position:absolute;top:50%;left:50%;transform:translate(-50%,-42%);font-size:8px;font-weight:var(--font-weight-semibold);line-height:1;pointer-events:none}.podcast-player-progress{width:100%;height:24px;display:flex;align-items:center;cursor:pointer;margin-bottom:var(--space-2)}.podcast-player-progress-bg{position:relative;width:100%;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full)}.podcast-player-progress-fill{top:0;left:0;height:100%;transition:width .1s linear}.podcast-player-progress-fill,.podcast-player-progress-handle{position:absolute;background:var(--color-text-primary);border-radius:var(--radius-full)}.podcast-player-progress-handle{top:50%;transform:translate(-50%,-50%);width:16px;height:16px;box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--transition-fast)}.podcast-player-progress:hover .podcast-player-progress-handle{opacity:1}.podcast-player-progress:active .podcast-player-progress-fill,.podcast-player-progress:hover .podcast-player-progress-fill{border-top-right-radius:0;border-bottom-right-radius:0}@media (hover:none),(pointer:coarse){.podcast-player-progress-handle{opacity:1}.podcast-player-progress-fill{border-top-right-radius:0;border-bottom-right-radius:0}}.podcast-player-time{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:calc(var(--space-3) - 2px)}.podcast-player-speed-options{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.podcast-player-speed-btn{padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.podcast-player-speed-btn:hover{background:var(--color-bg-hover)}.podcast-player-speed-btn.active{background:var(--color-text-primary);color:var(--color-white);border-color:var(--color-text-primary)}.podcast-player-volume{display:flex;align-items:center;gap:var(--space-3);width:100%;margin-bottom:calc(var(--space-3) - 4px)}.podcast-player-volume-slider{flex:1 1;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;accent-color:var(--color-text-primary);cursor:pointer}.podcast-player-volume-slider::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--color-text-primary) 0,var(--color-text-primary) var(--podcast-volume-percent,100%),var(--color-gray-200) var(--podcast-volume-percent,100%),var(--color-gray-200) 100%);border-radius:var(--radius-full)}.podcast-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;background:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);opacity:0;-webkit-transition:opacity var(--transition-fast);transition:opacity var(--transition-fast)}.podcast-player-volume-slider::-moz-range-track{height:6px;background:var(--color-gray-200);border:none;border-radius:var(--radius-full)}.podcast-player-volume-slider::-moz-range-progress{height:6px;background:var(--color-text-primary);border-radius:var(--radius-full)}.podcast-player-volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;border:none;box-shadow:var(--shadow-sm);opacity:0;-moz-transition:opacity var(--transition-fast);transition:opacity var(--transition-fast)}.podcast-player-volume-slider:focus-visible::-webkit-slider-thumb,.podcast-player-volume-slider:hover::-webkit-slider-thumb{opacity:1}.podcast-player-volume-slider:focus-visible::-moz-range-thumb,.podcast-player-volume-slider:hover::-moz-range-thumb{opacity:1}@media (hover:none),(pointer:coarse){.podcast-player-volume-slider::-webkit-slider-thumb{opacity:1}.podcast-player-volume-slider::-moz-range-thumb{opacity:1}}.podcast-player-share{width:100%;margin-bottom:0}.podcast-player-share-row{display:flex;align-items:center;gap:var(--space-4)}.podcast-player-share-left{flex-direction:column;flex:1 1;min-width:0}.podcast-player-share-input,.podcast-player-share-left{display:flex;gap:var(--space-2)}.podcast-player-share-input input{flex:1 1;padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--color-bg-subtle);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.podcast-player-share-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:none}.podcast-player-copy-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.podcast-player-copy-btn:hover{background:var(--color-bg-hover)}.podcast-player-download{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.podcast-player-download:hover{background:var(--color-bg-hover)}@media (min-width:480px){.podcast-player{padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-lg)}.podcast-player-thumbnail{width:200px;height:200px}}