.fkj-listen-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fkj .fkj-art-listen{border-radius:var(--fkj-r-pill);color:#fff;height:32px;font-family:var(--fkj-font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .16s var(--fkj-ease), border-color .16s var(--fkj-ease);background:#ffffff1a;border:1px solid #ffffff47;align-items:center;gap:7px;padding:0 14px;font-size:11px;display:inline-flex}.fkj .fkj-art-listen svg{flex:none;width:16px;height:16px}.fkj .fkj-art-listen:hover,.fkj .fkj-art-listen[aria-pressed=true]{background:#ffffff2e;border-color:#ffffff80}.fkj .fkj-art-listen:disabled{opacity:.5;cursor:not-allowed}@media (pointer:coarse){.fkj .fkj-art-listen{height:40px}}.fkj-listen-ring{pointer-events:none;fill:none;width:100%;height:100%;position:absolute;inset:0}.fkj-listen-ring-track{stroke:var(--fkj-gray-200);stroke-width:2.5px}.fkj-listen-ring-fill{stroke:var(--fkj-green,#64d990);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset .26s linear}.fkj-artgrid article>.fkj-listen{max-width:var(--fkj-measure)}.fkj .fkj-listen{background:var(--fkj-gray-50);border:1px solid var(--fkj-gray-200);border-radius:var(--fkj-r-xl);color:var(--fkj-navy);margin:0 0 40px;padding:18px 22px 16px}.fkj .fkj-listen :focus-visible{outline-color:var(--fkj-navy)}.fkj-listen-head{align-items:center;gap:14px;display:flex}.fkj-listen-playwrap,.fkj-listen-mini-playwrap{flex:none;place-items:center;display:grid;position:relative}.fkj-listen-playwrap{width:64px;height:64px}.fkj-listen-playwrap .fkj-listen-ring{opacity:0;transition:opacity .2s var(--fkj-ease)}.fkj-listen[data-started] .fkj-listen-playwrap .fkj-listen-ring{opacity:1}.fkj .fkj-listen-play{background:var(--fkj-navy);width:52px;height:52px;color:var(--fkj-surface);cursor:pointer;transition:background .16s var(--fkj-ease), transform .16s var(--fkj-ease);border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 16px -6px #24213973}.fkj .fkj-listen-play:hover:not(:disabled){background:var(--fkj-accent-hover)}.fkj .fkj-listen-play:active:not(:disabled){transform:scale(.95)}.fkj .fkj-listen-play:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.fkj .fkj-listen-play svg{width:22px;height:22px}.fkj .fkj-listen-play svg[class*=play-filled],.fkj .fkj-listen-mini-play svg[class*=play-filled]{margin-inline-start:2px}.fkj-listen-spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite fkjListenSpin}@keyframes fkjListenSpin{to{transform:rotate(360deg)}}.fkj-listen-titles{flex:1;min-width:0}.fkj .fkj-listen-title{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;line-height:1.3;display:flex}.fkj-listen-eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.fkj-listen-eq i{background:var(--fkj-green,#64d990);transform-origin:bottom;border-radius:1px;width:3px;height:100%;transform:scaleY(.35)}.fkj-listen-eq[data-on] i{animation:.9s ease-in-out infinite alternate fkjListenEq}.fkj-listen-eq[data-on] i:nth-child(2){animation-delay:-300ms}.fkj-listen-eq[data-on] i:nth-child(3){animation-delay:-600ms}@keyframes fkjListenEq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.fkj-listen-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:24px;margin-top:2px;display:flex}.fkj .fkj-listen-dur,.fkj .fkj-listen-resume{font-family:var(--fkj-font-mono);color:var(--fkj-gray-500);font-variant-numeric:tabular-nums;font-size:12px}.fkj .fkj-listen-resume{color:var(--fkj-navy);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:2px 0;font-weight:600;text-decoration:underline}.fkj .fkj-listen-ai{border-top:1px solid var(--fkj-gray-200);color:var(--fkj-gray-500);align-items:center;gap:6px;margin:10px 0 0;padding-top:10px;font-size:12px;line-height:1.4;display:flex}.fkj .fkj-listen-ai-info{width:22px;height:22px;color:var(--fkj-gray-500);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.fkj .fkj-listen-ai-info:hover,.fkj .fkj-listen-ai-info[data-state=open]{color:var(--fkj-gray-700)}.fkj-listen-ai-info svg{width:16px;height:16px}@media (pointer:coarse){.fkj .fkj-listen-ai-info{width:36px;height:36px;margin:-7px}}.fkj .fkj-listen-speed{border:1px solid var(--fkj-gray-200);border-radius:var(--fkj-r-pill);background:var(--fkj-surface);height:36px;color:var(--fkj-navy);font-family:var(--fkj-font-mono);font-variant-numeric:tabular-nums;cursor:pointer;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:12px;display:inline-flex}.fkj .fkj-listen-speed:hover{border-color:var(--fkj-gray-300)}.fkj-listen-speed svg{width:14px;height:14px;color:var(--fkj-gray-500)}.fkj-listen-menu [role=menuitemradio]{font-variant-numeric:tabular-nums;justify-content:space-between}.fkj-listen-menu-note{opacity:.6;margin-inline-start:auto;padding-inline-start:12px;font-size:12px}.fkj-listen-track{align-items:center;gap:10px;margin-top:12px;display:flex}.fkj .fkj-listen-skip{width:36px;height:36px;color:var(--fkj-gray-700);cursor:pointer;transition:background .16s var(--fkj-ease);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.fkj .fkj-listen-skip:hover{background:var(--fkj-gray-200)}.fkj-listen-skip svg{width:22px;height:22px}.fkj .fkj-listen-time{min-width:4.2ch;font-family:var(--fkj-font-mono);font-variant-numeric:tabular-nums;color:var(--fkj-gray-500);text-align:center;flex:none;font-size:12px}[dir=rtl] .fkj .fkj-listen-time,[dir=rtl] .fkj .fkj-listen-preview{font-variant-numeric:tabular-nums;font-family:var(--fkj-font-body)!important}.fkj .fkj-listen-scrub{cursor:pointer;flex:1;min-width:0;height:28px;position:relative}.fkj-listen-scrub:before,.fkj-listen-mini-scrub:before{content:"";inset-inline:0;background:var(--fkj-gray-200);border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%}.fkj-listen-scrub-buffer,.fkj-listen-scrub-fill{top:50%;border-radius:2px;height:4px;margin-top:-2px;position:absolute;inset-inline-start:0}.fkj-listen-scrub-buffer{background:var(--fkj-gray-300)}.fkj-listen-scrub-fill{background:var(--fkj-navy)}.fkj-listen-scrub-thumb{margin-top:-7px;border:2px solid var(--fkj-surface);background:var(--fkj-navy);width:14px;height:14px;transition:transform .12s var(--fkj-ease);border-radius:50%;margin-inline-start:-7px;position:absolute;top:50%;box-shadow:0 1px 3px #2421394d}.fkj-listen-scrub:hover .fkj-listen-scrub-thumb,.fkj-listen-scrub[data-dragging] .fkj-listen-scrub-thumb{transform:scale(1.25)}.fkj .fkj-listen-preview{background:var(--fkj-navy);color:var(--fkj-surface);font-family:var(--fkj-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:6px;padding:3px 7px;font-size:11px;line-height:1.2;position:absolute;bottom:calc(50% + 12px);transform:translate(-50%)}.fkj .fkj-listen-error{min-height:36px;color:var(--fkj-gray-700);align-items:center;gap:10px;margin:14px 0 0;font-size:13px;line-height:1.45;display:flex}.fkj-listen-error svg{width:22px;height:22px;color:var(--fkj-gray-500);flex:none}.fkj-listen-error strong{color:var(--fkj-navy);display:block}@media (width<=560px){.fkj .fkj-listen{padding:16px 16px 14px}.fkj-listen-head{gap:12px}.fkj-listen-playwrap{width:58px;height:58px}.fkj .fkj-listen-play{width:48px;height:48px}.fkj-listen-track{gap:6px}.fkj .fkj-listen-time{min-width:3.6ch;font-size:11px}}.fkj .fkj-listen-mini{inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:38;background:color-mix(in srgb, var(--fkj-navy,#242139) 94%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);color:#fff;opacity:1;max-width:640px;transition:opacity .24s var(--fkj-ease-emph,cubic-bezier(.33, 1, .68, 1)), transform .24s var(--fkj-ease-emph,cubic-bezier(.33, 1, .68, 1)), visibility 0s;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:10px;margin-inline:auto;padding:12px 8px 8px;padding-inline-start:10px;display:flex;position:fixed;transform:translateY(0);box-shadow:0 20px 44px -16px #100e208c,0 2px 8px #100e202e}.fkj .fkj-listen-mini[data-state=hidden]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s cubic-bezier(.32,0,.67,0),transform .2s cubic-bezier(.32,0,.67,0),visibility 0s linear .2s;transform:translateY(24px)}.fkj .fkj-listen-mini :focus-visible{outline:2px solid var(--fkj-green,#64d990);outline-offset:2px}.fkj .fkj-listen-mini>*{animation:fkjListenMiniIn .22s var(--fkj-ease-emph,cubic-bezier(.33, 1, .68, 1)) both}@keyframes fkjListenMiniIn{0%{opacity:0;transform:translateY(6px)}}.fkj .fkj-listen-mini-scrub{cursor:pointer;height:12px;animation:none;position:absolute;top:1px;left:20px;right:20px}.fkj-listen-mini-scrub:before{background:#ffffff24;height:3px;margin-top:-1.5px}.fkj-listen-mini-scrub .fkj-listen-scrub-buffer,.fkj-listen-mini-scrub .fkj-listen-scrub-fill{height:3px;margin-top:-1.5px}.fkj-listen-mini-scrub .fkj-listen-scrub-buffer{background:#ffffff42}.fkj-listen-mini-scrub .fkj-listen-scrub-fill{background:var(--fkj-green,#64d990)}.fkj-listen-mini-scrub .fkj-listen-scrub-thumb{margin-top:-6px;opacity:0;width:12px;height:12px;transition:opacity .14s var(--fkj-ease);background:#fff;border:0;margin-inline-start:-6px}.fkj-listen-mini-scrub:hover .fkj-listen-scrub-thumb,.fkj-listen-mini-scrub:focus-visible .fkj-listen-scrub-thumb,.fkj-listen-mini-scrub[data-dragging] .fkj-listen-scrub-thumb{opacity:1}.fkj .fkj-listen-mini .fkj-listen-preview{color:#242139;background:#fff;bottom:14px}.fkj .fkj-listen-mini-cover{color:#ffffffd9;cursor:pointer;width:44px;height:44px;transition:transform .16s var(--fkj-ease);background:#ffffff14;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid;overflow:hidden}.fkj .fkj-listen-mini-cover:hover{transform:scale(1.04)}.fkj-listen-mini-cover img{object-fit:cover;width:100%;height:100%}.fkj-listen-mini-cover svg{width:20px;height:20px}.fkj-listen-mini-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fkj .fkj-listen-mini-kick{font-family:var(--fkj-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fkj-green,#64d990);align-items:baseline;gap:8px;font-size:10px;display:flex}.fkj .fkj-listen-mini .fkj-listen-mini-time{letter-spacing:0;text-transform:none;color:#ffffff9e;text-align:start;min-width:0;font-size:10.5px}.fkj .fkj-listen-mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.fkj-listen-mini-controls{flex:none;align-items:center;gap:2px;display:inline-flex}.fkj-listen-mini-playwrap{width:50px;height:50px}.fkj-listen-mini .fkj-listen-ring-track{stroke:#ffffff29}.fkj .fkj-listen-mini-play,.fkj .fkj-listen-mini-skip,.fkj .fkj-listen-mini-icon{cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.fkj .fkj-listen-mini-play{color:#242139;width:40px;height:40px;transition:transform .16s var(--fkj-ease);background:#fff}.fkj .fkj-listen-mini-play:active{transform:scale(.94)}.fkj .fkj-listen-mini-skip,.fkj .fkj-listen-mini-icon{color:#ffffffb8;width:34px;height:34px;transition:background .16s var(--fkj-ease), color .16s var(--fkj-ease);background:0 0;flex:none}.fkj .fkj-listen-mini-skip:hover,.fkj .fkj-listen-mini-icon:hover{color:#fff;background:#ffffff1f}.fkj-listen-mini-play svg{width:18px;height:18px}.fkj-listen-mini-skip svg{width:20px;height:20px}.fkj-listen-mini-icon svg,.fkj-listen-mini .fkj-listen-spinner{width:18px;height:18px}.fkj .fkj-listen-mini[data-mode=minimized]{inset-inline:16px auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:var(--fkj-r-pill);gap:2px;max-width:none;margin-inline:0;padding:5px;padding-inline-end:4px}@media (pointer:coarse){.fkj .fkj-listen-mini-play{width:44px;height:44px}.fkj-listen-mini-playwrap{width:54px;height:54px}.fkj .fkj-listen-mini-skip,.fkj .fkj-listen-mini-icon{width:42px;height:42px}}@media (width<=600px){.fkj .fkj-listen-mini-skip{display:none}.fkj .fkj-listen-mini{gap:8px}}@media (width<=380px){.fkj .fkj-listen-mini .fkj-listen-mini-time{display:none}}.fkj-art:has(.fkj-listen-mini[data-state=shown][data-mode=docked]) .fkj-reader-pill{bottom:calc(110px + env(safe-area-inset-bottom,0px))}@media (width<=840px){.fkj-art:has(.fkj-listen-mini[data-state=shown][data-mode=docked]) .fkj-reader-float{--fkj-float-lift:-82px}.fkj-art:has(.fkj-listen-mini[data-state=shown][data-mode=docked]) .fkj-reader-float[data-lifted=true]{--fkj-float-lift:-146px}}@media (width<=760px){.fkj-art:has(.fkj-listen-mini[data-state=shown][data-mode=minimized]) .fkj-reader-pill{bottom:calc(92px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.fkj .fkj-listen-mini,.fkj .fkj-listen-mini[data-state=hidden],.fkj .fkj-listen-play,.fkj-listen-scrub-thumb,.fkj-listen-ring-fill,.fkj-listen-playwrap .fkj-listen-ring{transition:none}.fkj .fkj-listen-mini>*,.fkj-listen-eq[data-on] i{animation:none}.fkj-listen-spinner{animation-duration:2s}}.fkj-art[data-reader-motion=reduce] :is(.fkj-listen-mini,.fkj-listen-mini[data-state=hidden],.fkj-listen-ring-fill){transition:none}.fkj-art[data-reader-motion=reduce] :is(.fkj-listen-mini>*,.fkj-listen-eq[data-on] i){animation:none}@media print{.fkj-listen,.fkj-listen-mini,.fkj-art-listen{display:none!important}}
