/* Compact browsing with one persistent player; detail views keep the catalog in place. */
[hidden]{display:none!important}body.dialog-open{overflow:hidden}.app-shell{max-width:960px}.app-header{position:sticky;top:0;z-index:12;background:var(--bg);display:grid;grid-template-columns:1fr auto auto;gap:4px 8px;padding:8px 12px}.app-header h1{font-size:18px}.app-header h1 button{padding:0;min-height:30px;font-weight:650}.app-header p{font-size:11px;margin:0}.app-header .icon-button{width:44px;height:44px}.main-menu{top:48px;z-index:35}.main-menu button{font-size:13px;min-height:44px}.home-heading{grid-column:1}.catalog-search-form{position:relative;grid-column:1/-1;margin:4px 0 0}.catalog-search{height:42px;display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:0 9px}.catalog-search>svg{width:18px;height:18px;color:var(--muted)}.catalog-search input{flex:1;min-width:0;height:40px;font-size:16px;border:0;background:transparent;color:var(--ink);outline-offset:1px}.catalog-search input::-webkit-search-cancel-button{display:none}.catalog-search input::placeholder{font-size:13px}.catalog-search button{height:40px;width:34px;font-size:23px;padding:0}.catalog-suggestions{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 25px #0002;border-radius:8px;overflow:hidden;z-index:40}.search-suggestion{display:block;width:100%;text-align:left;padding:10px 12px;min-height:44px;font-size:13px;border-bottom:1px solid var(--line)}
.entry-home{padding:0}.entry-categories{margin:6px 0;gap:5px}.entry-categories button{flex:initial;min-height:36px;padding:5px 15px;font-size:12px;border-radius:20px}.entry-resume,body[data-player-ready=true][data-embedded=false] #entryResume{display:flex!important;margin:6px 0;padding:6px 9px;border-radius:8px}.entry-resume[hidden],body[data-player-ready=true][data-embedded=false] #entryResume[hidden]{display:none!important}.entry-resume small,.entry-resume span{font-size:11px}.entry-resume strong{font-size:13px}.entry-resume button{min-height:44px;font-size:12px;padding:5px}.entry-resume span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-resume>div{overflow:hidden}.business-shelf,body[data-view=choose] .business-shelf{margin-top:6px}.catalog-subjects{display:flex;flex-wrap:wrap;gap:5px}.subject-chip{min-height:34px;font-size:11px;background:var(--paper);border:1px solid var(--line);padding:5px 9px;border-radius:6px;text-align:left}.subject-chip[aria-pressed=true]{background:var(--soft);border-color:var(--accent)}.catalog-filter-button{display:flex;align-items:center;gap:5px}.catalog-filter-button svg{width:14px;height:14px}.catalog-modes{display:flex;gap:4px;flex-wrap:wrap;margin:7px 0 4px;border-bottom:1px solid var(--line);padding-bottom:4px}.catalog-modes button{font-size:11px;padding:5px 8px;min-height:36px;border-radius:5px;color:var(--muted)}.catalog-modes button[aria-pressed=true]{background:var(--soft);color:var(--ink);font-weight:600}.active-catalog-filters{display:flex;flex-wrap:wrap;gap:4px}.active-filter{font-size:11px;min-height:32px;padding:4px 7px;background:var(--soft);border-radius:5px}.catalog-result-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 0}.catalog-result-heading p{font-size:12px;margin:0}.catalog-result-heading span{font-size:11px;color:var(--muted)}.catalog-result-heading select{font-size:11px;max-width:160px;min-height:36px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:4px}.clear-catalog-filters{font-size:11px;min-height:32px;color:var(--accent);margin-bottom:5px}.catalog-empty{padding:24px 10px;text-align:center}.catalog-empty button{min-height:44px;text-decoration:underline}.catalog-empty p{font-size:14px}#businessBooks.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:stretch}.catalog-book{display:flex;flex-direction:column;position:relative;min-width:0;min-height:190px;padding:9px 9px 5px;background:var(--paper);border:1px solid var(--line);border-radius:9px}.catalog-book:nth-child(4n+1),.catalog-book:nth-child(4n+4){background:var(--soft)}.catalog-book.current-book{border-color:var(--accent)}.catalog-book-topic{font-size:10px;line-height:1.4;min-height:30px;padding-right:30px;color:var(--muted)}.catalog-heart{position:absolute;right:1px;top:1px;width:40px;height:40px;display:grid;place-items:center;padding:0}.catalog-heart svg{width:17px;height:17px}.catalog-heart[aria-pressed=true] svg{fill:currentColor;color:var(--accent)}.catalog-book-open{display:block;text-align:left;width:100%;min-height:70px;padding:1px 0 4px;flex:1}.catalog-book-open h3{font-size:14px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-author{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:4px}.catalog-reader{display:block;text-align:left;font-size:11px;line-height:1.4;min-height:40px;padding:3px 0;color:var(--ink);overflow-wrap:anywhere}.catalog-book-bottom{display:flex;align-items:center;gap:4px;min-height:44px}.catalog-book-meta{font-size:10px;line-height:1.4;color:var(--muted);flex:1;min-width:0}.catalog-play{display:grid;place-items:center;width:44px;height:44px;padding:0;flex-shrink:0;border-radius:50%;background:var(--paper)}.catalog-play svg{width:19px;height:19px}.load-more{font-size:12px;min-height:44px}#businessMore{margin-top:10px}.business-policy{font-size:11px;padding:8px;margin-top:14px}.business-policy summary{font-size:11px;min-height:32px}.business-policy button{min-height:44px}.business-policy p{overflow-wrap:anywhere}
#screen-player.player-dock{position:fixed;bottom:0;top:auto;left:50%;transform:translateX(-50%);width:min(960px,100%);padding:0 10px env(safe-area-inset-bottom,0px);z-index:16;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -3px 15px #0000000a}.mini-player{display:flex;align-items:center;gap:6px;min-height:63px}.mini-info{flex:1;min-width:0;text-align:left;padding:5px 0;min-height:52px}.mini-info strong,.mini-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-info strong{font-size:13px;font-weight:600}.mini-info span{font-size:11px;color:var(--muted);margin-top:3px}.mini-action{position:relative;display:grid;place-items:center;height:44px;width:44px;flex-shrink:0;padding:0}.mini-action svg{width:25px;height:25px}.mini-action small{position:absolute;top:15px;font-size:9px}.mini-play{border-radius:50%;background:var(--ink);color:var(--paper)}.mini-play svg{width:21px;height:21px}.mini-progress{height:2px;background:var(--soft)}.mini-progress i{display:block;height:100%;background:var(--accent);width:0}.toast{font-size:12px;max-width:calc(100% - 24px);z-index:100}
dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:15px 15px 0 0;width:min(600px,100%);max-width:100%;margin:auto auto 0;padding:0;max-height:90dvh;overflow:hidden;box-shadow:0 -10px 45px #0003}dialog::backdrop{background:#0006}.dialog-header{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--paper)}.dialog-header h2{font-size:15px;line-height:1.4;font-weight:600;margin:0;flex:1;min-width:0}.dialog-header button{height:44px;width:44px;flex-shrink:0;font-size:25px}.book-dialog[open],.listen-dialog[open]{display:flex;flex-direction:column}.book-detail-body,.listen-scroll{padding:8px 12px calc(14px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;min-height:0}.book-detail-body{font-size:13px}.detail-author{margin:0 0 4px;font-size:13px}.detail-category,.detail-recording{margin:4px 0 10px;font-size:11px;color:var(--muted)}.detail-voice-label{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px}.detail-voice{min-width:0;flex:1;max-width:100%;min-height:42px;padding:6px;color:var(--ink);border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:13px}.detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.detail-actions button{min-height:42px;font-size:12px;padding:8px 10px;border-radius:7px}.detail-primary{background:var(--ink);color:var(--paper);flex:1}.detail-secondary{border:1px solid var(--line);padding:8px 10px;min-height:42px;border-radius:7px}.detail-description{font-size:12px;line-height:1.6}.detail-chapters-heading{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.detail-chapters-heading h3{font-size:13px;margin:0}.detail-chapters-heading small{font-size:11px;color:var(--muted)}.detail-chapter{width:100%;display:flex;align-items:center;gap:10px;text-align:left;min-height:52px;padding:7px 0;border-bottom:1px solid var(--line)}.detail-chapter .chapter-number{font-size:11px;color:var(--muted);min-width:22px}.detail-chapter>span:nth-child(2){flex:1;min-width:0}.detail-chapter strong,.detail-chapter small{display:block}.detail-chapter strong{font-size:12px;font-weight:500;line-height:1.5}.detail-chapter small{font-size:11px;color:var(--muted)}.detail-chapter svg{width:17px;height:17px}.detail-source{margin-top:14px;font-size:11px;line-height:1.6}.detail-source summary{min-height:36px;padding:8px 0}.detail-source p{overflow-wrap:anywhere}.detail-source a{text-decoration:underline}.detail-resource{display:block;width:100%;text-align:left;min-height:50px;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.detail-resource small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.detail-resources-title{font-size:13px}.detail-series{min-height:44px;font-size:12px;text-decoration:underline}.catalog-filter-fields{padding:12px;display:grid;gap:12px}.catalog-filter-fields label{display:grid;gap:4px;font-size:12px}.catalog-filter-fields select,.catalog-filter-fields input{height:44px;width:100%;min-width:0;font-size:16px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}.catalog-filters-dialog[open]{display:flex;flex-direction:column}.catalog-filter-fields{overflow:auto}.dialog-filter-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 12px;gap:10px}.dialog-filter-actions button{min-height:44px;min-width:85px;font-size:13px;border-radius:7px}.dialog-filter-actions button:last-child{background:var(--ink);color:var(--paper);padding:7px 18px}
.listen-scroll .player-card{padding:0;background:transparent}:is(.listen-scroll,.listen-controls) .episode-heading h2{font-size:13px}:is(.listen-scroll,.listen-controls) .player-state{font-size:11px}:is(.listen-scroll,.listen-controls) .timeline input{height:34px}:is(.listen-scroll,.listen-controls) .times{font-size:11px;margin:0}:is(.listen-scroll,.listen-controls) .playback{padding:5px 10px;gap:12px}:is(.listen-scroll,.listen-controls) .play-main{width:48px;height:48px}:is(.listen-scroll,.listen-controls) .play-main svg{width:24px;height:24px}:is(.listen-scroll,.listen-controls) .track-button,:is(.listen-scroll,.listen-controls) .skip-button{width:44px;min-height:44px;height:44px}:is(.listen-scroll,.listen-controls) .skip-button svg{width:28px;height:28px}:is(.listen-scroll,.listen-controls) .skip-button span{top:15px;font-size:10px}:is(.listen-scroll,.listen-controls) .track-button svg{width:23px;height:23px}.listen-scroll .quick-tools{min-height:44px;gap:2px}.listen-scroll .quick-tools>button{min-height:44px;font-size:11px;flex:1;padding:2px}.listen-scroll .quick-tools>button svg{width:15px;height:15px}.listen-scroll .quick-stepper{min-width:110px}.listen-scroll .quick-stepper button{min-width:34px;min-height:44px;font-size:20px}.listen-scroll .quick-stepper #openSpeed{min-width:40px;font-size:12px}.listen-scroll #settingsDialog{order:initial;margin:4px 0;background:transparent}.listen-scroll #settingsDialog>summary{min-height:40px;font-size:12px}.listen-scroll #settingsDialog>summary>span{font-size:10px}.listen-scroll #settingsDialog .sheet-content{max-height:none;overflow:visible;padding-bottom:8px}.listen-scroll #settingsDialog h3,.listen-scroll #settingsDialog .compact-setting>label:not(.choice):not(.switch-row){font-size:12px;min-width:65px}.listen-scroll #settingsDialog .compact-setting{padding:7px 0}.listen-scroll #settingsDialog .stepper button{min-height:36px;min-width:30px}.listen-scroll #settingsDialog .stepper output{font-size:12px}.listen-scroll #settingsDialog .speed-presets button,.listen-scroll #settingsDialog .sleep-options button,.listen-scroll #settingsDialog .theme-options button{min-height:36px;font-size:11px;padding:5px}.listen-scroll #settingsDialog .setting-help,.listen-scroll #settingsDialog .buffer-card strong,.listen-scroll #settingsDialog .buffer-card>p{font-size:11px;margin-left:0}.listen-scroll #settingsDialog .setting-help{flex-basis:100%}.listen-scroll #settingsDialog .switch-row{font-size:12px;min-height:36px}.listen-scroll #settingsDialog #markDone{font-size:11px;min-height:36px}.listen-scroll #settingsDialog .choice{font-size:11px;min-height:36px}.listen-scroll #settingsDialog .network-options{flex-wrap:wrap}.listen-scroll #settingsDialog .drive-link{font-size:11px}.listen-scroll .player-card>.status{font-size:12px}.listen-scroll .download-card{font-size:11px}.listen-scroll .download-card strong,.listen-scroll .download-card p{font-size:11px}.listen-scroll .download-card button{font-size:11px;min-height:36px}.listen-scroll #screen-list{margin-top:10px}.listen-scroll .list-heading h2 #listLabel{font-size:14px}.listen-scroll .business-voice-bar{font-size:11px}.listen-scroll .business-voice-bar select{height:40px;font-size:13px}.listen-scroll .business-voice-bar button{font-size:11px;min-height:40px}.listen-scroll .filter-tabs button{min-height:36px;font-size:11px}.listen-scroll .ep-title{font-size:13px}.listen-scroll .ep-meta,.listen-scroll .ep-saved{font-size:11px}.listen-scroll .episode-select{min-height:55px}.listen-scroll .row-action{min-width:40px;min-height:44px}.listen-scroll .storage-card,.listen-scroll .storage-card p,.listen-scroll .storage-card summary,.listen-scroll .source-note{font-size:11px}.listen-scroll .search-wrap input{font-size:16px}#catalogIntro{display:none!important}.listen-scroll .embedded-player{margin-top:0}.listen-scroll .embedded-player p,.listen-scroll .embed-footer small{font-size:11px}.listen-scroll .resource-row strong{font-size:13px}.listen-scroll .resource-row small,.listen-scroll .resource-action{font-size:11px}
@media(min-width:740px){#businessBooks.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-book{min-height:210px}.catalog-book:nth-child(n){background:var(--paper)}.catalog-book:nth-child(8n+1),.catalog-book:nth-child(8n+3),.catalog-book:nth-child(8n+6),.catalog-book:nth-child(8n+8){background:var(--soft)}.mini-player{max-width:700px;margin:auto}.app-header{padding-left:16px;padding-right:16px}dialog{margin:auto;border-radius:14px;max-height:88dvh}.business-policy{max-width:700px}.catalog-subjects{gap:7px}}
@media(max-width:350px){main{padding-left:9px;padding-right:9px}.entry-categories button{padding:5px 11px}.catalog-book{padding:7px;min-height:190px}.catalog-book-open h3{font-size:13px}.catalog-result-heading select{max-width:140px}.listen-scroll{padding-left:9px;padding-right:9px}.listen-scroll #settingsDialog .speed-setting{flex-wrap:wrap}.listen-scroll #settingsDialog .speed-presets{flex-basis:100%;justify-content:flex-start}.catalog-modes button{padding:5px 6px}.catalog-heart{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.state-pill.loading i{animation:none}}

/* Keep the current player usable while inspecting a different book. */
.book-shade{position:fixed;inset:0 0 var(--player-space);background:#0004;z-index:18}.book-dialog[data-floating=true]{position:fixed;left:50%;right:auto;bottom:var(--player-space);top:auto;transform:translateX(-50%);margin:0;max-height:calc(92dvh - var(--player-space));z-index:19}.catalog-book{min-height:180px}.catalog-book-topic{min-height:24px}.catalog-book-open{min-height:60px}.catalog-reader{min-height:36px}.business-shelf>.quiet-note:empty{display:none}.subject-chip{min-height:34px}.catalog-filter-button{margin-left:auto}.catalog-subjects{flex-wrap:nowrap}.catalog-subjects .subject-chip{white-space:nowrap;padding:5px 7px}.catalog-result-heading{margin:6px 0}.catalog-result-heading #catalogScope{display:none}.catalog-result-heading select{min-height:34px}.catalog-result-heading>div{min-width:0}.catalog-result-heading #businessCount{display:block;overflow-wrap:anywhere}.catalog-modes{margin-top:5px}.entry-resume strong{font-size:12px}
@media(max-width:350px){.catalog-subjects{flex-wrap:wrap}.catalog-subjects .subject-chip{font-size:10px;padding:4px 6px}.catalog-filter-button{margin-left:0}.catalog-book{min-height:180px}}
.listen-scroll .quick-tools{display:grid;grid-template-columns:110px repeat(3,minmax(0,1fr));gap:2px}.listen-scroll .quick-tools>button{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;overflow:hidden}.listen-scroll .quick-tools>button>span{font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-scroll .quick-stepper{min-width:0}.listen-scroll .quick-stepper button{padding:0}.listen-scroll .filter-tabs{flex-wrap:wrap}.listen-scroll{overflow-x:hidden}
/* Compact shared controls. Automatic buffering stays out of the listening UI. */
:root{--player-space:calc(100px + env(safe-area-inset-bottom,0px))}#screen-player{background:#dcece9;border-top:1px solid #aacac2}:root[data-theme=dark] #screen-player{background:#193b37;border-color:#375c55}#screen-player .mini-play{background:#176253;color:#fff}.mini-extras{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:700px;margin:auto;padding:0 12px 5px}.mini-extras button{font-size:11px;min-height:29px;padding:3px 9px;border-radius:6px;background:#17625316}.mini-extras svg{width:17px;height:17px}.mini-extras #miniSleep{min-width:88px}.mini-player{min-height:54px}.mini-info{min-height:48px}.mini-progress{background:#aacac2}.mini-progress i{background:#176253}body:has(#listenDialog[open]) #screen-player{visibility:hidden}.sheet-grip{height:12px;flex-shrink:0;touch-action:pan-x}.sheet-grip:after{content:'';display:block;width:34px;height:3px;border-radius:3px;background:var(--muted);margin:4px auto}.listen-dialog>.dialog-header{touch-action:pan-x}.listen-scroll #settingsDialog>summary{display:none}.listen-scroll #settingsDialog .sheet-content{padding-top:0}.listen-scroll .auto-setting{flex-wrap:wrap}.listen-scroll #saveEpisode{display:flex;align-items:center;gap:4px;font-size:11px;min-height:36px}.listen-scroll #saveEpisode svg{width:15px;height:15px}.listen-scroll .speed-setting{flex-wrap:wrap}.listen-scroll #settingsDialog .speed-presets{flex-wrap:wrap}.detail-reader{font-size:12px;color:var(--muted)}#themeToggle{font-size:23px;flex-shrink:0;width:40px;height:40px}#connectionSection,.theme-setting,#driveLink,.storage-card,.quick-tools,.buffer-card,.source-footer,.row-source,#backBusinessShelf,#embedSleep{display:none!important}#sleepDetail{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.ep-saved{font-size:11px}

/* Rounded floating player, with the same compact controls. */
#screen-player.player-dock{width:min(940px,calc(100% - 16px));bottom:calc(8px + env(safe-area-inset-bottom,0px));border:1px solid #aacac2;border-radius:18px;padding:0 9px 5px;overflow:hidden;box-shadow:0 4px 22px #0002}#listenDialog{border-radius:22px 22px 0 0}.mini-progress{border-radius:3px;overflow:hidden}.listen-scroll .player-card{border-radius:14px}#restoreSound{padding:8px 12px;border:1px solid var(--accent);border-radius:10px;margin:5px 0;font-size:12px;color:var(--accent)}:root{--player-space:calc(112px + env(safe-area-inset-bottom,0px))}@media(min-width:740px){#listenDialog{border-radius:22px}}

.stats-privacy{font-size:11px;color:var(--muted);margin:18px 0 8px}.stats-privacy summary{cursor:pointer;min-height:32px}.stats-privacy label{display:flex;align-items:center;gap:7px;min-height:38px}.main-menu #adminLink{display:block;color:var(--ink);text-decoration:none;padding:12px;font-size:13px}
/* Personal lists: independent of discovery topics, with one-tap resume. */
.catalog-modes{position:sticky;top:var(--catalog-header-height,104px);z-index:11;background:var(--bg);padding:6px 0;flex-wrap:nowrap;justify-content:space-between;gap:2px}.catalog-modes button{white-space:nowrap;padding:6px 7px;font-size:11px}.catalog-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.personal-heading{font-size:16px;line-height:1.4;margin:0 0 2px;font-weight:650}.catalog-result-heading #personalOrder{display:block;font-size:10px;color:var(--muted);margin-top:2px}#businessBooks.personal-list{display:flex;flex-direction:column;gap:6px}.personal-list .personal-row{display:grid;grid-template-columns:minmax(0,1fr) 86px 32px;gap:3px 6px;min-height:0;padding:9px 8px 7px;border-radius:10px;background:var(--paper)}.personal-list .personal-row.current-book{background:var(--soft)}.personal-info{min-width:0}.personal-list .catalog-book-open{min-height:0;padding:0;text-align:left}.personal-list .catalog-book-open h3{font-size:13px;line-height:1.4;-webkit-line-clamp:2}.personal-position{font-size:11px;color:var(--muted);margin:3px 0;line-height:1.5;font-variant-numeric:tabular-nums}.personal-reader{display:block;text-align:left;padding:0;min-height:0;font-size:10px;line-height:1.5;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.personal-reader{text-decoration:underline;text-underline-offset:2px;min-height:25px}.personal-list .personal-play{display:flex;gap:3px;align-self:center;justify-content:center;width:86px;height:38px;border-radius:20px;background:var(--soft);color:var(--ink);font-size:11px;font-weight:550}.personal-play svg{width:16px;height:16px}.personal-row.current-book .personal-play{background:var(--ink);color:var(--paper)}.personal-row-action{align-self:center;width:32px;height:40px;display:grid;place-items:center;font-size:24px;padding:0;border-radius:7px}.personal-list .personal-row-action.catalog-heart{position:static;width:32px;height:40px}.personal-row-action svg{width:18px;height:18px}.personal-progress{grid-column:1/-1;height:3px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:4px}.personal-progress i{height:100%;display:block;background:var(--accent)}.personal-menu{padding:6px 12px 16px}.personal-menu>button{display:block;text-align:left;width:100%;font-size:13px;min-height:46px;padding:8px 2px;border-bottom:1px solid var(--line)}.personal-menu p{font-size:11px;color:var(--muted);margin:12px 2px 0}.toast{display:flex;align-items:center;gap:14px}.toast button{font-size:12px;font-weight:650;color:inherit;min-height:32px;padding:3px 0;white-space:nowrap;text-decoration:underline}#businessShelf[data-mode=history] .business-policy,#businessShelf[data-mode=favorites] .business-policy{display:none}@media(min-width:740px){#businessBooks.personal-list{max-width:780px;margin:auto}.personal-list .personal-row{grid-template-columns:minmax(0,1fr) 100px 40px;padding:11px 12px}.personal-list .personal-play{width:100px}.personal-list .catalog-book-open h3{font-size:14px}}@media(max-width:350px){.catalog-modes button{font-size:10px;padding:6px 4px}.personal-list .personal-row{grid-template-columns:minmax(0,1fr) 76px 28px;gap:3px 4px}.personal-list .personal-play{width:76px;font-size:10px}.personal-list .catalog-book-open h3{font-size:12px}.personal-row-action{width:28px}}
/* Download progress replaces the download glyph, keeping its tap target stable. */
.download-circle,.listen-scroll #settingsDialog #saveEpisode.download-circle{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;border-radius:50%;padding:0;background:conic-gradient(var(--accent) var(--download-progress,0%),var(--line) 0);color:var(--ink)}.download-circle:before{content:'';position:absolute;inset:3px;z-index:-1;background:var(--paper);border-radius:50%}.download-circle>span{font-size:10px;line-height:1;font-variant-numeric:tabular-nums;font-weight:650}.batch-download-body{padding:10px 14px 18px;overflow-y:auto}.batch-download-body>.quiet-note{font-size:11px}.batch-presets{display:flex;gap:6px;margin:10px 0}.batch-presets button{font-size:12px;min-height:36px;border:1px solid var(--line);border-radius:7px;padding:6px 10px}.batch-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}.batch-range label{display:grid;gap:4px;font-size:12px}.batch-range input{font-size:16px;width:100%;height:40px;padding:7px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper)}.batch-submit{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.batch-submit span{font-size:12px}.batch-submit button{background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 12px;min-height:40px;font-size:12px}#downloadDialog[open]{display:flex;flex-direction:column}.batch-download-body h3{font-size:13px;border-top:1px solid var(--line);padding-top:12px}.download-queue-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:7px 0;font-size:12px}.download-queue-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.download-queue-row>.row-action{flex-shrink:0}.listen-scroll .download-card{padding:5px 0;border:0}#downloadProgress>p:empty{display:none}#downloadProgress strong{font-size:11px}.list-heading{flex-wrap:wrap}.list-heading h2{flex:1}#openBatchDownload{min-height:36px;font-size:11px}
.catalog-browse{display:flex;gap:5px;margin:5px 0}.catalog-browse button{flex:1;min-height:33px;border:1px solid var(--line);border-radius:6px;font-size:11px;background:var(--paper);padding:5px}.browse-controls{padding:8px 12px;border-bottom:1px solid var(--line)}.browse-controls>div{display:flex;gap:6px;margin-bottom:8px}.browse-controls button{font-size:12px;min-height:36px;padding:6px 12px;border-radius:7px}.browse-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.browse-controls input{width:100%;height:40px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font-size:16px;padding:7px 10px}#browseDialog[open]{display:flex;flex-direction:column}.browse-scroll{overflow-y:auto;padding:8px 12px 16px}#browseCategories{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}#browseCategories button{padding:8px;text-align:left;font-size:11px;border:1px solid var(--line);border-radius:7px;min-height:42px}#browseEntries h3{font-size:13px;color:var(--accent);margin:12px 0 3px}#browseEntries>button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 0;min-height:39px;border-bottom:1px solid var(--line);font-size:12px}#browseEntries small{flex-shrink:0;color:var(--muted);font-size:10px}

/* Public reader feedback and the independent classics collection. */
.catalog-collections{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:7px 0 10px}.catalog-collections button{min-height:43px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px;font-weight:600;line-height:1.4}.catalog-collections button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.collection-info{padding:12px;margin:8px 0 12px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.collection-info h2{font-size:16px;margin:0 0 5px}.collection-info p{font-size:12px;line-height:1.6;margin:0}.collection-info details{font-size:11px;line-height:1.7;margin-top:5px;color:var(--muted)}.collection-info summary{min-height:32px;cursor:pointer;display:list-item;padding-top:4px}.catalog-reception{display:block;min-height:30px;padding:3px 0;font-size:10px;color:var(--accent);font-weight:600;text-align:left;line-height:1.45}.detail-reception{border:1px solid var(--line);border-radius:9px;padding:11px;margin:8px 0 12px;background:var(--soft);font-size:12px;line-height:1.6}.detail-reception strong{font-size:14px}.detail-reception p{margin:4px 0}.detail-reception a{display:inline-block;min-height:34px;padding:5px 0;text-decoration:underline}.detail-reception small{display:block;color:var(--muted);font-size:10px}.detail-classic{color:var(--accent);font-size:11px;margin:5px 0}#catalogCollectionInfo[hidden]{display:none}

.collection-back{min-height:44px;padding:10px 16px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:inherit;font:inherit;font-weight:650;text-align:left;cursor:pointer}.collection-back:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.classic-regions{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.classic-regions button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink)}.classic-regions button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.book-luck{margin:0 0 16px}.roll-book{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);font:inherit;font-weight:600;min-height:64px;cursor:pointer}.dice-face{display:inline-block;width:46px;height:46px;line-height:1;transform:rotate(-9deg);transform-origin:center;filter:drop-shadow(0 2px 2px #263d2814)}.dice-face svg{display:block;width:100%;height:100%}.lucky-book{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);display:flex;align-items:center;gap:12px;min-height:80px}.lucky-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-align:left;color:inherit}.lucky-info .book-cover{width:70px;min-width:70px;height:100px}.lucky-copy{display:grid;gap:6px}.lucky-copy small{color:var(--muted);font-size:11px}.lucky-copy strong{font-size:16px}.lucky-copy>span{font-size:12px}.lucky-play{padding:12px 16px;border-radius:12px;background:var(--ink);color:var(--paper);white-space:nowrap;min-height:44px}.lucky-book.revealed{animation:book-reveal 1.1s ease both}.luck-status{color:var(--muted);margin:10px}@keyframes book-reveal{from{opacity:0;transform:translateY(18px) scale(.94);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@media(max-width:480px){.lucky-book{flex-wrap:wrap}.lucky-info{flex-basis:100%}.lucky-play{width:100%}.roll-book{font-size:13px}}@media(prefers-reduced-motion:reduce){.rolling .dice-face,.lucky-book.revealed{animation:none}}

.journey-entry{width:100%;display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:var(--ink);color:var(--paper);text-align:left;min-height:72px}.journey-entry>span:first-child{font-size:28px}.journey-entry>span:nth-child(2){display:grid;gap:5px;flex:1}.journey-entry strong{font-size:16px}.journey-entry small{font-size:12px;opacity:.8}.journey-dialog{width:min(680px,calc(100% - 20px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);overflow:auto}.journey-dialog::backdrop{background:#171b24aa;backdrop-filter:blur(5px)}.journey-dialog .dialog-header{position:sticky;top:0;background:var(--paper);z-index:2;padding:12px 18px}.journey-body{padding:0 20px 24px}.journey-intro{padding:22px;border-radius:18px;background:linear-gradient(135deg,#9bb5a533,#a4acc933);margin:8px 0 22px}.journey-eyebrow{font-size:10px;letter-spacing:2px}.journey-intro h3{font-size:24px;margin:12px 0}.journey-intro p{font-size:13px;line-height:1.6}.journey-intro small{display:block;font-size:11px;color:var(--muted)}.journey-intro progress{display:block;width:100%;height:8px;accent-color:#5f8772;margin:12px 0}.journey-stage{position:relative;display:grid;grid-template-columns:46px 1fr;gap:16px;padding:0 0 28px}.journey-stage:not(:last-child):before{content:'';position:absolute;left:22px;top:44px;bottom:0;border-left:2px dashed var(--line)}.journey-marker{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:25px;border:1px solid var(--line);background:var(--paper);z-index:1}.is-current .journey-marker,.is-done .journey-marker{background:#587963;color:#fff;border-color:#587963}.journey-copy{padding:15px;border:1px solid var(--line);border-radius:16px;min-width:0}.is-current .journey-copy{border-color:#789683;box-shadow:0 4px 18px #58796318}.journey-status{font-size:10px;letter-spacing:1px;color:var(--muted)}.journey-copy h3{margin:7px 0;font-size:20px}.journey-copy p{font-size:13px;line-height:1.5;margin:6px 0 12px}.journey-book{display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;font-weight:600;color:inherit;margin:10px 0;width:100%}.journey-book .book-cover{width:48px;min-width:48px;height:70px}.journey-action{padding:11px 14px;border-radius:10px;background:var(--ink);color:var(--paper);min-height:44px;width:100%;font-size:13px}.journey-action:disabled{background:transparent;border:1px dashed var(--line);color:var(--muted)}.is-locked .journey-marker{color:var(--muted)}.journey-finish{padding:20px;border-radius:16px;background:#78968322;line-height:1.6}@media(max-width:420px){.journey-body{padding:0 12px 18px}.journey-stage{grid-template-columns:36px 1fr;gap:10px}.journey-marker{width:36px;height:36px}.journey-stage:not(:last-child):before{left:17px;top:36px}.journey-intro{padding:16px}.journey-copy{padding:12px}}

.journey-goal-options{display:grid;gap:12px;margin:18px 0}.journey-goal{display:grid;grid-template-columns:36px 1fr;gap:7px 12px;padding:18px;border:1px solid var(--line);border-radius:16px;text-align:left;color:var(--ink);background:var(--paper)}.journey-goal-symbol{grid-row:span 3;font-size:28px;color:#587963}.journey-goal strong{font-size:18px}.journey-goal>span:not(.journey-goal-symbol){font-size:13px;line-height:1.5}.journey-goal small{color:var(--muted);font-size:11px}.journey-goal[aria-pressed=true]{border-color:#587963;background:#78968318}.change-journey-goal{padding:10px 0;min-height:44px;color:var(--ink);font-weight:600}.journey-book-options{display:grid;gap:12px;margin-top:14px}.journey-choice{padding:10px;border:1px solid var(--line);border-radius:12px}.journey-choice.is-selected{border-color:#587963;background:#78968314}.journey-choice-note{display:block;font-size:11px;color:var(--muted);margin:6px 0 10px}.journey-choice .journey-book .book-cover{width:48px;min-width:48px;height:70px}.journey-choice .journey-book{font-size:13px;margin:0}.journey-choice .journey-action{font-size:12px}

.roll-book:disabled{opacity:.7;cursor:wait}
/* Discovery actions share one row: one third dice, two thirds journey. */
.discovery-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;align-items:stretch;margin:0 0 14px}.discovery-row>.roll-book{min-width:0;min-height:82px;padding:10px 6px;flex-direction:column;gap:5px;font-size:12px;border-radius:16px}.discovery-row .dice-face{width:43px;height:43px}.discovery-row>.journey-entry{min-width:0;min-height:82px;width:100%;margin:0;padding:12px;gap:9px}.discovery-row .journey-entry>span:first-child{font-size:25px}.discovery-row .journey-entry strong{font-size:14px}.discovery-row .journey-entry small{font-size:10px;line-height:1.5}.lucky-book{margin:0 0 14px}.lucky-book.revealed{animation:lucky-lifetime 15s linear both}@keyframes lucky-lifetime{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}5%{opacity:1;transform:none;filter:none}30%{opacity:.85}65%{opacity:.5}90%{opacity:.15}100%{opacity:0;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.lucky-book.revealed{animation:lucky-fade 15s linear both}@keyframes lucky-fade{0%,5%{opacity:1}30%{opacity:.85}65%{opacity:.5}100%{opacity:0}}}

.detail-origin{margin:14px 0;padding-top:10px;border-top:1px solid var(--line, #b8b1a4)}
.detail-origin a{display:block;width:fit-content;margin-top:5px}

/* A small, tactile die with real pip arrangements for all six outcomes. */
.dice-pips circle{opacity:0}
.dice-face:is([data-face="1"],[data-face="3"],[data-face="5"]) .pip-center,
.dice-face:is([data-face="2"],[data-face="3"],[data-face="4"],[data-face="5"],[data-face="6"]) :is(.pip-tl,.pip-br),
.dice-face:is([data-face="4"],[data-face="5"],[data-face="6"]) :is(.pip-tr,.pip-bl),
.dice-face[data-face="6"] :is(.pip-ml,.pip-mr){opacity:1}
.roll-book{transition:border-color .18s,background .18s,box-shadow .18s}
.roll-book:hover{border-color:#aab99c;box-shadow:0 3px 12px #3559430d}
.roll-book:active .dice-face{transform:rotate(-5deg) translateY(1px)}
.roll-book:focus-visible,.journey-goal:focus-visible{outline:2px solid #849b72;outline-offset:3px}
.journey-goal-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.journey-goal{grid-template-columns:27px minmax(0,1fr);padding:14px;gap:6px 9px;min-width:0;align-content:start}
.journey-goal-symbol{font-size:23px;line-height:1.25}
.journey-goal strong{font-size:14px;line-height:1.5}
.journey-goal>span:not(.journey-goal-symbol){font-size:11px;line-height:1.6}
.journey-goal small{font-size:10px;line-height:1.5}
.journey-leaves{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:20px;background:#78968317;color:var(--ink)}
.journey-copy h3{font-size:18px}.journey-intro{padding:18px;margin-bottom:18px}.journey-intro h3{font-size:22px}
@media(max-width:480px){.journey-goal-options{grid-template-columns:1fr}.journey-goal{padding:12px 14px}.journey-goal-symbol{grid-row:span 2}.journey-goal small{grid-column:2}.journey-copy h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.roll-book{transition:none}}

/* Favorite collection feedback; the floating heart never intercepts a tap. */
.favorite-flight{position:fixed;inset:auto;margin:0;padding:0;border:0;background:transparent;color:#cf4f70;width:28px;height:28px;pointer-events:none;z-index:2147483647;overflow:visible}
.favorite-flight svg{display:block;width:100%;height:100%;fill:currentColor;stroke:currentColor;filter:drop-shadow(0 3px 5px #9a244c33)}

/* Six CSS faces; only short, click-triggered transform/opacity animations. */
.dice-face{position:relative;filter:none;transform:none}
.dice-vortex{display:block;position:absolute;inset:0;perspective:180px}
.dice-cube{position:absolute;left:5px;top:4px;width:34px;height:34px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-22deg) rotateX(var(--die-x,0deg)) rotateY(var(--die-y,0deg))}
.die-side{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:6px;box-sizing:border-box;border-radius:5px;border:1px solid #d6c7a5;background:linear-gradient(135deg,#fffdf5,#ecdfc3);box-shadow:inset 1px 1px 2px #fffefa;backface-visibility:hidden}
.die-side i{border-radius:50%}.die-side .pip{background:#355943;box-shadow:inset 0 1px 1px #193b2a99}
.side-1{transform:translateZ(17px)}.side-2{transform:rotateY(90deg) translateZ(17px);background:#dccca9}.side-6{transform:rotateY(180deg) translateZ(17px)}.side-5{transform:rotateY(-90deg) translateZ(17px);background:#e9dabc}.side-3{transform:rotateX(90deg) translateZ(17px)}.side-4{transform:rotateX(-90deg) translateZ(17px);background:#cfbd98}
.dice-face[data-face="2"]{--die-y:-90deg}.dice-face[data-face="3"]{--die-x:-90deg}.dice-face[data-face="4"]{--die-x:90deg}.dice-face[data-face="5"]{--die-y:90deg}.dice-face[data-face="6"]{--die-y:180deg}
.dice-vortex::after{content:'';position:absolute;left:1px;right:1px;bottom:-6px;height:9px;border-radius:50%;background:radial-gradient(ellipse,#253c2d30,transparent 70%);transform:scaleX(.9);pointer-events:none}
.rolling .dice-face{animation:none;filter:none}
.rolling .dice-cube{animation:die-cast 1400ms linear both}
.rolling .dice-vortex::after{animation:die-shadow 1400ms linear both}
.rolling .dice-vortex::before{content:'';position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#d6c7a54d;border-right-color:#d6c7a526;border-radius:50%;pointer-events:none;animation:die-trace 1400ms linear both}
@keyframes die-cast{0%{transform:translateY(0) rotateX(-18deg) rotateY(-22deg);animation-timing-function:ease-out}20%{transform:translateY(-10px) rotateX(1800deg) rotateY(2500deg);animation-timing-function:linear}52%{transform:translateY(-5px) rotateX(5200deg) rotateY(7600deg);animation-timing-function:ease-in}70%{transform:translateY(2px) rotateX(6900deg) rotateY(10500deg);animation-timing-function:ease-out}84%{transform:translateY(-3px) rotateX(7190deg) rotateY(10790deg) rotateX(var(--die-x,0deg)) rotateY(var(--die-y,0deg));animation-timing-function:ease-in}94%{transform:translateY(1px) rotateX(7182deg) rotateY(10778deg) rotateX(var(--die-x,0deg)) rotateY(var(--die-y,0deg));animation-timing-function:ease-out}100%{transform:translateY(0) rotateX(7182deg) rotateY(10778deg) rotateX(var(--die-x,0deg)) rotateY(var(--die-y,0deg))}}
@keyframes die-shadow{0%,70%,94%,100%{transform:scaleX(.9);opacity:1}20%{transform:scaleX(1.25);opacity:.35}84%{transform:scaleX(1.05);opacity:.7}}
@keyframes die-trace{0%{opacity:0;transform:rotate(0)}12%,45%{opacity:.65}70%,100%{opacity:0;transform:rotate(1440deg)}}
@media(prefers-reduced-motion:reduce){.rolling .dice-cube,.rolling .dice-vortex::after{animation:none}.rolling .dice-vortex::before{display:none}}

/* Playback controls are a fixed flex sibling; only the chapter area scrolls. */
.listen-controls{flex:0 0 auto;padding:6px 12px 8px;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.listen-controls .episode-heading{margin:0 0 3px}.listen-controls #resumeNote{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;font-size:10px}.listen-controls .timeline{margin:0}.listen-controls .playback{padding-top:3px;padding-bottom:0}
.listen-dialog>.listen-scroll{flex:1 1 auto;min-height:0}
body[data-embedded="true"] #listenControls{display:none}
@media(max-height:500px){.listen-controls{padding-top:2px;padding-bottom:2px}.listen-controls #resumeNote{display:none}.listen-controls .episode-heading{margin:0}.listen-controls .timeline input{height:24px}.listen-controls .playback{padding:0}.listen-controls .play-main{width:40px;height:40px}}

/* Compact controls and settings remain outside the chapter scroller. */
.listen-controls{padding:4px 10px 5px;max-height:58dvh;overflow-y:auto;overscroll-behavior:contain}
.listen-controls .episode-heading h2{font-size:12px;line-height:1.3}.listen-controls #resumeNote{font-size:9px}.listen-controls .player-state{font-size:10px;gap:4px}.listen-controls .timeline input{height:26px}.listen-controls .times{font-size:10px}.listen-controls .playback{gap:7px;max-width:320px;padding:0 6px;margin:auto}.listen-controls .play-main{width:38px;height:38px}.listen-controls .play-main svg{width:19px;height:19px}.listen-controls :is(.track-button,.skip-button){width:36px;height:36px;min-height:36px}.listen-controls .track-button svg{width:20px;height:20px}.listen-controls .skip-button svg{width:24px;height:24px}.listen-controls .skip-button span{font-size:9px;top:12px}
.listen-controls #settingsDialog{display:block;order:initial;margin:4px 0 0;padding:0;border:0;border-top:1px solid var(--line);background:transparent;border-radius:0;overflow:visible}
.listen-controls #settingsDialog>summary{display:none}
.listen-controls #settingsDialog .sheet-content{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:0 5px;max-height:none;padding:0;overflow:visible}
.listen-controls #settingsDialog .compact-setting{margin:0;padding:3px 0;min-width:0;min-height:30px;gap:3px;align-items:center;border-top:1px solid var(--line)}
.listen-controls #settingsDialog :is(h3,label){font-size:10px;font-weight:500;min-width:0;margin:0}
.listen-controls #settingsDialog .speed-setting{display:flex;flex-wrap:wrap;border-top:0;grid-column:1;grid-row:1}
.listen-controls #settingsDialog .stepper{gap:0;flex-shrink:0}.listen-controls #settingsDialog .stepper button{min-width:24px;min-height:30px;font-size:17px;padding:0}.listen-controls #settingsDialog .stepper output{font-size:11px;min-width:29px}
.listen-controls #settingsDialog .speed-presets{flex:1;display:flex;gap:2px;justify-content:flex-end;flex-wrap:nowrap}.listen-controls #settingsDialog .speed-presets button{font-size:10px;min-width:25px;min-height:30px;padding:3px 4px;border-radius:5px}
.listen-controls .gain-cell{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:3px;align-self:center;min-height:32px;border:1px solid var(--line);border-radius:7px;font-size:11px;padding:3px;background:var(--paper);color:var(--ink)}.gain-cell svg{width:14px;height:14px}
.listen-controls #settingsDialog .sleep-setting{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 6px}.listen-controls #settingsDialog .sleep-options{display:flex;gap:3px;flex:1;justify-content:flex-end}.listen-controls #settingsDialog .sleep-options button{font-size:10px;min-height:30px;min-width:30px;padding:3px 7px;border-radius:5px}.listen-controls #settingsDialog .setting-help{font-size:9px;line-height:1.2;flex-basis:100%;margin:0;text-align:right;font-weight:400}
.listen-controls #settingsDialog .auto-setting{grid-column:1/-1;display:flex;flex-wrap:nowrap;gap:3px;justify-content:space-between}.listen-controls #settingsDialog .switch-row{display:flex;gap:5px;flex:0 0 auto;min-height:32px;white-space:nowrap}.listen-controls #settingsDialog .switch-row input{width:26px;height:16px}.listen-controls #settingsDialog .switch-row input:before{width:10px;height:10px}.listen-controls #settingsDialog .switch-row input:checked:before{transform:translateX(10px)}
.listen-controls #settingsDialog :is(#saveEpisode,#addBookmark,#markDone){display:flex;align-items:center;justify-content:center;gap:3px;min-height:32px;font-size:10px;white-space:nowrap;padding:3px}.listen-controls #settingsDialog :is(#saveEpisode,#addBookmark) svg{width:13px;height:13px}.listen-controls #settingsDialog .download-circle{width:30px;min-width:30px;height:30px;min-height:30px}
#gainPopover{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(270px,calc(100vw - 40px));box-sizing:border-box;padding:12px 14px;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 10px 35px #0002}#gainPopover::backdrop{background:#0002}.gain-popover-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.gain-popover-head button{width:36px;min-height:36px;font-size:22px}#gainPopover #gainSection{display:flex;gap:8px;border:0;padding:8px 0}#gainPopover label{display:none}#gainPopover input{flex:1;min-width:0;height:32px;margin:0;accent-color:var(--ink)}#gainPopover output{font-size:12px;min-width:38px}
body[data-embedded="true"] #gainCompact{display:none}
@media(max-width:359px){.listen-controls #settingsDialog .speed-setting>label{display:none}.listen-controls #settingsDialog .speed-presets button{min-width:22px;padding:3px 2px;font-size:9px}.listen-controls #settingsDialog :is(#saveEpisode,#addBookmark,#markDone){font-size:9px;padding:2px}.listen-controls #settingsDialog .sheet-content{grid-template-columns:minmax(0,1fr) 56px}}

/* A two-row playback strip, followed by fixed chapter navigation. */
.listen-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:3px 9px 4px}
.listen-controls .episode-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:16px;margin:0}.listen-controls .episode-heading h2{font-size:11px;line-height:16px;margin:0}.listen-controls #resumeNote{display:none}.listen-controls .player-state{font-size:9px;line-height:16px}.listen-controls .state-pill{padding:0 3px;font-size:9px}
.listen-controls .timeline{grid-column:1;grid-row:2;min-width:0;margin:0 8px 0 0}.listen-controls .timeline input{display:block;height:18px;margin:0;width:100%}.listen-controls .times{font-size:9px;line-height:11px;margin:0}
.listen-controls .playback{grid-column:2;grid-row:2;display:flex;align-items:center;gap:2px;max-width:none;margin:0;padding:0;height:30px}.listen-controls :is(.track-button,.skip-button){width:28px;height:30px;min-height:30px;min-width:28px;padding:0}.listen-controls .track-button svg{width:16px;height:16px}.listen-controls .track-button>span{display:none}.listen-controls .skip-button svg{width:22px;height:22px}.listen-controls .skip-button span{top:10px;font-size:8px}.listen-controls .play-main{width:30px;height:30px;min-width:30px;padding:0}.listen-controls .play-main svg{width:16px;height:16px}
.listen-controls #settingsDialog{grid-column:1/-1;margin-top:3px}
.chapter-toolbar{flex:0 0 auto;padding:4px 9px 0;border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink)}
.chapter-toolbar .list-heading{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;margin:0 0 3px;min-height:30px}.chapter-toolbar .list-heading h2{display:flex;align-items:baseline;gap:3px;white-space:nowrap;font-size:11px;margin:0;flex:1;min-width:0}.chapter-toolbar #episodeTotal{font-size:9px}.chapter-toolbar #listLabel{font-size:11px}
.chapter-toolbar .search-wrap{display:flex;align-items:center;position:relative;width:78px;flex:0 0 78px;min-width:0;height:30px;min-height:30px;margin:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.chapter-toolbar .search-wrap>svg{position:absolute;left:5px;width:12px;height:12px}.chapter-toolbar .search-wrap input{box-sizing:border-box;width:100%;min-width:0;padding:3px 3px 3px 20px;height:30px;font-size:16px;border:0;background:transparent;color:var(--ink)}
.chapter-toolbar :is(#openBatchDownload,#showCurrentList){font-size:10px;line-height:1.2;padding:3px;min-height:30px;white-space:nowrap}
.chapter-toolbar .filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0;padding:0 0 3px}.chapter-toolbar .filter-tabs button{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:30px;padding:4px 2px;font-size:10px;white-space:nowrap;border-radius:6px}.chapter-toolbar .filter-tabs svg{width:12px;height:12px}.chapter-toolbar .filter-tabs span{font-size:9px}
.listen-scroll #screen-list{margin-top:0}
@media(max-width:359px){.chapter-toolbar .list-heading{gap:3px}.chapter-toolbar .search-wrap{width:64px;flex-basis:64px}.chapter-toolbar :is(#openBatchDownload,#showCurrentList){font-size:9px}.chapter-toolbar .filter-tabs button{font-size:9px;gap:2px}.chapter-toolbar .filter-tabs svg{width:11px;height:11px}}

/* Enlarge the playback strip by 1.5 while leaving the settings/navigation compact. */
.listen-controls .episode-heading{min-height:24px}.listen-controls .episode-heading h2{font-size:16.5px;line-height:24px}.listen-controls .player-state{font-size:13.5px;line-height:24px}.listen-controls .state-pill{font-size:13.5px;padding:0 4px}
.listen-controls .timeline{margin-right:10px}.listen-controls .timeline input{height:27px}.listen-controls .times{font-size:13.5px;line-height:16px}
.listen-controls .timeline input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7.5px}.listen-controls .timeline input::-moz-range-thumb{width:14px;height:14px}
.listen-controls .playback{height:45px;gap:3px}.listen-controls :is(.track-button,.skip-button){width:42px;height:45px;min-height:45px;min-width:42px}.listen-controls .track-button svg{width:24px;height:24px}.listen-controls .skip-button svg{width:33px;height:33px}.listen-controls .skip-button span{font-size:12px;top:15px}.listen-controls .play-main{width:45px;height:45px;min-width:45px}.listen-controls .play-main svg{width:24px;height:24px}
@media(max-width:359px){.listen-controls .playback{gap:2px}.listen-controls :is(.track-button,.skip-button){width:36px;min-width:36px}.listen-controls .play-main{width:40px;height:40px;min-width:40px}.listen-controls .timeline{margin-right:6px}.listen-controls .times{font-size:11px}}

.download-managed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.download-managed .tool-open{min-width:0;width:100%}.download-managed .tool-download{display:grid;place-items:center;align-self:center;font-size:10px;width:36px;height:36px}.tool-download-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px}.tool-download-actions button{font-size:11px;min-height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:7px}.tool-download-remove{color:var(--muted)}