/* A quiet, compact library, with exactly four books across at every screen width. */
:root{--bg:#e3ddd3;--paper:#f5f1e9;--ink:#282822;--muted:#665f55;--line:#c9c0b380;--soft:#e5ddd0;--accent:#6b5945;--glass:#fffaf25e;--header:#e3ddd3ec}
:root[data-theme=dark]{--bg:#24231f;--paper:#32312b;--ink:#f1ece1;--muted:#beb5a6;--line:#a99b813c;--soft:#494337;--accent:#dcc6a1;--glass:#cfc0a910;--header:#24231fec}
body{background:radial-gradient(ellipse at 5% 0%,#f8f3e48c,transparent 55%),var(--bg);background-attachment:fixed}
:root[data-theme=dark] body{background:radial-gradient(ellipse at 5% 0%,#81725a21,transparent 55%),var(--bg)}
.app-shell{max-width:760px}.app-header{padding:10px 12px 8px;background:var(--header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #ffffff38;gap:3px 6px}.app-header h1{font-size:20px;letter-spacing:-.6px}.app-header p{font-size:10px;letter-spacing:.15px}.app-header .icon-button{width:34px;height:36px;border-radius:50%;background:var(--glass)}#themeToggle{font-size:21px}.catalog-search-form{margin-top:7px}.catalog-search{background:var(--glass);border:1px solid #fff7;border-radius:22px;box-shadow:inset 0 1px 1px #fff3;height:37px;padding:0 12px}.catalog-search input{height:35px}.catalog-search input::placeholder{font-size:12px}.catalog-search button{height:34px}.catalog-suggestions{border-radius:15px}.main-menu{border-radius:15px;background:var(--paper)}main{padding:0 12px}
.entry-resume,body[data-player-ready=true][data-embedded=false] #entryResume{display:grid!important;grid-template-columns:47px minmax(0,1fr) auto;gap:10px;margin:12px 0 10px;padding:10px;border-radius:19px;background:var(--glass);border:1px solid #fff7;box-shadow:0 5px 15px #51452c08,inset 0 1px 0 #fff4;align-items:center}.entry-resume[hidden],body[data-player-ready=true][data-embedded=false] #entryResume[hidden]{display:none!important}#entryResumeCover{display:block;width:47px}.entry-resume>div{min-width:0}.entry-resume small{font-size:10px;text-transform:uppercase;letter-spacing:1px}.entry-resume strong{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;margin:4px 0}.entry-resume span{font-size:10px}.entry-resume button{background:var(--paper);border:1px solid #fff7;border-radius:16px;padding:6px 10px;min-height:32px;font-size:10px;box-shadow:0 2px 6px #413b2a09}.resume-progress{height:3px;background:var(--line);border-radius:3px;overflow:hidden;display:block!important;margin-top:7px}.resume-progress i{display:block;height:100%;background:var(--ink);border-radius:3px}
.business-shelf,body[data-view=choose] .business-shelf{margin-top:8px}.catalog-subjects{gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.catalog-subjects::-webkit-scrollbar{display:none}.subject-chip{border-radius:20px;background:var(--glass);border-color:var(--line);font-size:10px;min-height:30px}.catalog-subjects .subject-chip{padding:5px 8px;flex-shrink:0}.subject-chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.catalog-browse{gap:4px;margin:6px 0}.catalog-browse button{border:0;background:transparent;color:var(--muted);font-size:10px;min-height:28px;padding:4px 2px}.catalog-browse button:after{content:' ›';opacity:.6}.catalog-modes{background:var(--header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:0;padding:5px 0;margin:0 0 10px;gap:3px}.catalog-modes button{flex:1;border:1px solid var(--line);border-radius:18px;min-height:32px;font-size:10px;padding:5px 4px;background:var(--glass)}.catalog-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.catalog-result-heading{margin:10px 0 9px}.collection-heading{font-size:17px;letter-spacing:-.45px;font-weight:550;line-height:1.25;margin:0 0 2px}.catalog-result-heading #businessCount{font-size:10px}.catalog-result-heading select{border-radius:14px;background:var(--glass);border-color:var(--line);font-size:10px;min-height:30px;max-width:137px}.catalog-result-heading:has(#personalHeading:not([hidden])) .collection-heading{display:none}.active-filter{border-radius:12px;background:var(--glass);border:1px solid var(--line)}
#businessBooks.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:stretch}.catalog-grid>.catalog-book:not(.personal-row){padding:4px 4px 3px;min-height:0;border:1px solid #fff6;border-radius:13px;background:var(--glass);box-shadow:inset 0 1px 0 #fff3,0 3px 8px #4d412c06;overflow:hidden}.catalog-grid>.catalog-book.current-book{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.catalog-grid>.catalog-book .catalog-book-topic{display:none}.catalog-grid>.catalog-book:not(.personal-row) .catalog-heart{top:6px;right:5px;width:28px;height:28px;z-index:1;background:#f5f1e9e8;color:#443d33;border-radius:50%;box-shadow:0 1px 4px #0002}.catalog-grid>.catalog-book:not(.personal-row) .catalog-heart svg{width:14px;height:14px}.catalog-book-open{padding:0;min-height:0;flex:0 0 auto}.catalog-book-open h3{font-size:11px;font-weight:550;line-height:1.25;margin:5px 1px 0;-webkit-line-clamp:2;min-height:2.5em;overflow-wrap:break-word}.catalog-author{font-size:9px;line-height:1.3;margin:2px 1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-reader{font-size:9px;min-height:0;height:auto;margin:3px 1px 0;padding:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}button.catalog-reader{min-height:24px;white-space:normal;font-size:9px;text-decoration:underline;text-underline-offset:2px;line-height:1.2}.catalog-book-bottom{min-height:28px;gap:1px;margin-top:auto}.catalog-book-meta{font-size:8px;line-height:1.3;margin-left:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-book:not(.personal-row) .catalog-play{width:28px;height:28px;background:var(--paper)}.catalog-book:not(.personal-row) .catalog-play svg{width:15px;height:15px}.book-progress{height:2px;background:var(--line);border-radius:3px;overflow:hidden;display:block;margin:5px 1px 2px}.book-progress i{height:100%;display:block;background:var(--accent)}
.book-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:2/3;width:100%;min-width:0;overflow:hidden;border-radius:8px;color:var(--cover-ink);background:var(--cover-bg);box-shadow:inset 2px 0 3px #0003,0 1px 3px #0002;padding:12% 10%;isolation:isolate}.book-cover:before{content:'';position:absolute;inset:5px;border:1px solid currentColor;opacity:.2;z-index:-1}.book-cover:after{content:'';position:absolute;left:3px;top:0;bottom:0;width:1px;background:#fff4}.cover-author{font-size:7px;line-height:1.25;max-height:2.5em;overflow:hidden;opacity:.85;text-align:center}.cover-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(11px,3.4vw,23px);font-weight:650;line-height:1.13;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow-wrap:break-word}.cover-mark{font-size:5px;letter-spacing:1px;text-align:center;opacity:.65}.book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s}.book-cover.has-image img{opacity:1}.book-cover.has-image>span{visibility:hidden}#entryResumeCover .book-cover{border-radius:5px;padding:5px}#entryResumeCover .cover-title{font-size:9px}#entryResumeCover .cover-author{font-size:5px}#entryResumeCover .cover-mark{display:none}
#businessBooks.personal-list{gap:8px}.personal-list .personal-row{grid-template-columns:42px minmax(0,1fr) 76px 28px;gap:4px 8px;padding:8px;border:1px solid #fff5;border-radius:15px;background:var(--glass)}.personal-list .personal-row>.book-cover{align-self:center;border-radius:5px;grid-row:1}.personal-list .cover-title{font-size:8px}.personal-list .cover-author{font-size:5px}.personal-list .cover-mark{display:none}.personal-list .personal-play{width:76px;height:34px;font-size:10px;background:var(--paper)}.personal-list .catalog-book-open h3{font-size:12px;min-height:0;margin:0;line-height:1.35}.personal-position{font-size:10px}.personal-reader{font-size:9px}.personal-list .personal-row-action.catalog-heart{width:28px;background:transparent}.personal-progress{grid-column:2/-1;margin:0}.personal-list .personal-row.current-book{background:var(--soft)}
#screen-player.player-dock,:root[data-theme=dark] #screen-player.player-dock{width:min(736px,calc(100% - 20px));background:#272923;color:#f4f0e6;border:1px solid #ffffff26;border-radius:22px;padding:3px 12px 8px;box-shadow:0 8px 30px #28221633}.mini-player{gap:6px;min-height:53px}.mini-info strong{font-size:12px}.mini-info span{color:#c2bcae;font-size:10px}.mini-action{width:36px;height:38px}.mini-action svg{width:23px;height:23px}#screen-player .mini-play{background:#f4f0e6;color:#292b24;width:37px;height:37px}.mini-extras{padding:0 0 5px;gap:5px}.mini-extras button{background:#ffffff10;font-size:10px;min-height:27px;border-radius:13px;padding:3px 10px}.mini-extras svg{height:15px;width:15px}.mini-extras #miniSleep{min-width:83px}.mini-progress{background:#ffffff24;height:2px}.mini-progress i{background:#dbc8a5}dialog{background:var(--paper);border-color:var(--line);box-shadow:0 12px 60px #20190e33}.dialog-header{background:var(--paper)}.detail-primary{border-radius:18px}.detail-secondary{border-radius:18px}:is(.listen-scroll,.listen-controls) .episode-heading h2{font-size:14px}:is(.listen-scroll,.listen-controls) .play-main{background:var(--ink);color:var(--paper);box-shadow:0 3px 10px #322a2014}.business-policy{border:1px solid var(--line);border-radius:14px;background:var(--glass);padding:8px 10px}.stats-privacy{padding:0 3px;font-size:10px}#businessMore{border-radius:20px;background:var(--glass);border:1px solid var(--line);margin:14px auto 0;display:block;padding:8px 22px;min-height:36px}
@media(min-width:600px){.app-header{padding:15px 16px 10px}main{padding:0 16px}.catalog-grid>.catalog-book:not(.personal-row){padding:6px;border-radius:16px}#businessBooks.catalog-grid{gap:12px}.catalog-book-open h3{font-size:13px;margin-top:8px}.catalog-author,.catalog-reader{font-size:11px}.catalog-book-meta{font-size:10px}.book-cover{border-radius:11px}.cover-author{font-size:10px}.cover-mark{font-size:8px}.catalog-modes button{font-size:12px;min-height:35px}.subject-chip,.catalog-browse button{font-size:11px}.entry-resume,body[data-player-ready=true][data-embedded=false] #entryResume{grid-template-columns:51px minmax(0,1fr) auto;padding:12px}.entry-resume strong{font-size:15px}.entry-resume button{font-size:12px;padding:8px 16px}.entry-resume small{font-size:11px}.personal-list .personal-row{grid-template-columns:46px minmax(0,1fr) 90px 32px}.personal-list .personal-play{width:90px}.mini-info strong{font-size:13px}}
@media(max-width:359px){main{padding:0 8px}.app-header{padding-left:8px;padding-right:8px}#businessBooks.catalog-grid{gap:4px}.catalog-grid>.catalog-book:not(.personal-row){padding:3px;border-radius:10px}.catalog-book-open h3{font-size:10px}.catalog-author,.catalog-reader{font-size:8px}.catalog-book:not(.personal-row) .catalog-play{width:26px;height:26px}.catalog-grid>.catalog-book:not(.personal-row) .catalog-heart{width:26px;height:26px;top:4px;right:4px}.catalog-modes button{font-size:9px;padding:5px 3px}.catalog-subjects .subject-chip{padding:5px 6px;font-size:9px}.personal-list .personal-row{grid-template-columns:36px minmax(0,1fr) 68px 26px;gap:4px 5px}.personal-list .personal-play{width:68px;font-size:9px}.entry-resume,body[data-player-ready=true][data-embedded=false] #entryResume{gap:7px;grid-template-columns:40px minmax(0,1fr) auto;padding:8px}.entry-resume button{padding:5px 7px;font-size:9px}.entry-resume strong{font-size:12px}#entryResumeCover{width:40px}}
@media(prefers-reduced-motion:reduce){.book-cover img{transition:none}}
:root[data-theme=dark] .catalog-grid>.catalog-book:not(.personal-row),:root[data-theme=dark] .personal-list .personal-row,:root[data-theme=dark] .entry-resume{border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff08}
/* Direct topic navigation replaces the old resume/pills/directory area. */
.catalog-categories{margin:2px 0 10px}.category-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}.category-heading h2,.category-heading h3{font-size:12px;font-weight:600;margin:0}.category-heading h3{color:var(--muted);font-size:11px}.catalog-subjects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible}.subject-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;min-height:48px;padding:7px 8px;border:1px solid var(--line);border-radius:11px;background:var(--glass);text-align:left;line-height:1.25}.subject-tile>span{font-size:10px;font-weight:550}.subject-tile small{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.subject-tile[aria-pressed=true],.topic-tile[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.subject-tile[aria-pressed=true] small,.topic-tile[aria-pressed=true] small{color:inherit;opacity:.7}.catalog-subtopics{margin-top:10px}.catalog-topic-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.topic-tile,.topic-more{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:34px;font-size:10px;line-height:1.3;border:1px solid var(--line);border-radius:9px;background:var(--glass);padding:6px 8px;text-align:left}.topic-tile small{font-size:9px;color:var(--muted);flex-shrink:0}.topic-more{justify-content:center;border-style:dashed;color:var(--muted)}
/* Small cover belongs to the actual playing work in both sizes of the player. */
#miniCover{display:block;flex:0 0 31px;width:31px;height:43px;padding:0;min-height:0;border-radius:5px;overflow:hidden;margin-right:3px}.player-cover-button .book-cover,.listen-cover .book-cover{height:100%;width:100%;border-radius:4px}.player-cover-button .cover-title,.listen-cover .cover-title{font-size:6px;line-height:1.1}.player-cover-button .cover-author,.listen-cover .cover-author,.player-cover-button .cover-mark,.listen-cover .cover-mark{display:none}.listen-cover{display:block;width:28px;height:39px;flex-shrink:0}.mini-info{min-width:0}.mini-info strong{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mini-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.listen-dialog{width:min(600px,calc(100% - 16px));max-height:86dvh;margin:auto auto max(8px,env(safe-area-inset-bottom,0px));border-radius:22px}.listen-dialog .dialog-header{padding-left:10px}.listen-dialog .dialog-header h2{font-size:13px}
/* A familiar search box, with explicit submit, clear, completion and history removal. */
.catalog-search .search-submit{display:grid;place-items:center;flex:0 0 27px;width:27px;min-width:0;padding:0}.search-submit svg{width:18px;height:18px;color:var(--muted)}.catalog-search{gap:4px;padding-left:7px}.catalog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--line)}.catalog-suggestions{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}.suggestion-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.search-suggestion{border:0;display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:7px 10px;min-height:49px}.search-suggestion[aria-selected=true],.search-suggestion:hover{background:var(--soft)}.suggestion-copy{display:block;min-width:0}.suggestion-copy strong{font-size:12px;line-height:1.4;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestion-copy small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.search-suggestion>.book-cover{width:25px;height:36px;flex:0 0 25px;border-radius:3px}.search-suggestion .cover-title{font-size:5px}.search-suggestion .cover-author,.search-suggestion .cover-mark{display:none}.suggestion-symbol{font-size:21px;color:var(--muted);width:25px;text-align:center;flex-shrink:0}.suggestion-fill{flex:0 0 42px;width:42px;min-height:44px;font-size:20px;color:var(--muted)}.suggestion-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;font-size:10px;color:var(--muted)}.clear-search-history{font-size:10px;min-height:28px;text-decoration:underline}.suggestion-empty{padding:12px;margin:0;font-size:12px;color:var(--muted)}.search-correction{font-size:11px;line-height:1.5;margin:8px 0;color:var(--muted)}.correction-link{font-size:12px;text-align:left;color:var(--ink);text-decoration:underline;min-height:32px;padding:0 2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(min-width:600px){.subject-tile>span{font-size:12px}.subject-tile small{font-size:10px}.subject-tile{min-height:50px;padding:8px 10px}.catalog-subjects{gap:7px}.catalog-topic-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-tile,.topic-more{font-size:11px}.listen-dialog{margin:auto;max-height:86dvh}}
@media(max-width:359px){.subject-tile{padding:6px;min-height:48px}.subject-tile>span{font-size:9px}.catalog-topic-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#screen-player.player-dock{padding-left:9px;padding-right:9px}.mini-action{width:32px}.mini-info strong{font-size:11px}}
/* Personal tools replace the duplicated navigation menu. */
.app-header #openMenu.personal-trigger{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:70px;padding:0 10px;border:1px solid var(--line);border-radius:20px}.personal-trigger svg{width:17px;height:17px}.personal-trigger>span{font-size:10px}.personal-trigger.has-downloads:after{content:'';position:absolute;right:5px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--paper)}.personal-tools-dialog{width:min(520px,calc(100% - 16px));max-height:86dvh;margin:auto auto max(8px,env(safe-area-inset-bottom,0px));border-radius:22px}.personal-tools-dialog[open]{display:flex;flex-direction:column}.personal-tools-body{overflow-y:auto;overscroll-behavior:contain;padding:0 12px 12px}.personal-tool-section{border-bottom:1px solid var(--line);padding:13px 0}.personal-tool-section h3{font-size:12px;font-weight:600;margin:0 0 9px}.personal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.personal-summary>div{display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:12px;background:var(--soft);padding:10px 4px}.personal-summary strong{font-size:21px;font-weight:550;font-variant-numeric:tabular-nums}.personal-summary span{font-size:9px;color:var(--muted);text-align:center}.tool-heading{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:4px}.tool-heading h3{margin:0}.tool-heading>span{font-size:10px;color:var(--muted)}#bookmarkCount{display:inline-block;border-radius:8px;background:var(--soft);padding:2px 6px;font-size:10px;margin-left:4px}#bookmarkCurrent{font-size:10px;line-height:1.5;margin:7px 0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-save{display:flex;gap:6px;margin:7px 0}.bookmark-save input{flex:1;min-width:0;width:0;height:37px;border:1px solid var(--line);border-radius:10px;background:var(--glass);color:var(--ink);font-size:16px;padding:7px 9px}.bookmark-save input::placeholder{font-size:11px}.bookmark-save button{min-height:37px;padding:6px 10px;font-size:11px;border-radius:10px;background:var(--ink);color:var(--paper);flex-shrink:0}.bookmark-save button:disabled{opacity:.4}.personal-empty,.tool-note{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0}.tool-note{font-size:10px}.tool-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);min-height:59px;padding:6px 0}.tool-row:last-child{border-bottom:0}.tool-open{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;padding:2px;min-height:44px}.tool-open:disabled{opacity:1;cursor:default}.tool-open>.book-cover{flex:0 0 30px;width:30px;height:44px;border-radius:4px}.tool-open .cover-title{font-size:6px}.tool-open .cover-author,.tool-open .cover-mark{display:none}.tool-copy{display:block;flex:1;min-width:0}.tool-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.4;font-weight:550}.tool-copy>span,.tool-copy small{font-size:10px;line-height:1.4;color:var(--muted);display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:2px}.tool-action{font-size:21px;color:var(--muted);width:34px;min-height:38px;flex-shrink:0}.tool-download{flex-shrink:0}.tool-more{display:block;margin:5px auto 0;font-size:10px;min-height:32px;text-decoration:underline;color:var(--muted)}.completed-work{display:flex;align-items:center;gap:8px;width:100%;text-align:left;min-height:40px;padding:6px 0;font-size:11px;border-bottom:1px solid var(--line)}.completed-work>.book-cover{width:20px;height:28px;flex:0 0 20px;border-radius:3px}.completed-work>.book-cover .cover-author,.completed-work>.book-cover .cover-mark{display:none}.completed-work>.book-cover .cover-title{font-size:4px}.completed-work>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-work small{color:var(--accent)}.tool-privacy{font-size:9px;line-height:1.6;color:var(--muted);margin:10px 0}.owner-tools{border-top:1px solid var(--line);padding:9px 0 0}.owner-tools h3{font-size:9px;color:var(--muted);font-weight:500;margin:0 0 3px}.owner-tools a{display:block;font-size:11px;color:var(--ink);text-decoration:none;min-height:32px;padding:7px 0}.listen-scroll #addBookmark{display:flex;align-items:center;gap:4px;font-size:11px;min-height:36px}.listen-scroll #addBookmark svg{width:14px;height:14px}@media(min-width:600px){.personal-tools-dialog{margin:auto}.personal-summary span{font-size:10px}.tool-copy strong{font-size:12px}.tool-copy small,.tool-copy>span{font-size:11px}.tool-open>.book-cover{width:32px;height:47px;flex-basis:32px}}
/* Percentage padding for grid covers must not enlarge covers inside compact flex rows. */
.tool-open>.book-cover,.search-suggestion>.book-cover{padding:3px}.completed-work>.book-cover{padding:2px}

/* Save feedback: one lightweight bookmark flies into the personal tools entry. */
.bookmark-flight-layer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:visible;background:transparent;color:var(--ink);pointer-events:none!important;z-index:2147483000}.bookmark-flight-layer::backdrop{background:transparent;pointer-events:none}.flying-bookmark{position:absolute;left:0;top:0;width:32px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:var(--paper);border:1px solid #dfc68b;box-shadow:0 5px 14px #0003;animation:bookmark-flight 950ms cubic-bezier(.25,.65,.25,1) both;will-change:transform,opacity}.flying-bookmark svg{width:23px;height:27px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bookmark-flight-destination{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #c5b28a;border-radius:22px;background:var(--paper);color:var(--ink);font-family:inherit;font-size:10px;font-weight:600;line-height:1.3;box-shadow:0 0 0 4px #d4bd8520;animation:bookmark-destination 1400ms ease both}.app-header #openMenu.bookmark-received{animation:bookmark-arrival 500ms ease both}@keyframes bookmark-flight{0%{opacity:0;transform:translate(var(--flight-sx),var(--flight-sy)) rotate(-12deg) scale(.7)}10%{opacity:1}55%{opacity:1;transform:translate(var(--flight-mx),var(--flight-my)) rotate(18deg) scale(1.1)}100%{opacity:0;transform:translate(var(--flight-tx),var(--flight-ty)) rotate(0) scale(.2)}}@keyframes bookmark-destination{0%{opacity:0;transform:scale(.95)}20%,65%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 9px #d4bd8520}100%{opacity:0;transform:scale(1)}}@keyframes bookmark-arrival{0%,100%{box-shadow:0 0 0 0 #b89a5e00}45%{box-shadow:0 0 0 7px #b89a5e40}}.bookmark-flight-layer.reduced-motion .flying-bookmark{display:none}.bookmark-flight-layer.reduced-motion .bookmark-flight-destination{animation:bookmark-destination-still 600ms ease both}@keyframes bookmark-destination-still{0%,100%{opacity:0}20%,80%{opacity:1}}@media(prefers-reduced-motion:reduce){.app-header #openMenu.bookmark-received{animation:bookmark-arrival 400ms ease both}}

/* Native range control: drag or tap the progress without opening the full player. */
#screen-player .mini-progress{position:relative;height:24px;overflow:visible;background:transparent;border-radius:0;margin:0;touch-action:pan-y}
#screen-player .mini-progress::before{content:'';position:absolute;left:0;right:0;top:11px;height:2px;border-radius:2px;background:#ffffff24;pointer-events:none}
#screen-player .mini-progress i{position:absolute;top:11px;left:0;height:2px;background:#dbc8a5;pointer-events:none}
#miniSeek{position:absolute;inset:0;width:100%;height:24px;margin:0;padding:0;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent;touch-action:pan-y}
#miniSeek::-webkit-slider-runnable-track{height:2px;background:transparent}#miniSeek::-moz-range-track{height:2px;background:transparent}
#miniSeek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;background:#f4f0e6;border:2px solid #dbc8a5;border-radius:50%}#miniSeek::-moz-range-thumb{width:9px;height:9px;background:#f4f0e6;border:2px solid #dbc8a5;border-radius:50%}
#miniSeek:disabled{opacity:.35;cursor:default}#miniSeek:focus-visible{outline:1px solid #dbc8a5;outline-offset:1px;border-radius:4px}