.listen-page{max-width:1050px;color:var(--app-text,#f5f2eb);margin:auto;padding:26px 20px 180px}.listen-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.listen-heading h1{letter-spacing:-1.2px;font-size:32px;font-weight:800}.listen-heading p,.listen-muted{color:var(--app-muted,#aaa);font-size:13px;line-height:1.6}.listen-eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:10px!important}.listen-hero{border:1px solid var(--app-line,#ffffff20);background:linear-gradient(120deg,var(--app-accent-surface,#30211f),var(--app-surface,#1a1c21));border-radius:26px;margin-bottom:24px;padding:30px 24px;position:relative;overflow:hidden}.listen-hero p{letter-spacing:-.7px;max-width:220px;margin-bottom:12px;font-size:27px;font-weight:750;line-height:1.2}.listen-hero>span:last-child{max-width:240px;color:var(--app-muted,#aaa);font-size:13px;display:block}.listen-hero-mark{opacity:.16;position:absolute;top:24px;right:-5px;transform:rotate(-18deg)}.listen-search{background:var(--app-field,#1a1c21);border:1px solid var(--app-line,#ffffff20);border-radius:16px;align-items:center;gap:12px;padding:0 16px;display:flex}.listen-search input{width:100%;min-width:0;min-height:50px;color:inherit;outline-offset:4px;background:0 0;font-size:16px}.listen-chips{gap:8px;padding:18px 0 24px;display:flex;overflow:auto}.listen-chips button{border:1px solid var(--app-line,#ffffff20);white-space:nowrap;border-radius:24px;padding:10px 16px;font-size:13px}.listen-chips button[aria-pressed=true]{background:var(--app-action,#f5f2eb);color:var(--app-on-action,#101114);border-color:#0000}.listen-list{gap:14px;display:grid}.listen-card{border:1px solid var(--app-line,#ffffff16);background:var(--app-surface,#191b20);border-radius:20px;align-items:center;gap:4px;min-width:0;padding:10px;display:flex}.listen-card-open{text-align:left;flex:1;align-items:center;gap:14px;min-width:0;display:flex}.listen-card-open>span:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.listen-card strong{overflow-wrap:anywhere;font-size:15px;font-weight:750}.listen-card small{color:var(--app-muted,#aaa);font-size:10px}.listen-card-open>span>span{color:var(--app-muted,#aaa);font-size:12px}.listen-art,.listen-art-mini{color:#f6dbcc;background:linear-gradient(145deg,#663c51,#342536);border-radius:16px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid}.listen-art[data-category=Podcasts]{color:#c9edef;background:linear-gradient(145deg,#235a64,#223747)}.listen-art[data-category=Audiobooks]{color:#f8e5c3;background:linear-gradient(145deg,#896341,#463225)}.listen-round{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.listen-primary{background:var(--app-action,#c94a35);color:var(--app-on-action,white)}.listen-empty{text-align:center;justify-items:center;gap:14px;padding:45px 20px;display:grid}.listen-empty h2{font-size:20px;font-weight:750}.listen-empty p{color:var(--app-muted,#aaa);font-size:14px}.listen-notice{border:1px solid var(--app-line,#ffffff20);border-radius:14px;margin-block:16px;padding:14px}.listen-player{--listen-bottom:calc(var(--app-dock-bottom,12px) + var(--app-dock-height,73px) + 18px);bottom:var(--listen-bottom);left:var(--app-dock-left,12px);right:var(--app-dock-right,12px);max-width:var(--app-dock-width,448px);max-height:calc(100dvh - var(--listen-bottom) - env(safe-area-inset-top) - 76px);z-index:45;border:1px solid var(--app-line,#ffffff20);background:var(--app-nav,#1a1c21);color:var(--app-text,#f5f2eb);border-radius:20px;flex-direction:column;margin:auto;padding:10px;display:flex;position:fixed;box-shadow:0 8px 30px #0003}.listen-player[data-has-dock=false]{--listen-bottom:var(--app-dock-bottom,12px)}.listen-player-row,.listen-mini-progress,.listen-player-title>svg{flex-shrink:0}.listen-player[hidden]{display:none}.listen-player-row{align-items:center;gap:6px;display:flex}.listen-player-title{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.listen-art-mini{border-radius:12px;width:42px;height:42px}.listen-player-title>span:last-child{gap:3px;min-width:0;display:grid}.listen-player-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.listen-player-title small{text-overflow:ellipsis;white-space:nowrap;color:var(--app-muted,#aaa);font-size:11px;overflow:hidden}.listen-expanded{padding:16px 8px 0}.listen-expanded input{width:100%;accent-color:var(--app-accent,#c94a35)}.listen-times{color:var(--app-muted,#aaa);justify-content:space-between;font-size:11px;display:flex}.listen-controls{justify-content:center;align-items:center;gap:24px;margin-top:8px;display:flex}.listen-controls>button{min-width:44px;min-height:44px}.listen-player>p{padding:12px;font-size:12px}.listen-player>p button{text-decoration:underline}.listen-description{white-space:pre-wrap;overflow-wrap:anywhere}.listen-detail{gap:18px;display:grid}.listen-pass{border:1px solid var(--app-line,#ffffff20);background:var(--app-accent-surface,#30211f);border-radius:24px;gap:14px;margin-bottom:24px;padding:22px;display:grid}.listen-pass h2{letter-spacing:-.5px;font-size:23px;font-weight:750}.listen-pass p{color:var(--app-muted,#aaa);font-size:13px;line-height:1.6}.listen-studio-form{border:1px solid var(--app-line,#ffffff20);border-radius:22px;gap:16px;margin-bottom:24px;padding:20px;display:grid}.listen-studio-form label{gap:8px;font-size:13px;display:grid}.listen-studio-form :is(input:not([type=checkbox]),select,textarea){background:var(--app-field,#191b20);border:1px solid var(--app-line,#ffffff25);width:100%;min-height:46px;color:var(--app-text,#f5f2eb);border-radius:12px;padding:12px;font-size:16px}.listen-studio-form textarea{min-height:100px}.listen-studio-form label:has(input[type=checkbox]){align-items:flex-start;gap:10px;display:flex}.listen-studio-form input[type=checkbox]{margin-top:3px}.listen-studio-title{border:1px solid var(--app-line,#ffffff20);border-radius:18px;margin-block:16px;padding:20px}.listen-studio-title h2{font-size:19px;font-weight:750}.listen-studio-title audio{width:100%;margin-block:14px}.listen-studio-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.listen-studio-title details{margin-top:18px}.listen-studio-title summary{cursor:pointer;min-height:44px}@media (min-width:760px){.listen-list{grid-template-columns:1fr 1fr}}.listen-art,.listen-art-mini{overflow:hidden}.listen-art img,.listen-art-mini img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.listen-detail>.listen-art{border-radius:22px;width:120px;height:120px}.listen-track-list{gap:6px;margin-block:12px;display:grid}.listen-track-list>button{text-align:start;background:var(--app-soft,#ffffff08);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-height:46px;padding:12px;display:flex}.listen-track-list>button span{overflow-wrap:anywhere;min-width:0}.listen-track-list small{color:var(--app-muted,#aaa);flex-shrink:0}.listen-track-list [aria-current=true]{background:var(--app-accent-surface,#30211f);color:var(--app-accent,#f29e82)}.listen-track-list>button:disabled{cursor:default}.listen-player[data-expanded=true]{background:var(--app-surface,#191b20);border-radius:28px;padding:14px}.listen-player-atmosphere{z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 18%,color-mix(in srgb,var(--book-tint,#ac7058) 18%,transparent),transparent 75%);position:absolute;inset:0;overflow:hidden}.listen-player-atmosphere>span{filter:blur(42px);opacity:.13;background-position:50%;background-size:cover;position:absolute;inset:0 0 25%;transform:scale(1.25)}.listen-player[data-expanded=true]{isolation:isolate}.listen-player-title>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.listen-expanded{overscroll-behavior:contain;scrollbar-width:none;min-height:0;overflow:auto}.listen-expanded::-webkit-scrollbar{display:none}.listen-mini-progress{background:var(--app-line,#ffffff20);border-radius:9px;height:3px;margin:10px 4px 1px;overflow:hidden}.listen-mini-progress span{background:var(--app-action,#c94a35);border-radius:inherit;height:100%;display:block}.listen-now-playing{text-align:center;justify-items:center;gap:9px;padding:2px 8px 16px;display:grid}.listen-now-playing>.listen-art{width:156px;height:156px;box-shadow:0 14px 30px #0003;box-shadow:0 14px 35px color-mix(in srgb,var(--book-tint,#ac7058) 25%,transparent);border-radius:24px;margin:7px 0 9px;transform:scale(.88)}.listen-player[data-playing=true] .listen-now-playing>.listen-art{transform:scale(1)}.listen-now-playing>.listen-art>svg{width:64px;height:64px}.listen-now-playing>strong{overflow-wrap:anywhere;font-size:20px;font-weight:750;line-height:1.3}.listen-now-playing>span:not(.listen-art):not(.listen-sound-bars){color:var(--app-muted,#aaa);font-size:12px}.listen-sound-bars{height:30px;color:var(--app-accent,#c94a35);justify-content:center;align-items:center;gap:4px;margin-top:8px;display:flex}.listen-sound-bars i{height:var(--bar-height);opacity:.5;background:currentColor;border-radius:8px;width:4px;display:block;transform:scaleY(.3)}.listen-sound-bars[data-playing=true] i{opacity:1}.listen-sound-bars{color:var(--app-accent,#c94a35)}.listen-sound-bars i:nth-child(3n){background:var(--app-subtle-accent,#d8b68b)}.listen-sound-mini{gap:3px;min-width:24px;height:18px;margin:0}.listen-sound-mini i{width:3px}.listen-volume{color:var(--app-muted,#aaa);align-items:center;gap:9px;padding-block:4px 12px;display:flex}.listen-volume>input{flex:1;min-width:0}.listen-volume>svg{flex-shrink:0}.listen-up-next{border-top:1px solid var(--app-line,#ffffff20);margin-top:4px;padding-top:16px}.listen-up-next h3{justify-content:space-between;gap:10px;font-size:15px;font-weight:750;display:flex}.listen-up-next h3 small{color:var(--app-muted,#aaa);font-size:11px;font-weight:400}.listen-up-next .listen-track-list>button{background:0 0;border-radius:0;padding-inline:3px;font-size:12px}.listen-up-next .listen-track-list>button>span:not(.listen-sound-bars){flex:1}.listen-up-next .listen-track-list>button>svg{flex-shrink:0;width:24px}.listen-expanded input[type=range]{appearance:none;cursor:pointer;background:0 0;height:24px}.listen-expanded input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--app-action,#c94a35) var(--listen-progress,0%),var(--app-track,#ffffff40) var(--listen-progress,0%));border-radius:4px;height:3px}.listen-expanded input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--app-action,#c94a35);border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.listen-expanded input[type=range]::-moz-range-track{background:var(--app-track,#ffffff40);border-radius:4px;height:3px}.listen-expanded input[type=range]::-moz-range-progress{background:var(--app-action,#c94a35);height:3px}.listen-expanded input[type=range]::-moz-range-thumb{background:var(--app-action,#c94a35);border:0;border-radius:50%;width:12px;height:12px}.listen-controls{justify-content:space-evenly;gap:2px;margin-top:12px}.listen-controls .listen-round:has(small){width:46px;height:46px;position:relative}.listen-controls small{font-size:8px;position:absolute;top:21px}.listen-playback-options{color:var(--app-muted,#aaa);justify-content:space-between;align-items:center;gap:10px;margin-block:14px 4px;font-size:11px;display:flex}.listen-playback-options button{border:1px solid var(--app-line,#ffffff20);border-radius:20px;min-height:44px;padding:8px 14px}.listen-player-contents{border-top:1px solid var(--app-line,#ffffff20);margin-top:14px;padding-top:6px;font-size:13px}.listen-player-contents summary{cursor:pointer;align-items:center;gap:9px;min-height:46px;display:flex}.listen-sleep{grid-column:1/-1;margin-block:10px}.listen-sleep label{color:var(--app-muted,#aaa);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.listen-sleep select{border:1px solid var(--app-line,#ffffff25);background:var(--app-field,#25272c);max-width:100%;min-height:44px;color:var(--app-text,#fff);border-radius:14px;padding:8px 12px;font-size:14px}.listen-title-queue{grid-column:1/-1;padding:10px}.listen-player button:disabled{opacity:.4}.listen-player :is(button,input):focus-visible,.listen-track-list button:focus-visible{outline:2px solid var(--app-accent,#c94a35);outline-offset:3px}.listen-player[data-expanded=true]{border-radius:28px;box-shadow:0 18px 60px #0003}.listen-player[data-expanded=true] .listen-player-row{border-bottom:1px solid var(--app-line,#ffffff20);padding-bottom:8px}.listen-player[data-expanded=true] .listen-player-title>svg{width:44px;height:44px;padding:12px}.listen-player-heading{text-align:center}.listen-player-heading small{text-transform:uppercase;letter-spacing:.15em;font-size:9px}.listen-player-heading strong{letter-spacing:.02em;font-size:12px;font-weight:650}.listen-player[data-expanded=true] .listen-expanded{padding:18px 6px 4px}.listen-now-playing{gap:6px;padding-bottom:12px}.listen-now-playing>.listen-art{border-radius:20px;width:clamp(132px,24dvh,224px);height:clamp(132px,24dvh,224px);margin-block:8px 14px}.listen-now-playing>strong{letter-spacing:-.035em;font-size:clamp(20px,5.5vw,26px);line-height:1.2}.listen-current-recording{color:var(--app-accent,#e9bd73);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.listen-now-playing .listen-sound-bars{height:20px;margin-top:5px}.listen-transport{min-width:0}.listen-times{font-variant-numeric:tabular-nums}.listen-controls .listen-main-play{width:64px;height:64px;box-shadow:0 6px 24px color-mix(in srgb,var(--app-action,#e9bd73) 20%,transparent)}.listen-main-play svg{fill:currentColor;stroke-width:1.5px;width:28px;height:28px}.listen-up-next h3,.listen-player-contents summary{letter-spacing:-.02em}.listen-up-next .listen-track-list>button{border-radius:12px;padding-inline:10px}.listen-up-next .listen-track-list>button[aria-current=true]{background:var(--app-accent-surface,#30211f)}.listen-player>p[role=alert]{overflow-wrap:anywhere;max-height:80px;color:var(--app-danger,#ff977f);flex-shrink:0;overflow:auto}@media (orientation:landscape) and (max-height:500px) and (max-width:1024px){.listen-player[data-expanded=true] .listen-expanded{-moz-column-gap:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;column-gap:24px;display:grid}.listen-now-playing{text-align:start;grid-template-columns:80px minmax(0,1fr);place-items:center start;gap:6px 12px;padding:6px 0}.listen-now-playing>.listen-art{border-radius:14px;grid-area:1/1/4;width:80px;height:80px;margin:0}.listen-now-playing>strong{grid-column:2;font-size:17px}.listen-now-playing>span:not(.listen-art),.listen-current-recording{grid-column:2}.listen-now-playing :is(.listen-sound-bars,.listen-eyebrow){display:none}.listen-up-next,.listen-player-contents{grid-column:1/-1}.listen-controls,.listen-playback-options{margin-top:8px}}.listen-editor-section{border:1px solid var(--app-line,#ffffff20);border-radius:16px;gap:14px;min-width:0;padding:16px;display:grid}.listen-editor-section legend{padding-inline:7px;font-size:15px;font-weight:700}.listen-editor-section legend span{margin-inline-start:6px;font-size:11px;font-weight:400}.listen-editor-section>.watch-button{justify-self:start}.listen-cover-preview{-o-object-fit:cover;object-fit:cover;border-radius:16px;width:120px;height:120px}.listen-part-editor{border-bottom:1px solid var(--app-line,#ffffff20);gap:10px;padding-block:14px;display:grid}.listen-part-editor>.watch-button{justify-self:start}.listen-chapter-editor{grid-template-columns:minmax(0,1fr) 100px;align-items:end;gap:10px;display:grid}.listen-chapter-editor>.watch-button{grid-column:1/-1;justify-self:start}.listen-studio-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.listen-studio-form progress{width:100%;accent-color:var(--app-accent,#c94a35);margin-top:10px;display:block}html:not([data-app-mode=installed]) .listen-studio-page .watch-button{width:auto;min-height:44px;color:var(--app-text,#f5f2eb);cursor:pointer;border-radius:12px;padding:11px 18px;line-height:1.3}html:not([data-app-mode=installed]) .listen-studio-page .watch-primary{color:#fff;background:var(--app-action,#c94a35);border-color:#0000;box-shadow:0 3px 12px #0002}html:not([data-app-mode=installed]) .listen-studio-form>.watch-button{justify-self:start}html:not([data-app-mode=installed]) .listen-studio-actions{border-top:1px solid var(--app-line,#ffffff20);align-items:center;gap:10px;padding-top:14px}html:not([data-app-mode=installed]) .listen-studio-page .watch-button:focus-visible{outline:2px solid var(--app-accent,#c94a35);outline-offset:3px}html:not([data-app-mode=installed]) .listen-studio-page .watch-button:disabled{cursor:not-allowed;opacity:.5}html:not([data-app-mode=installed]) .listen-studio-form input[type=file]{cursor:pointer;padding:7px;font-size:13px}html:not([data-app-mode=installed]) .listen-studio-form input[type=file]::file-selector-button{font:inherit;border:1px solid var(--app-line,#ffffff25);background:var(--app-surface,#292b30);color:var(--app-text,#f5f2eb);cursor:pointer;border-radius:8px;margin-inline-end:12px;padding:9px 14px;font-weight:600}@media (min-width:760px){html:not([data-app-mode=installed]) .listen-chapter-editor{grid-template-columns:minmax(0,1fr) 120px auto}html:not([data-app-mode=installed]) .listen-chapter-editor>.watch-button{grid-column:auto}}@media (prefers-reduced-motion:no-preference){.listen-sound-bars i{animation:listen-sound var(--bar-speed) ease-in-out var(--bar-delay) infinite alternate;animation-play-state:paused}.listen-sound-bars[data-playing=true] i{animation-play-state:running}@keyframes listen-sound{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.listen-now-playing>.listen-art{transition:transform .45s cubic-bezier(.2,.8,.3,1),box-shadow .45s}.listen-card-open,.listen-round{transition:transform .15s}.listen-card-open:active,.listen-round:active{transform:scale(.97)}}.listen-player-swipe-handle{touch-action:none;cursor:grab;background:0 0;border:0;place-items:center;width:100%;min-height:24px;padding:0;display:grid}.listen-player-swipe-handle span{background:var(--app-muted,#aaa);opacity:.55;border-radius:99px;width:36px;height:4px;display:block}.listen-now-playing{touch-action:pan-y;-webkit-user-select:none;user-select:none}