.ftz-ap{--ftz-coral:#ef4e37;--ftz-coral-hover:#e23d27;--ftz-coral-soft:#fdecea;--ftz-ink:#0f0d0b;--ftz-ink-soft:#3a3530;--ftz-muted:#6b6661;--ftz-muted-light:#9a948c;--ftz-paper:#ffffff;--ftz-cream:#fbfaf7;--ftz-rule:#e8e4dd;--ftz-rule-strong:#d8d4cc;--ftz-bar:#d8d4cc;--ftz-shadow-sm:0 1px 0 rgba(0,0,0,0.02), 0 8px 24px -16px rgba(20,15,10,0.10);--ftz-shadow-pop:0 16px 40px -16px rgba(20,15,10,0.22), 0 0 0 1px rgba(20,15,10,0.06);--ftz-shadow-play:0 8px 18px -8px rgba(239,78,55,0.6);--ftz-shadow-mini:0 4px 14px -8px rgba(20,15,10,0.12);--ftz-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ftz-font-serif:"Source Serif 4", "Tiempos", "Charter", Georgia, serif;--ftz-font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--ftz-font-sans);color:var(--ftz-ink) !important;font-size:14px;line-height:1.4;container-type:inline-size;container-name:ftz-ap;position:relative;z-index:1;}
.ftz-ap *,
.ftz-ap *::before,
.ftz-ap *::after{box-sizing:border-box;}:where(.ftz-ap) button{font-family:inherit;cursor:pointer;border:none !important;background:transparent !important;color:inherit !important;padding:0;margin:0;-webkit-tap-highlight-color:transparent;}:where(.ftz-ap) button:focus-visible{outline:3px solid rgba(239, 78, 55, 0.25);outline-offset:3px;border-radius:6px;}
.ftz-ap__card{background:var(--ftz-paper) !important;border:1px solid var(--ftz-rule) !important;border-radius:6px;padding:22px 20px 18px;box-shadow:var(--ftz-shadow-sm) !important;}
.ftz-ap__eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--ftz-muted) !important;margin-bottom:10px;}
.ftz-ap__eyebrow-meta{font-weight:500;letter-spacing:0.08em;color:var(--ftz-muted-light) !important;}
.ftz-ap__title{font-family:var(--ftz-font-serif);font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-0.01em;color:var(--ftz-ink) !important;margin:0 0 16px;}
.ftz-ap__controls{display:flex;align-items:center;gap:10px;}
.ftz-ap__play, .ftz-ap__mini-play, .ftz-ap__skip, .ftz-ap__icon-btn, .ftz-ap__speed{line-height:1 !important;}
.ftz-ap__play svg, .ftz-ap__mini-play svg, .ftz-ap__skip svg, .ftz-ap__icon-btn svg, .ftz-ap__speed svg{display:block !important;}
.ftz-ap__skip, .ftz-ap__icon-btn{width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ftz-ink-soft) !important;transition:background 120ms ease, color 120ms ease;flex-shrink:0;}
.ftz-ap__skip:hover, .ftz-ap__icon-btn:hover{background:rgba(0, 0, 0, 0.05) !important;}
.ftz-ap__icon-btn[aria-expanded="true"]{background:var(--ftz-coral-soft) !important;color:var(--ftz-coral) !important;}
.ftz-ap__icon-btn--36{width:36px;height:36px;}
.ftz-ap__play{width:52px;height:52px;border-radius:999px;background:var(--ftz-coral) !important;color:#fff !important;display:flex;align-items:center;justify-content:center;box-shadow:var(--ftz-shadow-play) !important;transition:background 120ms ease, transform 120ms ease;flex-shrink:0;}
.ftz-ap__play:hover{background:var(--ftz-coral-hover) !important;transform:scale(1.04);}
.ftz-ap__wave-area{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden;}
.ftz-ap__wave{position:relative;width:100%;max-width:100%;height:48px;cursor:pointer;touch-action:none;user-select:none;}
.ftz-ap__wave svg{width:100%;height:100%;display:block;overflow:visible;}
.ftz-ap__wave-tooltip{position:absolute;background:var(--ftz-ink) !important;color:#fff !important;padding:5px 9px;border-radius:5px;font-size:11px;line-height:1.2;pointer-events:none;transform:translate(-50%, calc(-100% - 8px));white-space:nowrap;z-index:5;font-variant-numeric:tabular-nums;}
.ftz-ap__wave-tooltip-chapter{display:block;font-size:10px;font-weight:500;margin-top:1px;color:rgba(255, 255, 255, 0.85) !important;}
.ftz-ap__time-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-variant-numeric:tabular-nums;gap:12px;}
.ftz-ap__time-start{color:var(--ftz-ink) !important;font-weight:600;}
.ftz-ap__time-chapter{color:var(--ftz-muted) !important;font-weight:500;flex:1;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ftz-ap__time-end{color:var(--ftz-muted-light) !important;}
.ftz-ap__right-cluster{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.ftz-ap__speed{min-width:56px;height:30px;padding:7px 12px;border-radius:999px;border:1px solid var(--ftz-rule-strong) !important;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ftz-ink-soft) !important;transition:background 120ms ease, border-color 120ms ease, color 120ms ease;}
.ftz-ap__speed:hover{background:var(--ftz-cream) !important;}
.ftz-ap__speed[aria-expanded="true"]{background:var(--ftz-coral-soft) !important;color:var(--ftz-coral) !important;border-color:var(--ftz-coral-soft) !important;}
.ftz-ap__footer{border-top:1px solid var(--ftz-rule) !important;margin-top:14px;padding-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.ftz-ap__kbd-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ftz-muted) !important;flex-wrap:wrap;}
.ftz-ap__kbd{font-family:var(--ftz-font-mono);font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:4px;background:var(--ftz-cream) !important;border:1px solid var(--ftz-rule) !important;color:var(--ftz-muted) !important;display:inline-flex;align-items:center;justify-content:center;}
.ftz-ap__pop-anchor{position:relative;display:inline-flex;}
.ftz-ap__popover{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--ftz-paper) !important;border:1px solid var(--ftz-rule) !important;border-radius:10px;padding:6px;box-shadow:var(--ftz-shadow-pop) !important;min-width:180px;z-index:10;animation:ftz-pop-in 140ms ease;}
.ftz-ap__popover--narrow{min-width:56px;width:56px;}
.ftz-ap__popover-header{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ftz-muted) !important;padding:6px 10px 4px;}
.ftz-ap__menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--ftz-ink-soft) !important;text-decoration:none;font-family:inherit;transition:background 120ms ease;text-align:left;}
.ftz-ap__menu-item:hover{background:var(--ftz-cream) !important;}
.ftz-ap__menu-item--active{background:var(--ftz-coral-soft) !important;color:var(--ftz-coral) !important;font-weight:600;}
.ftz-ap__menu-item-leading{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.ftz-ap__menu-item-trailing{margin-left:auto;font-size:11px;color:var(--ftz-coral) !important;font-weight:600;}
.ftz-ap__menu-item-detail{font-weight:400;color:var(--ftz-muted) !important;font-size:12px;margin-left:4px;}
.ftz-ap__vol-wrap{display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:10px;}
.ftz-ap__vol-slider{width:6px;height:90px;background:var(--ftz-rule) !important;border-radius:999px;position:relative;cursor:pointer;}
.ftz-ap__vol-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--ftz-coral) !important;border-radius:999px;}
.ftz-ap__vol-nub{position:absolute;left:50%;width:14px;height:14px;background:#fff !important;border-radius:50%;transform:translate(-50%, 50%);box-shadow:0 0 0 2px var(--ftz-coral), 0 2px 4px rgba(0, 0, 0, 0.15) !important;}
.ftz-ap__vol-mute{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--ftz-ink-soft) !important;transition:background 120ms ease, color 120ms ease;}
.ftz-ap__vol-mute:hover{background:rgba(0, 0, 0, 0.05) !important;}
.ftz-ap__vol-mute--active{background:var(--ftz-coral-soft) !important;color:var(--ftz-coral) !important;}
.ftz-ap__mini{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--ftz-paper) !important;border-bottom:1px solid var(--ftz-rule) !important;box-shadow:var(--ftz-shadow-mini) !important;padding:10px 18px;display:none;align-items:center;gap:14px;animation:ftz-slide-down 200ms cubic-bezier(0.2, 0.7, 0.3, 1);}
.ftz-ap__mini--visible{display:flex;}
.ftz-ap__mini-play{width:38px;height:38px;border-radius:999px;background:var(--ftz-coral) !important;color:#fff !important;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--ftz-shadow-play) !important;}
.ftz-ap__mini-play:hover{background:var(--ftz-coral-hover) !important;}
.ftz-ap__mini-mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;}
.ftz-ap__mini-eyebrow{font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--ftz-muted) !important;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ftz-ap__mini-progress{height:3px;background:var(--ftz-rule) !important;border-radius:999px;overflow:hidden;position:relative;}
.ftz-ap__mini-progress-fill{height:100%;background:var(--ftz-coral) !important;border-radius:999px;width:0;transition:width 80ms linear;}
.ftz-ap__mini-time{font-size:12px;color:var(--ftz-muted) !important;font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap;}
.ftz-ap__error{background:#fef2f0 !important;color:#b1331f !important;padding:10px 16px;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:13px;}
.ftz-ap__error button{margin-left:auto;color:#b1331f !important;text-decoration:underline;font-weight:600;}
.ftz-ap__spinner{width:20px;height:20px;animation:ftz-spin 0.8s linear infinite;}
@keyframes ftz-spin {
to{transform:rotate(360deg);}
}
@keyframes ftz-pop-in {
from{opacity:0;transform:translateY(4px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes ftz-slide-down {
from{transform:translateY(-100%);}
to{transform:translateY(0);}
} @container ftz-ap (max-width: 720px) {
.ftz-ap__share-text{display:none;}
}
@container ftz-ap (max-width: 540px) {
.ftz-ap__skip{display:none;}
.ftz-ap__eyebrow-meta{display:none;}
}
@container ftz-ap (max-width: 460px) {
.ftz-ap__card{padding:18px 16px 16px;}
.ftz-ap__title{font-size:15px;}
.ftz-ap__controls{gap:10px;}
.ftz-ap__wave{height:40px;}
}
@container ftz-ap (max-width: 380px) {
.ftz-ap__card{padding:16px 14px 14px;}
.ftz-ap__play{width:44px;height:44px;}
.ftz-ap__title{font-size:14px;}
.ftz-ap__wave{height:36px;}
} @media (prefers-reduced-motion: reduce) {
.ftz-ap *,
.ftz-ap *::before,
.ftz-ap *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
} .ftz-ap .ftz-ap__card          {background-color:var(--ftz-paper) !important;}
.ftz-ap .ftz-ap__mini          {background-color:var(--ftz-paper) !important;}
.ftz-ap .ftz-ap__popover       {background-color:var(--ftz-paper) !important;}
.ftz-ap .ftz-ap__vol-slider    {background-color:var(--ftz-rule) !important;}
.ftz-ap .ftz-ap__vol-fill      {background-color:var(--ftz-coral) !important;}
.ftz-ap .ftz-ap__mini-progress {background-color:var(--ftz-rule) !important;}
.ftz-ap .ftz-ap__mini-progress-fill{background-color:var(--ftz-coral) !important;}
.ftz-ap .ftz-ap__wave-tooltip  {background-color:var(--ftz-ink) !important;}
.ftz-ap .ftz-ap__error         {background-color:#fef2f0 !important;}
.ftz-ap .ftz-ap__kbd           {background-color:var(--ftz-cream) !important;}
.ftz-ap .ftz-ap__menu-item--active{background-color:var(--ftz-coral-soft) !important;}
.ftz-ap .ftz-ap__play          {border-radius:999px !important;}
.ftz-ap .ftz-ap__mini-play     {border-radius:999px !important;}
.ftz-ap .ftz-ap__skip          {border-radius:999px !important;}
.ftz-ap .ftz-ap__icon-btn      {border-radius:999px !important;}
.ftz-ap .ftz-ap__speed         {border-radius:999px !important;}
.ftz-ap .ftz-ap__vol-slider    {border-radius:999px !important;}
.ftz-ap .ftz-ap__vol-fill      {border-radius:999px !important;}
.ftz-ap .ftz-ap__vol-mute      {border-radius:999px !important;}
.ftz-ap .ftz-ap__vol-nub       {border-radius:50% !important;}
.ftz-ap .ftz-ap__mini-progress {border-radius:999px !important;}
.ftz-ap .ftz-ap__mini-progress-fill{border-radius:999px !important;}
.ftz-ap .ftz-ap__card          {border-radius:6px !important;}
.ftz-ap .ftz-ap__error         {border-radius:6px !important;}
.ftz-ap .ftz-ap__menu-item     {border-radius:6px !important;}
.ftz-ap .ftz-ap__popover       {border-radius:10px !important;}
.ftz-ap .ftz-ap__wave-tooltip  {border-radius:5px !important;}
.ftz-ap .ftz-ap__kbd           {border-radius:4px !important;}
.ftz-ap__mini{z-index:2147483647 !important;background-color:#ffffff !important;color:#0f0d0b !important;border-bottom-color:#e8e4dd !important;}
.ftz-ap__mini-play{background-color:#ef4e37 !important;color:#ffffff !important;border-radius:999px !important;}
.ftz-ap__mini-play:hover{background-color:#e23d27 !important;}
.ftz-ap__mini-eyebrow{color:#6b6661 !important;}
.ftz-ap__mini-progress{background-color:#e8e4dd !important;border-radius:999px !important;}
.ftz-ap__mini-progress-fill{background-color:#ef4e37 !important;border-radius:999px !important;}
.ftz-ap__mini-time {
color: #6b6661 !important;
}