/* Refined Library: book details and reading sessions only.
   The restrained primary fill preserves white-text contrast; the brighter
   wordmark violet is reserved for fine accents, never large action surfaces. */
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end,#readingTimerDock.reading-library-dock){
 --rl-surface:#17162e;
 --rl-panel:#211f38;
 --rl-field:#25223c;
 --rl-line:#514761;
 --rl-ink:#f6f3ff;
 --rl-muted:#c3b9d3;
 --rl-lavender:#b8a0df;
 --rl-accent:#a87efb;
 --rl-primary-start:#7962ac;
 --rl-primary-end:#70589c;
 --rl-gold:#e8c586;
 --rl-danger:#efb5c2;
 --rl-page-pad:24px;
 --paper:var(--rl-surface);
 --surface:var(--rl-panel);
 --ink:var(--rl-ink);
 --text:var(--rl-ink);
 --muted:var(--rl-muted);
 --line:var(--rl-line);
 --border:var(--rl-line);
 --accent:var(--rl-lavender);
 --accent-hover:#cebae9;
 --accent-soft:#2c2642;
 --accent-border:#6c597e;
 --books-font:var(--sans,'DM Sans',Arial,sans-serif);
 --book-field:var(--rl-panel);
 --book-panel:#29243f;
 --book-border:var(--rl-line);
 --book-ink:var(--rl-ink);
 --book-muted:var(--rl-muted);
 --book-action:var(--rl-lavender);
 --book-action-hover:#cebae9;
 --book-action-text:#fff;
 --timer-soft:var(--rl-panel);
 --timer-field:var(--rl-field);
 --timer-border:var(--rl-line);
 --timer-action:var(--rl-lavender);
 --timer-on-action:#fff;
 --timer-play-ink:#fff;
 box-sizing:border-box;
 color:var(--rl-ink);
 color-scheme:dark;
 font-family:var(--books-font);
 scrollbar-width:thin;
 scrollbar-color:#776684 var(--rl-surface);
}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end){
 padding:0;
 border:1px solid #77638f;
 border-radius:22px;
 background:var(--rl-surface)!important;
 box-shadow:0 24px 90px #08081785;
 overflow-x:hidden;
 overflow-y:auto;
 overscroll-behavior:contain;
 scroll-padding-block:112px 24px;
}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end)::backdrop{background:#090a1bc7;backdrop-filter:blur(6px);}
html #bookDialog.reading-library-book{width:min(660px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);}
/* Preserve the phone-preview and visual-viewport rectangle established by app.js. */
html #bookDialog.reading-library-book.compact-book-dialog{width:min(480px,calc(var(--book-dialog-width,100vw) - 24px));max-width:calc(var(--book-dialog-width,100vw) - 24px);max-height:min(860px,calc(var(--book-dialog-height,100dvh) - 24px));}
html #readingTimerDialog.reading-library-timer{width:min(560px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) :is(h2,h3,h4){font-family:var(--books-font);color:var(--rl-ink);font-weight:650;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) :is(p,dd,dt,label,small){overflow-wrap:anywhere;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end,#readingTimerDock.reading-library-dock) button{font-family:inherit;min-height:44px;white-space:normal;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) :is(button,a,input,select,textarea,summary):focus-visible,
html #readingTimerDock.reading-library-dock button:focus-visible{outline:3px solid #cdb8e9!important;outline-offset:3px;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) .button{
 min-width:0;
 min-height:46px;
 padding:11px 16px;
 border:1px solid var(--rl-line);
 border-radius:11px;
 background:var(--rl-panel);
 color:var(--rl-ink);
 font:600 13px/1.45 var(--books-font);
 white-space:normal;
 box-shadow:none;
 transform:none;
 filter:none;
 transition:border-color .16s,background-color .16s;
}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) .button.primary,
html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions .book-reading-primary{
 border:1px solid #a18abf;
 background:linear-gradient(115deg,var(--rl-primary-start),var(--rl-primary-end));
 color:#fff;
 box-shadow:inset 0 1px 0 #ffffff12;
}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) .button.primary:hover:enabled,
html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions .book-reading-primary:hover:enabled{border-color:#d3c0ed;background:linear-gradient(115deg,var(--rl-primary-start),var(--rl-primary-end));color:#fff;filter:none;transform:none;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) .button:is(.light,.secondary){border-color:#6b5b82;background:#252139;color:#e2d5f3;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) .button:is(.light,.secondary):hover:enabled{border-color:#b29bcf;background:#2b2540;filter:none;transform:none;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) button:disabled{opacity:.5;cursor:default;filter:none;transform:none;}

/* All four book tabs and all timer states share real dark form surfaces. */
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
 box-sizing:border-box;
 width:100%;
 min-width:0;
 max-width:100%;
 min-height:44px;
 padding:10px 12px;
 border:1px solid #6d5f83;
 border-radius:9px;
 background:var(--rl-field);
 color:var(--rl-ink);
 font:400 14px/1.5 var(--books-font);
 box-shadow:inset 0 1px 2px #0a091b20;
 caret-color:#eee6fb;
}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) :is(input,select,textarea):focus{border-color:#c2a7e6;box-shadow:0 0 0 2px #b8a0df20;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) :is(input,textarea)::placeholder{color:#b4a7c5;opacity:1;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) textarea{resize:vertical;min-height:96px;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) :is(select,option){background:var(--rl-field);color:var(--rl-ink);}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) :is(input[type="checkbox"],input[type="radio"]){accent-color:#9c84bf;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) label{min-width:0;color:#ddd4eb;font:500 13px/1.5 var(--books-font);}
html #bookDialog.reading-library-book :is(label small,.placement-hint){font-size:12px;color:var(--rl-muted);}
html #bookDialog.reading-library-book .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;}
html #bookDialog.reading-library-book :is(.form-grid,.book-session-form)>label{display:flex;flex-direction:column;min-width:0;gap:7px;}
html #bookDialog.reading-library-book .form-grid>.full-width{grid-column:1/-1;}
html #bookDialog.reading-library-book summary{min-height:44px;padding-block:12px;color:#dfd1ef;font-size:13px;font-weight:600;line-height:1.5;}
html #bookDialog.reading-library-book summary::marker{color:var(--rl-lavender);}

/* Shallow library artwork and a book cover overlapping its lower edge. */
html #bookDialog.reading-library-book #bookForm{margin:0;padding:0 var(--rl-page-pad) 20px;}
html #bookDialog.reading-library-book #bookForm>.dialog-header,
html #readingTimerDialog.reading-library-timer>.reading-library-timer-header{
 position:sticky;
 top:0;
 z-index:12;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 height:auto;
 min-height:56px;
 margin:0;
 padding:6px 15px 6px 22px;
 border-bottom:1px solid #88719d3d;
 background:#17162e;
 color:#dfd3ee;
}
html #bookDialog.reading-library-book #bookForm>.dialog-header{margin-inline:calc(-1 * var(--rl-page-pad));}
html #bookDialog.reading-library-book .dialog-header .eyebrow,
html #readingTimerDialog.reading-library-timer .reading-library-timer-header .eyebrow,
html #readingTimerDialog.reading-library-timer .reading-library-timer-header>span{color:#d5c6e8;font-size:11px;font-weight:650;letter-spacing:.12em;line-height:1.5;}
html #bookDialog.reading-library-book .dialog-header .icon-button,
html #readingTimerDialog.reading-library-timer #readingTimerMinimize{
 position:static;
 display:grid;
 place-items:center;
 flex:0 0 44px;
 width:44px;
 height:44px;
 min-height:44px;
 margin:0;
 padding:0;
 border:1px solid transparent;
 border-radius:10px;
 background:transparent;
 color:#e2d6f1;
 font-size:22px;
 line-height:1;
 box-shadow:none;
}
html #bookDialog.reading-library-book .dialog-header .icon-button:hover,
html #readingTimerDialog.reading-library-timer #readingTimerMinimize:hover{background:#2a243d;border-color:#80708d;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) .reading-library-banner{position:relative;isolation:isolate;overflow:hidden;height:176px;background:#15152a;}
html #bookDialog.reading-library-book .reading-library-banner{margin-inline:calc(-1 * var(--rl-page-pad));}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) .reading-library-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:none;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) .reading-library-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,#17162e);}
html #bookDialog.reading-library-book .book-detail-top.reading-library-book-hero{
 position:relative;
 display:grid;
 grid-template-columns:148px minmax(0,1fr);
 align-items:start;
 gap:22px;
 min-width:0;
 margin:-50px 0 22px;
 padding:0;
 border:0;
 border-radius:0;
 background:none;
 overflow:visible;
}
html #bookDialog.reading-library-book .reading-library-book-hero #detailCover{width:148px;height:218px;min-width:0;margin:0;border:1px solid #a797bb80;border-radius:6px;transform:none;box-shadow:0 10px 24px #08071466;}
html #bookDialog.reading-library-book #detailCover .cover-art{width:100%;height:100%;border-radius:inherit;}
html #bookDialog.reading-library-book #detailCover .cover-art img{width:100%;height:100%;object-fit:contain;background:#18162b;}
html #bookDialog.reading-library-book .reading-library-book-hero .book-hero-copy{min-width:0;padding-top:54px;}
html #bookDialog.reading-library-book .book-title-row{display:flex;align-items:flex-start;gap:10px;min-width:0;}
html #bookDialog.reading-library-book .book-title-row #detailTitle{flex:1;min-width:0;margin:0;color:var(--rl-ink);font:700 28px/1.22 var(--books-font);letter-spacing:-.035em;overflow-wrap:anywhere;}
html #bookDialog.reading-library-book .reading-library-book-hero #detailAuthor{margin:7px 0 10px;color:#d1c4e1;font-size:14px;line-height:1.5;}
html #bookDialog.reading-library-book .book-title-row #bookFavorite{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:-4px 0 0;padding:9px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--rl-lavender);}
html #bookDialog.reading-library-book #bookFavorite svg{display:block;width:24px;height:24px;fill:none;stroke:#b8a0df;stroke-width:1.6;filter:none;}
html #bookDialog.reading-library-book #bookFavorite[aria-pressed="true"]{border-color:#8c73b34d;background:#8e72b412;}
html #bookDialog.reading-library-book #bookFavorite[aria-pressed="true"] svg{fill:#a791c9;stroke:#c1abe4;filter:none;}
html #bookDialog.reading-library-book #bookFavorite:hover{border-color:#b39acb;background:#9d80bb16;}
/* Keep the favorite's text in its accessible name while showing the compact heart. */
html #bookDialog.reading-library-book #bookFavorite>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
html #bookDialog.reading-library-book #bookSnapshotStatus{display:inline-flex;align-items:center;min-height:28px;max-width:100%;padding:5px 10px;border:1px solid #84709b60;border-radius:9px;background:#2b2540;color:#e4d7f3;font-size:12px;line-height:1.4;text-align:left;}
html #bookDialog.reading-library-book .reading-library-book-hero #detailRating{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:7px -5px 6px;min-height:44px;color:var(--rl-gold);text-shadow:none;}
html #bookDialog.reading-library-book #detailRating .book-rating-star{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:10px;border-radius:8px;color:var(--rl-gold);}
html #bookDialog.reading-library-book #detailRating .book-rating-star:hover{background:#c5a66f12;}
html #bookDialog.reading-library-book .book-rating-glyph,
html #bookDialog.reading-library-book .book-rating-glyph>svg{width:24px;height:24px;}
html #bookDialog.reading-library-book .book-rating-glyph>svg{stroke:#b4a5be;fill:none;}
html #bookDialog.reading-library-book .book-rating-fill{height:24px;}
html #bookDialog.reading-library-book .book-rating-fill svg{width:24px;height:24px;max-width:none;fill:var(--rl-gold);stroke:var(--rl-gold);}
html #bookDialog.reading-library-book .book-rating-value{font-size:11px;color:var(--rl-muted);margin:0 5px;line-height:1.5;}
html #bookDialog.reading-library-book .book-hero-progress{margin:7px 0 0;}
html #bookDialog.reading-library-book #bookSnapshotProgress{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;font-size:13px;line-height:1.5;}
html #bookDialog.reading-library-book #bookSnapshotProgress :is(strong,b){display:inline;color:var(--rl-ink);font-size:16px;font-weight:650;line-height:1.5;letter-spacing:0;}
html #bookDialog.reading-library-book #bookSnapshotProgress .book-progress-pages{color:#d9d0e8;font-size:13px;}
html #bookDialog.reading-library-book #bookSnapshotProgress .book-progress-percent{color:#eee7f8;font-size:14px;font-weight:650;}
html #bookDialog.reading-library-book .book-snapshot-track{height:8px;margin:8px 0 0;border:1px solid #8b71952b;border-radius:99px;background:#302943;}
html #bookDialog.reading-library-book .book-snapshot-track>span,
html #bookDialog.reading-library-book .book-reading-track>span{border-radius:inherit;background:linear-gradient(90deg,#927abf,#a88bcf);}

