/*!
 * Article Audio Player — Frontend Styles
 * Mobile-first, fully responsive. Namespaced under .aap-* to avoid
 * theme/plugin collisions (see CSS isolation requirement).
 */
 .aap-player{--aap-bg:#ffffff;--aap-text:#1a1a1a;--aap-muted:#6b7280;--aap-accent:#e63946;--aap-track:#e9e9ec;--aap-radius:16px;--aap-width:100%;--aap-shadow:0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.08);--aap-gap:clamp(10px, 2.5vw, 16px);--aap-pad:clamp(14px, 4vw, 24px);box-sizing:border-box;width:100%;max-width:var(--aap-width,100%);margin:clamp(16px, 4vw, 28px) auto;background:var(--aap-bg);color:var(--aap-text);border-radius:var(--aap-radius);box-shadow:var(--aap-shadow);padding:var(--aap-pad);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.4;display:flex;flex-direction:column;gap:var(--aap-gap);min-width:0;overflow:hidden}.aap-player *,.aap-player *::before,.aap-player *::after{box-sizing:border-box;min-width:0}.aap-header{display:flex;align-items:flex-start;gap:10px}.aap-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--aap-accent) 12%,transparent);color:var(--aap-accent)}.aap-header-text{min-width:0;flex:1 1 auto}.aap-title{margin:0;font-size:clamp(13px, 3vw, 14px);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--aap-muted)}.aap-article-title{margin:2px 0 0;font-size:clamp(15px, 4vw, 17px);font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.aap-author{font-weight:400;color:var(--aap-muted)}.aap-subtitle{margin:2px 0 0;font-size:13px;color:var(--aap-muted)}.aap-browser-tts-note{font-style:italic;opacity:.85}.aap-body{display:flex;flex-direction:column;gap:var(--aap-gap);min-width:0}.aap-generating{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--aap-muted);padding:6px 0}.aap-error{background:color-mix(in srgb,#d92d20 10%,transparent);color:#b42318;font-size:13px;padding:10px 12px;border-radius:10px}.aap-resume-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;background:color-mix(in srgb,var(--aap-accent) 8%,transparent);border-radius:10px;padding:10px 12px;font-size:13px}.aap-resume-actions{display:flex;gap:8px;flex-wrap:wrap}.aap-btn-text{border:none;background:none;color:var(--aap-accent);font-weight:600;font-size:13px;cursor:pointer;padding:4px 6px}.aap-main-controls{display:flex;align-items:center;justify-content:center;gap:clamp(16px, 6vw, 28px)}.aap-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:none;background:#fff0;color:var(--aap-text);cursor:pointer;border-radius:999px;padding:10px;min-width:44px;min-height:44px;transition:background-color .15s ease,transform .1s ease}.aap-btn:hover{background:color-mix(in srgb,var(--aap-text) 6%,transparent)}.aap-btn:active{transform:scale(.94)}.aap-btn:focus-visible{outline:2px solid var(--aap-accent);outline-offset:2px}.aap-skip-label{font-size:11px;font-weight:700}.aap-play-pause{width:60px;height:60px;min-width:60px;min-height:60px;background:var(--aap-accent);color:#fff}.aap-play-pause:hover{background:color-mix(in srgb,var(--aap-accent) 88%,#000)}.aap-play-pause[data-state="loading"] .aap-icon-loading{animation:aap-spin 1s linear infinite}.aap-spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--aap-muted) 40%,transparent);border-top-color:var(--aap-accent);animation:aap-spin 0.9s linear infinite}@keyframes aap-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.aap-spinner,.aap-icon-loading,.aap-btn{animation:none!important;transition:none!important}}.aap-progress-row{display:flex;align-items:center;gap:10px;width:100%}.aap-time{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:12px;color:var(--aap-muted);min-width:34px;text-align:center}.aap-progress-track{position:relative;flex:1 1 auto;height:6px;border-radius:999px;background:var(--aap-track);cursor:pointer;touch-action:none}.aap-progress-buffered,.aap-progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;width:0%}.aap-progress-buffered{background:color-mix(in srgb,var(--aap-text) 12%,transparent)}.aap-progress-fill{background:var(--aap-accent)}.aap-progress-handle{position:absolute;top:50%;left:0%;width:14px;height:14px;border-radius:50%;background:var(--aap-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--aap-accent) 25%,transparent);transform:translate(-50%,-50%)}.aap-progress-track:focus-visible{outline:2px solid var(--aap-accent);outline-offset:3px}.aap-secondary-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.aap-speed-control,.aap-volume-control{position:relative}.aap-speed-value{font-size:13px;font-weight:700}.aap-speed-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--aap-bg);box-shadow:var(--aap-shadow);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:30;min-width:84px}.aap-speed-option{border:none;background:none;padding:8px 10px;font-size:13px;border-radius:8px;cursor:pointer;text-align:center;color:var(--aap-text);min-height:36px}.aap-speed-option:hover,.aap-speed-option.is-active{background:color-mix(in srgb,var(--aap-accent) 12%,transparent);color:var(--aap-accent);font-weight:700}.aap-volume-slider-wrap{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--aap-bg);box-shadow:var(--aap-shadow);border-radius:999px;padding:10px 8px;display:none;z-index:30}.aap-volume-control.is-open .aap-volume-slider-wrap{display:block}.aap-volume-slider{writing-mode:vertical-lr;direction:rtl;width:6px;height:90px;accent-color:var(--aap-accent)}.aap-voice-control{display:inline-flex;align-items:center}.aap-voice-select{max-width:160px;font-size:12px;font-weight:600;color:var(--aap-text);background:color-mix(in srgb,var(--aap-text) 6%,transparent);border:none;border-radius:999px;padding:8px 12px;min-height:36px;cursor:pointer}.aap-voice-select:focus-visible{outline:2px solid var(--aap-accent);outline-offset:2px}@media (min-width:560px){.aap-volume-control{display:flex;align-items:center;gap:8px}.aap-volume-slider-wrap{position:static;transform:none;background:none;box-shadow:none;padding:0;display:block}.aap-volume-slider{writing-mode:horizontal-tb;direction:ltr;width:80px;height:4px}}.aap-compact.aap-player{padding:clamp(10px, 3vw, 16px)}.aap-compact .aap-header{display:none}.aap-compact .aap-play-pause{width:46px;height:46px;min-width:46px;min-height:46px}.aap-theme-dark,[data-aap-color-mode="dark"] .aap-player{--aap-bg:#16171b;--aap-text:#f2f2f3;--aap-muted:#9a9ba3;--aap-track:#2b2c31;--aap-shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35)}@media (prefers-color-scheme:dark){.aap-player[data-color-mode="auto"]{--aap-bg:#16171b;--aap-text:#f2f2f3;--aap-muted:#9a9ba3;--aap-track:#2b2c31;--aap-shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35)}}.aap-theme-minimal{--aap-shadow:none;border:1px solid color-mix(in srgb,var(--aap-text) 12%,transparent)}.aap-theme-modern{background:linear-gradient(155deg,color-mix(in srgb,var(--aap-accent) 6%,var(--aap-bg)),var(--aap-bg))}.aap-rtl,.aap-player[dir="rtl"]{direction:rtl}.aap-rtl .aap-progress-handle{right:0;left:auto;transform:translate(50%,-50%)}.aap-sticky-player{position:fixed;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;gap:10px;padding:10px clamp(12px, 4vw, 20px);padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--aap-bg,#fff);color:var(--aap-text,#1a1a1a);box-shadow:0 -4px 20px rgb(16 24 40 / .12);transform:translateY(110%);transition:transform .25s ease;width:100%;max-width:100vw;box-sizing:border-box}.aap-sticky-player.is-top{top:0;bottom:auto;padding-top:calc(10px + env(safe-area-inset-top));box-shadow:0 4px 20px rgb(16 24 40 / .12);transform:translateY(-110%)}.aap-sticky-player.is-visible{transform:translateY(0)}.aap-sticky-player .aap-sticky-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.aap-sticky-player .aap-sticky-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aap-sticky-player .aap-progress-track{height:4px}.aap-sticky-player .aap-play-pause{width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 auto}.aap-sticky-close{flex:0 0 auto}@media (prefers-reduced-motion:reduce){.aap-sticky-player{transition:none}}@media (min-width:480px){.aap-secondary-controls{justify-content:space-between}}@media (min-width:700px){.aap-player{flex-direction:column}.aap-body{flex-direction:row;flex-wrap:wrap;align-items:center}.aap-main-controls{flex:0 0 auto}.aap-progress-row{flex:1 1 260px}.aap-secondary-controls{flex:0 0 auto}.aap-generating,.aap-resume-banner,.aap-error{flex-basis:100%}}@media (min-width:1024px){.aap-player{padding:clamp(20px, 2.5vw, 28px)}}.aap-player,.aap-sticky-player{max-width:100%}