.p-player{--p-color-bg-card: var(--color-surface);--p-color-bg-card-alt: var(--color-surface-2);--p-color-border: var(--color-border);--p-color-border-2: var(--color-border-2);--p-color-accent: var(--color-accent);--p-color-accent-dim: var(--color-accent-dim);--p-color-accent-glow: var(--color-accent-glow);--p-color-accent-shadow: rgba(232 160 32 / .3);--p-color-accent-surface: var(--color-accent-surface);--p-color-bar-played: var(--color-accent);--p-color-bar-rest: var(--color-border-2);--p-color-text-main: var(--color-text);--p-color-text-muted: var(--color-muted);--p-color-text-sub: var(--color-text-2);--p-color-btn-bg: var(--color-surface-2);--p-color-btn-icon: var(--color-surface);--p-color-speed-active: var(--color-accent-dim);--p-color-loading-fg: var(--color-accent);--p-color-done: var(--color-done);--p-chapter-pip-color: var(--color-muted);--p-chapter-pip-past-color: var(--color-done);--p-chapter-pip-active-color: var(--color-accent);--p-chapter-pip-size: 8px;--p-chapter-pip-border: 1.5px;--p-chapter-tooltip-bg: var(--color-surface-2);--p-chapter-tooltip-border: var(--color-border-2);--p-card-radius: var(--radius-2xl);--p-card-padding: 28px;--p-card-max-width: 100%;--p-card-glow: radial-gradient(ellipse 70% 50% at 30% 0%, rgba(232, 160, 32, .05) 0%, transparent 70%);--p-btn-skip-size: 40px;--p-btn-skip-radius: var(--radius-round);--p-btn-skip-icon-size: 18px;--p-btn-skip-border: 1px solid var(--p-color-border);--p-btn-play-size: 54px;--p-btn-play-radius: var(--radius-round);--p-btn-play-icon-size: 22px;--p-seek-track-height: 3px;--p-seek-thumb-size: 14px;--p-seek-track-radius: var(--radius-full);--p-waveform-height: 68px;--p-waveform-bar-gap: 2px;--p-waveform-bar-radius: 3px;--p-btn-speed-radius: var(--radius-md);--p-btn-speed-font-size: 11px;--p-font-body: "Inter", sans-serif;--p-font-mono: "DM Mono", monospace;--p-font-label-size: var(--text-xs);--p-font-title-size: var(--text-md);--p-font-show-size: var(--text-base);--p-font-time-size: var(--text-sm);--p-chapter-list-item-radius: var(--radius-lg);--p-show-label: block;--p-show-title: block;--p-show-showname: block;--p-show-waveform: block;--p-show-wftoggle: flex}.p-player *,.p-player *:before,.p-player *:after{box-sizing:border-box;margin:0;padding:0}.p-player{width:100%;max-width:var(--p-card-max-width);font-family:var(--p-font-body)}.p-card{background:var(--p-color-bg-card);border:1px solid var(--p-color-border);border-radius:var(--p-card-radius);padding:var(--p-card-padding);box-shadow:0 8px 40px #0000008c;position:relative;overflow:hidden}.p-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--p-card-glow);pointer-events:none}.p-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:12px}.p-meta{flex:1;min-width:0}.p-label{display:var(--p-show-label);font-family:var(--p-font-mono);font-size:var(--p-font-label-size);letter-spacing:.18em;color:var(--p-color-text-muted);text-transform:uppercase;margin-bottom:4px}.p-title{display:var(--p-show-title);font-size:var(--p-font-title-size);font-weight:var(--weight-bold);color:var(--p-color-text-main);line-height:1.3;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-show{display:var(--p-show-showname);font-size:var(--p-font-show-size);color:var(--p-color-text-sub);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.p-wf-toggle,.p-ch-toggle{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--p-color-border);border-radius:var(--radius-full);padding:5px 10px;cursor:pointer;color:var(--p-color-text-muted);font-family:var(--p-font-mono);font-size:var(--p-font-label-size);letter-spacing:.08em;transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base);white-space:nowrap}.p-wf-toggle{display:var(--p-show-wftoggle)}.p-wf-toggle:hover,.p-ch-toggle:hover{color:var(--p-color-accent);border-color:var(--color-accent-dim)}.p-ch-toggle--active{color:var(--p-color-accent);border-color:var(--color-accent-dim);background:var(--p-color-accent-surface)}.p-wf-toggle svg,.p-ch-toggle svg{width:12px;height:12px;flex-shrink:0}.p-loading{height:2px;background:var(--p-color-border);border-radius:1px;margin-top:8px;overflow:hidden;opacity:0;transition:opacity .3s}.p-loading.p-loading--visible{opacity:1}.p-loading-fill{height:100%;background:linear-gradient(90deg,transparent,var(--p-color-loading-fg),transparent);width:40%;animation:p-shimmer 1.2s infinite}@keyframes p-shimmer{0%{transform:translate(-200%)}to{transform:translate(400%)}}.p-waveform-section{display:var(--p-show-waveform);overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;max-height:calc(var(--p-waveform-height) + 10px);opacity:1}.p-waveform-section.p-waveform-section--hidden{max-height:0!important;opacity:0}.p-waveform-canvas-wrap{position:relative;height:var(--p-waveform-height);cursor:pointer;margin-bottom:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.p-waveform-canvas{width:100%;height:100%;display:block}.p-seek-row{display:flex;align-items:center;gap:10px;margin-top:10px}.p-time{font-family:var(--p-font-mono);font-size:var(--p-font-time-size);color:var(--p-color-text-muted);min-width:36px;flex-shrink:0}.p-time--right{text-align:right}.p-seek-track{flex:1;position:relative;height:20px;display:flex;align-items:center;cursor:pointer}.p-seek-bg{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--p-seek-track-height);background:var(--p-color-bar-rest);border-radius:var(--p-seek-track-radius);overflow:hidden}.p-seek-fill{height:100%;background:var(--p-color-bar-played);border-radius:var(--p-seek-track-radius);width:0%;transition:width .1s linear}.p-seek-thumb{position:absolute;top:50%;width:var(--p-seek-thumb-size);height:var(--p-seek-thumb-size);background:var(--p-color-accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--p-color-accent-glow);transition:left .1s linear;pointer-events:none;z-index:3}.p-chapter-pips{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--p-seek-track-height);pointer-events:none;z-index:2}.p-chapter-pip{position:absolute;top:50%;width:var(--p-chapter-pip-size);height:var(--p-chapter-pip-size);border-radius:50%;transform:translate(-50%,-50%);background:var(--p-color-bg-card);border:var(--p-chapter-pip-border) solid var(--p-chapter-pip-color);transition:border-color var(--transition-slow),background var(--transition-slow),transform var(--transition-fast);pointer-events:all;cursor:pointer}.p-chapter-pip:hover{transform:translate(-50%,-50%) scale(1.4);border-color:var(--p-chapter-pip-active-color);z-index:4}.p-chapter-pip--past{border-color:var(--p-chapter-pip-past-color);background:var(--p-color-bg-card)}.p-chapter-pip--active{border-color:var(--p-chapter-pip-active-color);background:var(--p-color-bg-card);box-shadow:0 0 0 3px var(--p-color-accent-glow)}.p-chapter-tooltip{position:absolute;transform:translate(-50%) translateY(6px);background:var(--p-chapter-tooltip-bg);border:1px solid var(--p-chapter-tooltip-border);border-radius:var(--radius-lg);padding:6px 12px;display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none;opacity:0;transition:opacity var(--transition-base),transform var(--transition-base);white-space:nowrap;z-index:10;box-shadow:0 6px 20px #00000073}.p-chapter-tooltip--visible{opacity:1;transform:translate(-50%) translateY(0)}.p-chapter-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--p-chapter-tooltip-border)}.p-chapter-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:-1px;border:5px solid transparent;border-top-color:var(--p-chapter-tooltip-bg);z-index:1}.p-chapter-tooltip-time{font-family:var(--p-font-mono);font-size:var(--text-2xs);letter-spacing:.08em;color:var(--p-color-text-muted);display:block}.p-chapter-tooltip-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--p-color-text-main);display:block}.p-controls-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap;gap:14px}.p-controls-left{display:flex;align-items:center;gap:10px}.p-btn-skip{width:var(--p-btn-skip-size);height:var(--p-btn-skip-size);border-radius:var(--p-btn-skip-radius);border:var(--p-btn-skip-border);background:var(--p-color-btn-bg);color:var(--p-color-text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base),transform var(--transition-fast);flex-shrink:0}.p-btn-skip:hover{color:var(--p-color-accent);border-color:var(--color-accent-dim);background:var(--p-color-bg-card-alt)}.p-btn-skip:active{transform:scale(.93)}.p-btn-skip svg{width:var(--p-btn-skip-icon-size);height:var(--p-btn-skip-icon-size)}.p-btn-play{width:var(--p-btn-play-size);height:var(--p-btn-play-size);border-radius:var(--p-btn-play-radius);background:var(--p-color-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--p-color-btn-icon);box-shadow:0 0 20px var(--p-color-accent-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-base);flex-shrink:0}.p-btn-play:hover{transform:scale(1.06);box-shadow:0 0 28px var(--p-color-accent-shadow)}.p-btn-play:active{transform:scale(.95)}.p-btn-play svg{width:var(--p-btn-play-icon-size);height:var(--p-btn-play-icon-size)}.p-speed-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.p-speed-label{font-family:var(--p-font-body);font-size:var(--text-sm);color:var(--p-color-text-muted);margin-right:2px}.p-btn-speed{padding:5px 10px;border-radius:var(--p-btn-speed-radius);border:1px solid var(--p-color-border);background:transparent;color:var(--p-color-text-muted);font-family:var(--p-font-mono);font-size:var(--p-btn-speed-font-size);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.p-btn-speed:hover{color:var(--p-color-text-main);border-color:var(--p-color-text-sub)}.p-btn-speed.p-btn-speed--active{color:var(--p-color-accent);border-color:var(--p-color-accent);background:var(--p-color-speed-active)}.p-chapter-section{overflow:hidden;transition:max-height .36s cubic-bezier(.4,0,.2,1),opacity .28s ease;max-height:600px;opacity:1}.p-chapter-section--hidden{max-height:0!important;opacity:0}.p-chapter-list{border-top:1px solid var(--p-color-border);margin-top:18px;padding-top:10px;display:flex;flex-direction:column;gap:1px}.p-chapter-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--p-chapter-list-item-radius);cursor:pointer;transition:background var(--transition-base)}.p-chapter-item:hover{background:var(--p-color-bg-card-alt)}.p-chapter-item--active{background:var(--p-color-accent-surface)}.p-chapter-item--active:hover{background:var(--color-accent-dim)}.p-chapter-item-bar{width:2px;height:28px;border-radius:2px;background:var(--p-color-border-2);flex-shrink:0;transition:background var(--transition-slow)}.p-chapter-item--past .p-chapter-item-bar{background:var(--color-done);opacity:.45}.p-chapter-item--active .p-chapter-item-bar{background:var(--p-color-accent);opacity:1}.p-chapter-item-num{font-family:var(--p-font-mono);font-size:var(--text-xs);color:var(--p-color-text-muted);min-width:18px;flex-shrink:0;text-align:right}.p-chapter-item-info{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.p-chapter-item-title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--p-color-text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-base);line-height:1.4}.p-chapter-item--active .p-chapter-item-title{color:var(--p-color-text-main);font-weight:var(--weight-semibold)}.p-chapter-item--past .p-chapter-item-title{color:var(--p-color-text-muted)}.p-chapter-item-time{font-family:var(--p-font-mono);font-size:var(--text-xs);color:var(--p-color-text-muted);flex-shrink:0;white-space:nowrap}.p-chapter-item-status{font-size:var(--text-xs);flex-shrink:0;width:16px;text-align:center;color:transparent;transition:color var(--transition-base);display:flex;align-items:center;justify-content:center}.p-chapter-item--past .p-chapter-item-status{color:var(--color-done)}.p-chapter-item--active .p-chapter-item-status{color:var(--p-color-accent)}@media(max-width:480px){.p-card{padding:20px 16px 18px}.p-title{font-size:var(--text-base)}.p-controls-row{gap:10px}.p-speed-row{gap:5px}.p-btn-speed{padding:4px 8px;font-size:10px}.p-btn-play{--p-btn-play-size: 48px}.p-btn-skip{--p-btn-skip-size: 36px}.p-speed-label{display:none}.p-chapter-item-info{flex-direction:column;gap:1px;align-items:flex-start}}