/* Stable, readable tabs and a single clear Book overview column. */
html #bookDialog.reading-library-book #bookForm>.book-detail-tabs{position:sticky;top:56px;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 20px;padding:0 5px;border:1px solid #65547570;border-bottom-color:#69567890;border-radius:13px 13px 0 0;background:#211e35;box-shadow:none;}
html #bookDialog.reading-library-book #bookForm>.book-detail-tabs button{position:relative;min-width:0;min-height:48px;padding:12px 6px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#d3c8e3;font-size:13px;font-weight:500;line-height:1.5;}
html #bookDialog.reading-library-book #bookForm>.book-detail-tabs button[aria-selected="true"]{border-bottom-color:#aa8bce;background:#9a7eb215;color:#fff;font-weight:700;box-shadow:none;}
html #bookDialog.reading-library-book #bookForm>.book-detail-tabs button:hover{color:#fff;background:#9a7eb218;}
html #bookDialog.reading-library-book [role="tabpanel"]{min-width:0;scroll-margin-top:112px;}
html #bookDialog.reading-library-book [role="tabpanel"] .book-panel-card{min-width:0;max-width:100%;margin:0 0 16px;padding:20px;border:1px solid #77638750;border-radius:14px;background:#1e1c33;box-shadow:none;color:var(--rl-ink);}
html #bookDialog.reading-library-book #bookOverviewPanel .book-overview-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-overview-grid>.book-panel-card{grid-column:1;grid-row:auto;order:0;width:100%;min-height:0;margin:0;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-about-card{border:0;border-bottom:1px solid #77638750;border-radius:0;padding:0 8px 19px;background:transparent;}
html #bookDialog.reading-library-book .book-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px;}
html #bookDialog.reading-library-book .book-section-heading>div{min-width:0;}
html #bookDialog.reading-library-book .book-section-heading>span{white-space:normal;color:var(--rl-muted);font-size:12px;}
html #bookDialog.reading-library-book [role="tabpanel"] .book-panel-card :is(h3,h4){color:var(--rl-ink);font-family:var(--books-font);letter-spacing:-.015em;}
html #bookDialog.reading-library-book [role="tabpanel"] .book-panel-card h3{font-size:18px;font-weight:650;line-height:1.4;margin:0;}
html #bookDialog.reading-library-book [role="tabpanel"] .book-panel-card p{color:var(--rl-muted);font-size:13px;line-height:1.7;}
html #bookDialog.reading-library-book .book-section-kicker{color:var(--rl-lavender);font-size:9px;font-weight:600;letter-spacing:.11em;line-height:1.6;margin:0 0 6px;}
html #bookDialog.reading-library-book #bookSynopsis{max-height:17.5em;margin:0 0 9px;padding:0 7px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#967ba7 #211c33;color:#ded5ec;font-size:14px;line-height:1.75;}
html #bookDialog.reading-library-book #bookSynopsis[data-empty="true"]{color:var(--rl-muted);}
html #bookDialog.reading-library-book #bookSynopsis:focus-visible{outline:3px solid #cdb8e9;outline-offset:3px;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-about-card .book-metadata-notice{margin:12px 0 4px;color:#bcb0cc;font-size:11px;line-height:1.65;}
html #bookDialog.reading-library-book .book-text-action{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;color:var(--rl-lavender);font-size:12px;line-height:1.5;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-place-card{background:#1e1c33;padding:18px;}
html #bookDialog.reading-library-book #bookUpdatePage{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:auto;max-width:100%;min-height:44px;margin:0;padding:9px 12px;border:1px solid #7e6a92;border-radius:9px;background:#252139;color:#e2d5f0;font-size:12px;line-height:1.5;box-shadow:none;}
html #bookDialog.reading-library-book #bookUpdatePage:hover{border-color:#c0a8dc;background:#2d2541;color:#fff;box-shadow:none;}
html #bookDialog.reading-library-book #bookUpdatePageValue{padding-left:12px;border-left:1px solid #74618480;font-size:14px;font-weight:600;color:#f4edfc;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;background:none;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions button{display:flex;align-items:center;justify-content:center;gap:9px;flex:none;min-width:0;min-height:46px;margin:0;padding:11px 14px;border:1px solid #79658d;border-radius:11px;background:#252139;color:#eadff7;font:600 13px/1.5 var(--books-font);}
html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions button:hover:enabled{border-color:#b9a0d3;background:#2b2540;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions .book-reading-primary{width:100%;min-height:48px;font-size:16px;}
html #bookDialog.reading-library-book .book-hero-actions svg{width:20px;height:20px;flex:none;stroke-width:1.7;}
html #bookDialog.reading-library-book .book-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
html #bookDialog.reading-library-book .book-more-actions{padding:0;border-top:1px solid #77638736;}
html #bookDialog.reading-library-book .book-more-actions>summary{color:var(--rl-muted);font-size:12px;}
html #bookDialog.reading-library-book .book-more-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:2px 0 10px;}
html #bookDialog.reading-library-book .book-reading-details{margin-top:12px;border-top:1px solid #77638736;}
html #bookDialog.reading-library-book #bookSnapshotDates{margin:10px 0 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
html #bookDialog.reading-library-book #bookSnapshotDates dt{font-size:11px;color:var(--rl-muted);}
html #bookDialog.reading-library-book #bookSnapshotDates dd{font-size:13px;line-height:1.5;color:var(--rl-ink);}
html #bookDialog.reading-library-book #bookOverviewPanel .book-thoughts-card{background:#211e36;}
html #bookDialog.reading-library-book #bookThoughtsPreview :is(.book-note-preview,blockquote){color:#ded4eb;font-size:14px;line-height:1.7;}
html #bookDialog.reading-library-book #bookThoughtsPreview blockquote{border-color:#ac93c7;}
html #bookDialog.reading-library-book .book-meta-chips{gap:7px;margin:0 0 16px;}
html #bookDialog.reading-library-book .book-meta-chips span,
html #bookDialog.reading-library-book .book-meta-chips span:first-child{border:1px solid #75618b5c;border-radius:8px;background:#28213b;color:#dfd2ec;font-size:11px;padding:6px 9px;}
html #bookDialog.reading-library-book .book-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;}
html #bookDialog.reading-library-book .book-facts dt{font-size:11px;color:var(--rl-muted);}
html #bookDialog.reading-library-book .book-facts dd{font-size:13px;line-height:1.6;color:#e9e0f5;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-share-card{display:block;margin-top:16px;background:#1e1c33;border-color:#77638750;}
html #bookDialog.reading-library-book .book-share-card .book-export-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px;}
html #bookDialog.reading-library-book .book-share-card .book-export-actions .button{flex:1 1 150px;width:auto;min-height:44px;font-size:12px;}
html #bookDialog.reading-library-book .book-share-card .button.primary{border-color:#a18abf;background:linear-gradient(115deg,var(--rl-primary-start),var(--rl-primary-end));color:#fff;}
html #bookDialog.reading-library-book .book-share-card .button.primary:hover:enabled{border-color:#d3c0ed;background:linear-gradient(115deg,var(--rl-primary-start),var(--rl-primary-end));color:#fff;filter:none;transform:none;}
html #bookDialog.reading-library-book #bookOverviewPanel .book-digital-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}
html #bookDialog.reading-library-book .book-digital-links a{flex:1 1 165px;min-width:0;min-height:44px;justify-content:center;white-space:normal;padding:9px 12px;border:1px solid #736184;border-radius:10px;background:#242037;color:#e4d8f1;font-size:12px;line-height:1.5;}
html #bookDialog.reading-library-book .book-digital-links a:hover{background:#2c2540;border-color:#b29acb;}
html #bookDialog.reading-library-book .book-digital-links svg{background:transparent;color:var(--rl-lavender);padding:0;width:18px;height:18px;box-sizing:border-box;}
html #bookDialog.reading-library-book #bookLinkDigitalCopy{min-height:44px;padding:9px 4px;color:var(--rl-lavender);font-size:12px;}
html #bookDialog.reading-library-book .book-reading-links a{min-height:44px;background:#2a233e;color:#d9c5ed;font-size:12px;}
html #bookDialog.reading-library-book .book-imported-information :is(summary,dt,dd){font-size:12px;line-height:1.7;color:var(--rl-muted);}

/* Reading history, notes, and management remain functional in the same palette. */
html #bookDialog.reading-library-book #bookReadingPanel .book-reading-launch{grid-template-columns:minmax(0,1fr);gap:14px;background:#262039;border-color:#77638770;}
html #bookDialog.reading-library-book .book-reading-launch>.button{margin:0;}
html #bookDialog.reading-library-book #bookProgressPercent{color:#c5afe2;font-size:28px;}
html #bookDialog.reading-library-book .book-reading-track{height:8px;background:#332b46;}
html #bookDialog.reading-library-book .book-reading-stats{gap:16px;margin:18px 0 0;}
html #bookDialog.reading-library-book .book-reading-stats strong{color:var(--rl-ink);font-size:24px;}
html #bookDialog.reading-library-book .book-reading-stats span{color:var(--rl-muted);font-size:12px;}
html #bookDialog.reading-library-book .book-week-chart{gap:7px;}
html #bookDialog.reading-library-book .book-chart-bar{border-color:var(--rl-line);}
html #bookDialog.reading-library-book .book-chart-bar i{background:linear-gradient(#a48dcb,#7f6b9f);}
html #bookDialog.reading-library-book .book-chart-day>span{color:#e8dff4;font-size:12px;}
html #bookDialog.reading-library-book .book-chart-day small{color:var(--rl-muted);font-size:11px;}
html #bookDialog.reading-library-book #bookReadingSessions{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;}
html #bookDialog.reading-library-book .reading-session-table{width:100%;min-width:370px;color:#e6ddf0;}
html #bookDialog.reading-library-book .reading-session-table :is(th,td){font-size:12px;padding:9px 6px;border-color:#5c4d6e66;}
html #bookDialog.reading-library-book .reading-session-table th{color:var(--rl-muted);font-weight:500;}
html #bookDialog.reading-library-book .reading-session-icon{width:44px;height:44px;min-height:44px;color:var(--rl-lavender);border:1px solid transparent;background:#30254166;}
html #bookDialog.reading-library-book .reading-session-icon:hover{border-color:#b49acc;background:#31283f;}
html #bookDialog.reading-library-book .reading-session-icon.reading-session-delete{color:var(--rl-danger);}
html #bookDialog.reading-library-book .reading-session-note-row td{background:#29233b;}
html #bookDialog.reading-library-book .reading-session-note-row p{color:#e2d7ee;font-size:13px;}
html #bookDialog.reading-library-book .book-session-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
html #bookDialog.reading-library-book .book-session-form>label:nth-child(3){grid-column:1/-1;}
html #bookDialog.reading-library-book .book-session-form>.button{min-height:46px;}
html #bookDialog.reading-library-book .book-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0 0;padding:17px 0 0;border-top:1px solid var(--rl-line);}
html #bookDialog.reading-library-book .book-hero-facts dt{color:var(--rl-muted);font-size:11px;}
html #bookDialog.reading-library-book .book-hero-facts dd{color:var(--rl-ink);font-size:13px;}
html #bookDialog.reading-library-book .book-read-history .book-read-marker{width:34px;height:34px;background:#32283f;color:#d7bfe9;}
html #bookDialog.reading-library-book .book-read-history :is(strong,p){font-size:13px;line-height:1.6;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-toolbar{padding:18px;background:#252037;border-color:#78628d5c;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-highlights{gap:22px;border-color:#78628d5c;}
html #bookDialog.reading-library-book .book-journal-highlights strong{font:650 24px/1.3 var(--books-font);color:#eee7f7;}
html #bookDialog.reading-library-book .book-journal-highlights span{font-size:12px;color:var(--rl-muted);}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-topic-actions{display:flex;flex-wrap:wrap;gap:8px;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-topic-actions button{min-height:44px;padding:10px 13px;border:1px solid #7c6790;border-radius:9px;background:#2a223b;color:#e2d3ee;font-size:12px;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-topic-actions button:hover{border-color:#b89cd0;background:#322840;transform:none;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-filter{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;font-size:12px;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-filter select{min-width:0;max-width:100%;min-height:44px;background:var(--rl-field);color:var(--rl-ink);}
html #bookDialog.reading-library-book #bookJournalComposer{border-color:#9279a3;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-entries{display:block;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-entry{margin:0 0 12px;padding:15px;border:1px solid #77638765;border-left:3px solid #a18bb7;border-radius:11px;background:#211d34;}
html #bookDialog.reading-library-book .book-journal-entry-meta span{background:#30263f;color:#e4d3f0;font-size:11px;}
html #bookDialog.reading-library-book .book-journal-entry-meta small{color:#c6b8d4;font-size:11px;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-entry :is(h4,p){color:#e9e0f3;font-family:var(--books-font);font-size:14px;line-height:1.7;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-entry-actions{gap:8px;flex-wrap:wrap;}
html #bookDialog.reading-library-book #bookJournalPanel .book-journal-entry-actions button{min-height:44px;padding:8px;color:var(--rl-lavender);font-size:12px;}
html #bookDialog.reading-library-book .book-journal-empty{background:#211d34;border-color:#78618d75;color:var(--rl-muted);font-size:13px;}
html #bookDialog.reading-library-book .book-reflection-total{--reflection-color:#a18abf;min-height:70px;border:1px solid #80659065;border-radius:10px;background:#2a2239;color:#ded1eb;}
html #bookDialog.reading-library-book .book-reflection-total strong{color:#d6bfe9;font-size:22px;}
html #bookDialog.reading-library-book .book-reflection-total:hover{border-color:#b99fd0;background:#30263e;filter:none;}
html #bookDialog.reading-library-book #bookEditPanel :is(.book-origin-info,.book-art-editor,.book-genre-dropdown,.edition-search){background:#252037;border-color:#78628e70;color:var(--rl-ink);}
html #bookDialog.reading-library-book #bookEditPanel .book-genre-choices label{min-height:44px;padding:9px 10px;border-color:#76618480;background:#211b32;color:#ded3e9;font-size:12px;}
html #bookDialog.reading-library-book #bookEditPanel .book-genre-choices label:has(input:checked){background:#3b2f4e;border-color:#b096cb;color:#fff;}
html #bookDialog.reading-library-book #bookEditPanel .book-genre-choices input{width:17px;height:17px;min-height:0;margin:0;padding:0;accent-color:#a08abf;}
html #bookDialog.reading-library-book #bookEditPanel .book-genre-dropdown>summary{color:#eee4f7;padding:12px 14px;}
html #bookDialog.reading-library-book #bookGenreSelectionCount{float:none;display:inline-block;white-space:normal;font-size:12px;}
html #bookDialog.reading-library-book #bookEditPanel .book-custom-genre-row{display:flex;flex-wrap:wrap;gap:9px;}
html #bookDialog.reading-library-book #bookEditPanel .book-custom-genre-row input{flex:1 1 180px;min-width:0;}
html #bookDialog.reading-library-book #bookEditPanel .book-art-actions{gap:8px;}
html #bookDialog.reading-library-book #bookEditPanel .book-art-actions button{min-height:44px;padding:10px 8px;border-color:#79648b;background:#211b32;color:#dfd0ed;font-size:12px;}
html #bookDialog.reading-library-book #bookEditPanel .book-art-actions button:hover:enabled{border-color:#c0a5d6;background:#30263e;}
html #bookDialog.reading-library-book #bookEditPanel .edition-result{border-color:#79658a;background:#211c34;color:#e8ddf2;}
html #bookDialog.reading-library-book #bookEditPanel .edition-result:hover,
html #bookDialog.reading-library-book #bookEditPanel .edition-result[aria-pressed="true"]{border-color:#b39acb;background:#30263f;}
html #bookDialog.reading-library-book .book-page-editor{background:#272039;color:var(--rl-ink);border-color:#88709d;border-radius:12px;}
html #bookDialog.reading-library-book .book-page-editor>div{gap:9px;}
html #bookDialog.reading-library-book #bookSaveHint{font-size:12px;font-weight:500;max-width:none;color:var(--rl-muted);}
html #bookDialog.reading-library-book #bookForm>.book-save-bar{position:static;bottom:auto;gap:10px;margin:20px 0 0;padding:15px 0 0;border-top:1px solid #77638750;background:transparent;box-shadow:none;}
html #bookDialog.reading-library-book .book-save-bar .dialog-footer{display:flex;flex-wrap:wrap;gap:9px;max-width:100%;}
html #bookDialog.reading-library-book .book-save-bar .dialog-footer .button{min-height:44px;padding:10px 14px;font-size:13px;}
html #bookDialog.reading-library-book .book-delete-area{flex-wrap:wrap;gap:10px;border-color:var(--rl-line);}
html #bookDialog.reading-library-book .book-delete-area span{color:var(--rl-muted);font-size:12px;line-height:1.6;}
html #bookDialog.reading-library-book :is(.text-danger,#bookPageError){color:var(--rl-danger);}
html #bookDialog.reading-library-book #bookCloudSaveStatus{background:#30243f;color:#e4d7ef;font-size:12px;}
html #bookDialog.reading-library-book #bookCloudSaveStatus[data-state="saved"]{background:#24382f;color:#bbdfc9;}
html #bookDialog.reading-library-book #bookError,
html #bookDialog.reading-library-book #bookCloudSaveStatus:is([data-state="error"],[data-state="conflict"],[data-state="capacity"]){background:#3c2531;border-color:#b87c8b;color:#ffd5df;}
html #bookDialog.reading-library-book #bookCloudSaveStatus:is([data-state="offline"],[data-state="pending"]){background:#392e27;color:#f3d5a9;}

/* Session identity and a quiet decorative arc; elapsed time is always live text. */
html #readingTimerDialog.reading-library-timer .reading-library-banner{height:148px;}
html #readingTimerDialog.reading-library-timer .reading-timer-body{padding:0 24px 24px;background:transparent;color:var(--rl-ink);}
html #readingTimerDialog.reading-library-timer .reading-timer-identity{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:16px;margin:-26px 0 0;padding:0;}
html #readingTimerDialog.reading-library-timer #readingTimerCover{display:block;width:70px;height:103px;min-width:0;overflow:hidden;border:1px solid #a18bb780;border-radius:5px;transform:none;box-shadow:0 6px 16px #0a071d55;}
html #readingTimerDialog.reading-library-timer #readingTimerCover .cover-art{width:100%;height:100%;padding:7px;}
html #readingTimerDialog.reading-library-timer #readingTimerCover .cover-art:has(img){padding:0;}
html #readingTimerDialog.reading-library-timer #readingTimerCover img{width:100%;height:100%;object-fit:contain;background:#17152b;}
html #readingTimerDialog.reading-library-timer #readingTimerCover .cover-title{font-size:11px;line-height:1.25;}
html #readingTimerDialog.reading-library-timer #readingTimerCover .cover-symbol{font-size:23px;}
html #readingTimerDialog.reading-library-timer #readingTimerCover :is(.cover-kicker,.cover-author){font-size:5px;letter-spacing:.03em;}
html #readingTimerDialog.reading-library-timer .reading-timer-book-meta{min-width:0;max-width:100%;margin:0;padding-top:26px;}
html #readingTimerDialog.reading-library-timer .reading-timer-book-meta #readingTimerTitle{margin:0 0 5px;color:#f4edfc;font:650 18px/1.4 var(--books-font);letter-spacing:-.02em;text-align:left;overflow-wrap:anywhere;}
html #readingTimerDialog.reading-library-timer .reading-timer-book-meta #readingTimerAuthor{margin:0;color:#c5b8d5;font-size:13px;line-height:1.5;text-align:left;}
html #readingTimerDialog.reading-library-timer #readingTimerPhase{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:28px;margin:9px 0 0;padding:5px 9px;border:1px solid #78618e65;border-radius:8px;background:#2b233c;color:#ded1ee;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;text-align:left;}
html #readingTimerDialog.reading-library-timer[data-phase="running"] #readingTimerPhase::before{content:"";display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#9fcab9;}
html #readingTimerDialog.reading-library-timer .reading-timer-focus{position:relative;isolation:isolate;container-type:inline-size;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;max-width:380px;aspect-ratio:1.8;margin:15px auto 7px;padding:0 7px 17px;}
html #readingTimerDialog.reading-library-timer .reading-timer-arc{position:absolute;z-index:-1;inset:0;display:block;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none;}
html #readingTimerDialog.reading-library-timer .reading-timer-arc-track{fill:none;stroke:#8c70ab35;stroke-width:1.4;}
html #readingTimerDialog.reading-library-timer .reading-timer-arc-glow{fill:none;stroke:#a88ac9;stroke-width:3;stroke-linecap:round;filter:none;}
html #readingTimerDialog.reading-library-timer .reading-timer-arc-tip{fill:#c1a7de;stroke:none;filter:none;}
html #readingTimerDialog.reading-library-timer .reading-timer-elapsed-label{order:1;margin:0 0 7px;color:#c5b7d7;font-size:12px;line-height:1.5;text-align:center;}
html #readingTimerDialog.reading-library-timer #readingTimerClock{order:2;display:block;min-width:0;max-width:100%;margin:0;color:#f8f4ff;font:700 clamp(32px,17.5cqi,66px)/1.05 var(--books-font);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-align:center;text-shadow:none;}
html #readingTimerDialog.reading-library-timer .reading-timer-controls{display:flex;align-items:stretch;justify-content:center;gap:10px;margin:0 0 15px;}
html #readingTimerDialog.reading-library-timer .reading-timer-controls .button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:48px;max-width:none;padding:12px 10px;border-radius:11px;font-size:14px;}
html #readingTimerDialog.reading-library-timer .reading-timer-controls .button.primary{border-color:#a18abf;background:linear-gradient(115deg,var(--rl-primary-start),var(--rl-primary-end));color:#fff;box-shadow:inset 0 1px 0 #ffffff12;}
html #readingTimerDialog.reading-library-timer .reading-timer-controls .button.primary:hover:enabled{border-color:#d3c0ed;background:linear-gradient(115deg,var(--rl-primary-start),var(--rl-primary-end));filter:none;transform:none;}
html #readingTimerDialog.reading-library-timer .reading-timer-controls .button.light{background:#252139;border-color:#7c6894;color:#e1d4f0;}
html #readingTimerDialog.reading-library-timer .reading-timer-controls .button.light:hover:enabled{background:#2c2540;border-color:#b29bcf;}
html #readingTimerDialog.reading-library-timer .reading-timer-controls svg{width:18px;height:18px;flex:none;}
html #readingTimerDialog.reading-library-timer #readingTimerBrowseNote{margin:0 0 16px;padding:0;background:transparent;color:#baadc9;font-size:11px;line-height:1.65;text-align:left;}
html #readingTimerDialog.reading-library-timer .reading-timer-from{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:12px;margin:12px 0;color:#d8cbe5;font-size:13px;text-align:left;}
html #readingTimerDialog.reading-library-timer :is(#readingTimerFrom,#readingTimerTotal){width:100%;max-width:100%;min-height:44px;margin:0;padding:9px 12px;border-radius:9px;background:var(--rl-field);color:var(--rl-ink);font-size:16px;text-align:left;}
html #readingTimerDialog.reading-library-timer .reading-timer-notes,
html #readingTimerDialog.reading-library-timer .reading-timer-finish{margin:16px 0 0;padding:17px;border:1px solid #78628d70;border-radius:13px;background:#211d34;color:var(--rl-ink);}
html #readingTimerDialog.reading-library-timer :is(.reading-timer-notes,.reading-timer-finish) h3{margin:0;color:#f0e7f9;font:650 14px/1.5 var(--books-font);letter-spacing:0;}
html #readingTimerDialog.reading-library-timer .reading-timer-notes .book-section-heading{align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
html #readingTimerDialog.reading-library-timer #readingTimerNoteCount{color:#c3b4d1;font-size:11px;}
html #readingTimerDialog.reading-library-timer .reading-timer-note-label{display:block;margin:0 0 7px;color:#cbbbd9;font-size:12px;}
html #readingTimerDialog.reading-library-timer #readingTimerNote{width:100%;min-height:92px;border:1px solid #6d5f83;border-radius:9px;background:var(--rl-field);color:var(--rl-ink);font-size:14px;line-height:1.6;}
html #readingTimerDialog.reading-library-timer #readingTimerAddNote{display:flex;justify-content:center;width:fit-content;max-width:100%;min-height:44px;margin:9px 0 0 auto;padding:9px 12px;border:1px solid #7c6491;border-radius:9px;background:#2b213a;color:#d8c1eb;font-size:12px;}
html #readingTimerDialog.reading-library-timer #readingTimerAddNote:hover:enabled{border-color:#c0a2d6;background:#33263f;}
html #readingTimerDialog.reading-library-timer #readingTimerNotes article{margin-top:12px;padding:12px;border:1px solid #715b8540;border-left:2px solid #a18abf;border-radius:9px;background:#2b233b;}
html #readingTimerDialog.reading-library-timer #readingTimerNotes :is(p,small){color:#ddcfea;font-size:12px;line-height:1.65;}
html #readingTimerDialog.reading-library-timer #readingTimerNotes button{width:44px;min-width:44px;height:44px;min-height:44px;padding:9px;border:1px solid transparent;border-radius:9px;color:#d9c6e9;}
html #readingTimerDialog.reading-library-timer #readingTimerNotes button:hover{border-color:#aa8abe;background:#352840;}
html #readingTimerDialog.reading-library-timer .reading-timer-finish h3{margin-bottom:12px;}
html #readingTimerDialog.reading-library-timer .reading-timer-finish label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#ded0e9;}
html #readingTimerDialog.reading-library-timer .reading-timer-finish-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
html #readingTimerDialog.reading-library-timer .reading-timer-finish-actions>.button{flex:1 1 140px;min-height:46px;padding:11px 10px;font-size:13px;}
html #readingTimerDialog.reading-library-timer .reading-timer-tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:8px 0 0;border-top:1px solid #78628d45;}
html #readingTimerDialog.reading-library-timer .reading-timer-tools button{min-height:44px;padding:9px 4px;color:var(--rl-lavender);font-size:12px;}
html #readingTimerDialog.reading-library-timer .reading-timer-tools #readingTimerDelete{color:var(--rl-danger);}
html #readingTimerDialog.reading-library-timer :is(.reading-timer-message,#readingTimerSyncStatus){margin:10px 0 0;padding:0;color:#c3b3d2;font-size:11px;line-height:1.65;text-align:left;}
html #readingTimerDialog.reading-library-timer #readingTimerSaveError{margin:12px 0 0;padding:11px 12px;border:1px solid #b48191;border-radius:9px;background:#3b2632;color:#ffd2de;font-size:13px;line-height:1.6;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) .reading-delete-confirm{padding:15px;border:1px solid #ac77895e;border-radius:12px;background:#332231;color:#f4d6e2;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer) .reading-delete-confirm p{color:#ebcbd7;font-size:13px;line-height:1.65;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) .button.reading-danger{border-color:#b78294;background:#713d52;color:#fff;}
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end) .button.reading-danger:hover:enabled{border-color:#e1b5c4;background:#713d52;color:#fff;}
html #readingTimerDialog.reading-library-timer .reading-timer-body:has(#readingTimerDeleteConfirm:not([hidden])) :is(.reading-timer-controls,.reading-timer-tools,.reading-timer-finish){display:none;}

/* End-session confirmation and the existing minimized player. Bounds remain JS-owned. */
html #readingTimerEndDialog.reading-library-end{width:min(400px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:24px;scroll-padding-block:20px;}
html #readingTimerEndDialog.reading-library-end .book-section-kicker{color:var(--rl-lavender);font-size:10px;letter-spacing:.1em;line-height:1.6;}
html #readingTimerEndDialog.reading-library-end h2{font:650 25px/1.25 var(--books-font);letter-spacing:-.025em;color:var(--rl-ink);margin:10px 0 14px;}
html #readingTimerEndDialog.reading-library-end p{color:#d1c1df;font-size:14px;line-height:1.7;}
html #readingTimerEndDialog.reading-library-end .reading-timer-end-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;}
html #readingTimerEndDialog.reading-library-end .reading-timer-end-actions>.button{min-height:46px;padding:11px 9px;font-size:13px;}
html #readingTimerEndDialog.reading-library-end .reading-timer-end-actions>.button:last-child{grid-column:1/-1;}
html #readingTimerDock.reading-library-dock{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;max-width:calc(100vw - 24px);padding:7px;border:1px solid #9982b3;border-radius:16px;background:#211c34;color:#f3eafa;box-shadow:0 8px 25px #0a071a55;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-open{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0;min-height:48px;padding:4px 3px;border:1px solid transparent;border-radius:9px;background:transparent;color:#f3eafa;}
html #readingTimerDock.reading-library-dock #readingTimerDockCover{display:block;grid-column:1;grid-row:1 / span 2;width:28px;height:42px;overflow:hidden;border:1px solid #a48db570;border-radius:3px;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-open>span:nth-child(2){grid-column:2;min-width:0;}
html #readingTimerDock.reading-library-dock #readingTimerDockTitle{color:#eadcf5;font-size:12px;font-weight:600;line-height:1.4;}
html #readingTimerDock.reading-library-dock #readingTimerDockClock{grid-column:2;min-width:0;color:#cbb3e5;font-size:12px;font-weight:650;line-height:1.4;letter-spacing:0;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-controls{grid-column:2;display:flex;gap:3px;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-controls button{width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:1px solid #7b648c;border-radius:9px;background:#30243f;color:#e6d3f5;transition:border-color .16s;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-controls button:hover:not(:disabled){background:#30243f;border-color:#c0a2d6;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-controls button:disabled{opacity:.4;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-controls .icon{width:16px;height:16px;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-close{display:grid;place-items:center;grid-column:3;grid-row:1;width:44px;height:48px;min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d9c4e8;font-size:17px;}
html #readingTimerDock.reading-library-dock .reading-timer-dock-close:hover{border-color:#ad90c1;background:#2e233d;}

/* Compact dialogs include the desktop phone preview, not just viewport media queries. */
html #bookDialog.reading-library-book.compact-book-dialog{--rl-page-pad:16px;}
html #bookDialog.reading-library-book.compact-book-dialog #bookForm{padding:0 var(--rl-page-pad) 16px;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-banner{height:134px;}
html #bookDialog.reading-library-book.compact-book-dialog .book-detail-top.reading-library-book-hero{grid-template-columns:92px minmax(0,1fr);gap:15px;margin-top:-34px;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero #detailCover{width:92px;height:138px;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero .book-hero-copy{padding-top:38px;}
html #bookDialog.reading-library-book.compact-book-dialog .book-title-row #detailTitle{font-size:23px;line-height:1.3;}
html #bookDialog.reading-library-book.compact-book-dialog #bookForm>.dialog-header{margin-inline:calc(-1 * var(--rl-page-pad));height:auto;min-height:56px;padding:6px 10px 6px 16px;}
html #bookDialog.reading-library-book.compact-book-dialog #bookForm>.book-detail-tabs{top:56px;margin:0 0 17px;padding:0 2px;gap:0;}
html #bookDialog.reading-library-book.compact-book-dialog #bookForm>.book-detail-tabs button{min-height:48px;font-size:12px;padding:12px 3px;}
html #bookDialog.reading-library-book.compact-book-dialog #bookSynopsis{font-size:14px;max-height:10.5em;}
html #bookDialog.reading-library-book.compact-book-dialog #bookOverviewPanel .book-share-card .book-export-actions{flex-wrap:wrap;}
html #bookDialog.reading-library-book.compact-book-dialog #bookOverviewPanel .book-share-card .button{flex:1 1 150px;width:auto;}
html #bookDialog.reading-library-book.compact-book-dialog #bookForm>.book-save-bar{position:static;margin:18px 0 0;padding:14px 0 0;}
html #bookDialog.reading-library-book.compact-book-dialog #bookEditPanel .form-grid,
html #bookDialog.reading-library-book.compact-book-dialog #bookJournalPanel .form-grid{grid-template-columns:minmax(0,1fr);}
html #bookDialog.reading-library-book.compact-book-dialog :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px;}
@media(max-width:600px){
 html #bookDialog.reading-library-book{--rl-page-pad:16px;}
 html #bookDialog.reading-library-book #bookEditPanel .form-grid,
 html #bookDialog.reading-library-book #bookJournalPanel .form-grid{grid-template-columns:minmax(0,1fr);}
 html #bookDialog.reading-library-book [role="tabpanel"] .book-panel-card{padding:17px;}
 html #bookDialog.reading-library-book #bookOverviewPanel .book-about-card{padding:0 4px 17px;}
 html #bookDialog.reading-library-book .book-facts{gap:15px;}
 html #bookDialog.reading-library-book .book-reflection-counts{grid-template-columns:repeat(3,minmax(0,1fr));}
 html #bookDialog.reading-library-book :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea),
 html #readingTimerDialog.reading-library-timer :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){font-size:16px;}
 html #readingTimerDialog.reading-library-timer .reading-timer-body{padding:0 18px 20px;}
 html #readingTimerDialog.reading-library-timer .reading-library-banner{height:126px;}
 html #readingTimerDialog.reading-library-timer .reading-timer-notes,
 html #readingTimerDialog.reading-library-timer .reading-timer-finish{padding:15px;}
 html #readingTimerDialog.reading-library-timer #readingTimerNote{font-size:16px;}
}
/* At narrow book widths, ratings and progress get a full row below the identity.
   The same treatment works inside a desktop phone preview. */
html #bookDialog.reading-library-book.compact-book-dialog .book-detail-top.reading-library-book-hero{grid-template-rows:auto auto auto;row-gap:6px;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero .book-hero-copy{display:contents;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero #detailCover{grid-column:1;grid-row:1 / span 3;}
html #bookDialog.reading-library-book.compact-book-dialog .book-title-row{grid-column:2;grid-row:1;align-self:start;display:block;position:relative;padding-top:38px;padding-right:0;}
html #bookDialog.reading-library-book.compact-book-dialog .book-title-row #bookFavorite{position:absolute;right:-3px;top:-8px;margin:0;background:#1e1a32d9;border-color:#8b719e45;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero #detailAuthor{grid-column:2;grid-row:2;margin:0;color:#d1c4e1;font-size:13px;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero #bookSnapshotStatus{grid-column:2;grid-row:3;justify-self:start;align-self:start;margin:3px 0 0;font-size:11px;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero #detailRating{grid-column:1/-1;grid-row:4;justify-content:flex-start;margin:8px -4px 0;}
html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero .book-hero-progress{grid-column:1/-1;grid-row:5;margin-top:4px;}
@media(max-width:380px){
 html #bookDialog.reading-library-book{--rl-page-pad:13px;}
 html #bookDialog.reading-library-book.compact-book-dialog{--rl-page-pad:13px;}
 html #bookDialog.reading-library-book.compact-book-dialog .book-detail-top.reading-library-book-hero{grid-template-columns:78px minmax(0,1fr);column-gap:13px;}
 html #bookDialog.reading-library-book.compact-book-dialog .reading-library-book-hero #detailCover{width:78px;height:117px;}
 html #bookDialog.reading-library-book.compact-book-dialog .book-title-row #detailTitle{font-size:21px;}
 html #bookDialog.reading-library-book [role="tabpanel"] .book-panel-card{padding:14px;}
 html #bookDialog.reading-library-book #bookOverviewPanel .book-place-card{padding:14px;}
 html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions .book-reading-primary{font-size:15px;}
 html #bookDialog.reading-library-book .book-secondary-actions{gap:8px;}
 html #bookDialog.reading-library-book #bookOverviewPanel .book-hero-actions button{padding:10px 8px;font-size:12px;}
 html #bookDialog.reading-library-book .book-art-editors{grid-template-columns:minmax(0,1fr);}
 html #bookDialog.reading-library-book .book-reading-stats{grid-template-columns:minmax(0,1fr);gap:12px;}
 html #bookDialog.reading-library-book .book-facts{grid-template-columns:minmax(0,1fr);}
 html #readingTimerDialog.reading-library-timer .reading-timer-body{padding-inline:14px;}
 html #readingTimerDialog.reading-library-timer .reading-timer-identity{grid-template-columns:58px minmax(0,1fr);gap:12px;}
 html #readingTimerDialog.reading-library-timer #readingTimerCover{width:58px;height:86px;}
 html #readingTimerDialog.reading-library-timer .reading-timer-book-meta #readingTimerTitle{font-size:16px;}
 html #readingTimerDialog.reading-library-timer .reading-timer-controls .button{font-size:13px;gap:6px;}
 html #readingTimerDialog.reading-library-timer .reading-timer-notes,
 html #readingTimerDialog.reading-library-timer .reading-timer-finish{padding:13px;}
 html #readingTimerEndDialog.reading-library-end{padding:20px;}
 html #readingTimerDock.reading-library-dock{grid-template-columns:minmax(0,1fr) auto 44px;padding:5px;gap:2px;}
 html #readingTimerDock.reading-library-dock .reading-timer-dock-open{grid-template-columns:minmax(0,1fr);padding-inline:3px;}
 html #readingTimerDock.reading-library-dock #readingTimerDockCover{display:none;}
 html #readingTimerDock.reading-library-dock .reading-timer-dock-open>span:nth-child(2),
 html #readingTimerDock.reading-library-dock #readingTimerDockClock{grid-column:1;}
}
@media(max-height:540px){
 html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer){scroll-padding-block:16px;}
 html #bookDialog.reading-library-book #bookForm>.dialog-header,
 html #bookDialog.reading-library-book #bookForm>.book-detail-tabs,
 html #readingTimerDialog.reading-library-timer>.reading-library-timer-header{position:static;}
 html #bookDialog.reading-library-book .reading-library-banner,
 html #bookDialog.reading-library-book.compact-book-dialog .reading-library-banner,
 html #readingTimerDialog.reading-library-timer .reading-library-banner{height:98px;}
 html #readingTimerDialog.reading-library-timer .reading-timer-focus{max-width:290px;margin-top:10px;}
 html #bookDialog.reading-library-book #bookSynopsis,
 html #bookDialog.reading-library-book.compact-book-dialog #bookSynopsis{max-height:7em;}
}
@media(prefers-reduced-motion:reduce){
 html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end,#readingTimerDock.reading-library-dock),
 html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end,#readingTimerDock.reading-library-dock) *{scroll-behavior:auto;animation:none!important;transition:none!important;}
}
/* Preserve state-driven visibility against every flex/grid/button rule above. */
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end,#readingTimerDock.reading-library-dock)[hidden],
html :is(#bookDialog.reading-library-book,#readingTimerDialog.reading-library-timer,#readingTimerEndDialog.reading-library-end,#readingTimerDock.reading-library-dock) [hidden]{display:none!important;}
