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