#reading_library{--ink:#251425;--muted:#856f80;--paper:#fcf9fb;--accent:#c00095;max-width:1500px;margin:auto;color:var(--ink);font-family:Outfit,Arial,sans-serif;padding:28px 4vw 100px}.rl-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.rl-kicker{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#a45287;text-transform:uppercase}.rl-top h1{font-size:clamp(28px,5vw,46px);margin:8px 0;line-height:1.05;letter-spacing:-1px}.rl-top p{color:var(--muted);line-height:1.6;font-size:13px}.rl-button{border:1px solid #e3cfde;border-radius:12px;background:white;color:#67274f;font:500 12px Outfit,Arial,sans-serif;cursor:pointer;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.rl-button:hover{background:#f8e9f3}.rl-button:disabled{opacity:.4;cursor:wait}.rl-primary{background:#35182d;color:white;border-color:#35182d}.rl-primary:hover{background:#6b2456}.rl-hero{margin:25px 0;background:linear-gradient(120deg,#2b1427,#64204e 65%,#9c317b);color:white;border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.rl-hero h2{font:500 clamp(27px,4vw,42px) 'Cormorant Garamond',Georgia,serif;margin:10px 0}.rl-hero p{font-size:12px;line-height:1.8;color:#e3c8db;max-width:560px}.rl-hero .rl-kicker{color:#edb8df}.rl-stats{display:flex;gap:28px;flex-shrink:0}.rl-stats b{display:block;font-size:30px;font-weight:500}.rl-stats small{font-size:10px;color:#d9b8d0}.rl-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:23px 0}.rl-filters input,.rl-filters select,.rl-field{font:inherit;font-size:12px;color:var(--ink);padding:12px 14px;border:1px solid #e4d6e0;border-radius:10px;background:white;min-width:0}.rl-filters input{flex:1;min-width:190px}.rl-chips{display:flex;gap:7px;overflow:auto;padding-bottom:12px;scrollbar-width:thin}.rl-chip{white-space:nowrap;border:1px solid #e8d7e3;border-radius:30px;padding:9px 13px;font:500 11px Outfit,Arial,sans-serif;background:white;color:#77516b;cursor:pointer}.rl-chip[aria-pressed=true]{color:white;background:#35182d;border-color:#35182d}.rl-count{font-size:11px;color:var(--muted);margin:15px 0}.rl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.rl-book{background:white;border:1px solid #eadfe6;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.rl-book:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3c143010}.rl-cover{height:145px;background:linear-gradient(135deg,var(--cover,#e5cede),#faf1f7);padding:20px 20px 20px 26px;position:relative;display:flex;align-items:end;border-bottom:1px solid #eadfe6}.rl-cover:before{content:'';position:absolute;left:13px;top:0;bottom:0;border-left:1px solid #fff8;border-right:2px solid #63224b14;width:4px}.rl-cover span{font:500 24px 'Cormorant Garamond',Georgia,serif;color:#442437;line-height:1.1;max-height:110px;overflow:hidden}.rl-cover small{position:absolute;top:14px;right:14px;font-size:8px;letter-spacing:2px;color:#7d546e}.rl-book-info{padding:16px;display:flex;flex-direction:column;flex:1}.rl-book h3{font-size:13px;line-height:1.5;margin:8px 0;font-weight:600}.rl-book .rl-topic{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#a14182}.rl-book p{font-size:10px;color:var(--muted);line-height:1.6}.rl-book progress{width:100%;height:4px;accent-color:#ba138f;margin:8px 0}.rl-book .rl-button{margin-top:auto;width:100%}.rl-empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed #dcc6d5;border-radius:18px;grid-column:1/-1;font-size:13px}.rl-status{font-size:12px;color:#8e456f;min-height:20px;line-height:1.5}.rl-reader{position:fixed;inset:0;background:#f2edf1;z-index:9500;display:flex;flex-direction:column;color:#291d27;font-family:Outfit,Arial,sans-serif}.rl-reader[hidden]{display:none!important}.rl-reader[data-theme=dark]{background:#211c23;color:#eee4ec}.rl-reader[data-theme=sepia]{background:#eee4cf;color:#4f412d}.rl-reader-header{padding:12px 20px;background:#fff;border-bottom:1px solid #e4dbe2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#301d2a}.rl-reader-title{flex:1;min-width:140px;font-size:13px;font-weight:600}.rl-reader-title small{display:block;font-size:9px;font-weight:400;color:#94798a;margin-top:4px}.rl-reader-tools{padding:9px 20px;display:flex;gap:7px;flex-wrap:wrap;align-items:center;background:#fbf8fa;border-bottom:1px solid #e6dce3;color:#412636}.rl-reader-tools label{font-size:10px;display:flex;align-items:center;gap:5px}.rl-reader-tools input,.rl-reader-tools select{padding:7px;font-size:11px;border:1px solid #ded0d9;border-radius:7px;background:white;color:#4c2c40}.rl-reader-tools input[type=number]{width:60px}.rl-reader-body{flex:1;min-height:0;display:grid;grid-template-columns:260px minmax(0,1fr) 285px}.rl-reader-body[data-focus=true]{grid-template-columns:minmax(0,1fr)}.rl-reader-body[data-focus=true]>.rl-side{display:none}.rl-side{background:#fffc;border-right:1px solid #e2d9e0;padding:18px;overflow:auto;font-size:12px;color:#402e39}.rl-side:last-child{border-right:0;border-left:1px solid #e2d9e0}.rl-side h3{font-size:12px;margin:8px 0 15px}.rl-side p{color:#8a6d80;font-size:11px;line-height:1.7}.rl-side .rl-button{font-size:10px;padding:8px;margin:3px 0}.rl-outline button,.rl-search-results button{display:block;width:100%;border:0;border-bottom:1px solid #eee4eb;background:transparent;text-align:left;padding:10px 5px;font:inherit;font-size:11px;color:#67425a;line-height:1.6;cursor:pointer}.rl-search-results button{padding:10px;background:#fcf5f9;border-radius:7px;margin:5px 0}.rl-page-area{overflow:auto;padding:25px;position:relative;scrollbar-gutter:stable}.rl-page{margin:0 auto;max-width:100%;width:fit-content;position:relative;box-shadow:0 8px 32px #20111c18;background:white}.rl-page canvas{display:block;max-width:100%;height:auto}.rl-text{max-width:740px;margin:0 auto;background:#fff9;color:#29212a;font-family:Georgia,serif;line-height:1.9;padding:30px;white-space:pre-wrap;user-select:text;overflow-wrap:anywhere}.rl-reader[data-theme=dark] .rl-text{background:#302a32;color:#eee}.rl-reader[data-theme=sepia] .rl-text{background:#f7efd9;color:#473a25}.rl-reader[data-theme=dark] canvas{filter:invert(.88) hue-rotate(180deg)}.rl-reader[data-theme=sepia] canvas{filter:sepia(.3)}.rl-reader textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:70px;font:12px Outfit,sans-serif;padding:10px;border:1px solid #decbd9;border-radius:9px;margin:5px 0;background:white;color:#3c2633}.rl-note{background:white;border:1px solid #e9dbe5;border-radius:10px;margin:10px 0;padding:12px;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.rl-note blockquote{margin:8px 0;padding-left:9px;border-left:2px solid #c875af;color:#856176;white-space:pre-wrap}.rl-note p{white-space:pre-wrap;color:#3e2c37;margin:5px 0}.rl-note small{color:#ac628f}.rl-reader-footer{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;padding:8px 16px;color:#715264;border-top:1px solid #e7dce4;font-size:11px}.rl-reader progress{height:4px;accent-color:#bd1291;flex:1;max-width:200px}.rl-study-clock{font-variant-numeric:tabular-nums;letter-spacing:1px}.rl-edit-dialog{border:0;border-radius:20px;padding:25px;max-width:420px;width:calc(100% - 60px);box-shadow:0 20px 80px #32142633;color:#3e2336}.rl-edit-dialog::backdrop{background:#1d0d1b66}.rl-edit-dialog label{display:block;font-size:12px;margin:15px 0}.rl-edit-dialog input{width:100%;box-sizing:border-box;margin-top:6px}.rl-reader[hidden],#reading_library [hidden]{display:none!important}@media(max-width:1000px){.rl-reader-body{grid-template-columns:210px minmax(0,1fr)}.rl-reader-body>.rl-side:last-child{display:none}.rl-reader-body[data-panel=notes]{grid-template-columns:minmax(0,1fr) 280px}.rl-reader-body[data-panel=notes]>.rl-side:first-child{display:none}.rl-reader-body[data-panel=notes]>.rl-side:last-child{display:block}}@media(max-width:650px){#reading_library{padding:20px 16px 100px}.rl-top{align-items:start}.rl-top h1{font-size:31px}.rl-top .rl-button{padding:9px;font-size:10px}.rl-hero{padding:22px;display:block;border-radius:20px}.rl-stats{margin-top:18px;gap:28px}.rl-stats b{font-size:24px}.rl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rl-book-info{padding:12px}.rl-cover{height:110px;padding:18px}.rl-cover span{font-size:20px}.rl-book h3{font-size:11px}.rl-book .rl-topic{font-size:8px}.rl-reader-header{padding:10px;gap:7px}.rl-reader-title{font-size:11px}.rl-reader-tools{padding:8px;gap:5px}.rl-reader-tools .rl-button{font-size:10px;padding:8px}.rl-reader-body{display:block;position:relative}.rl-reader-body>.rl-side{display:none!important}.rl-reader-body[data-panel=outline]>.rl-side:first-child,.rl-reader-body[data-panel=notes]>.rl-side:last-child{display:block!important;position:absolute;inset:0;z-index:3;background:#fff;max-height:100%}.rl-reader-body[data-focus=true]>.rl-side{display:none!important}.rl-page-area{height:100%;box-sizing:border-box;padding:12px}.rl-reader-footer{flex-wrap:wrap;font-size:10px}.rl-reader-tools label{font-size:9px}.rl-text{padding:20px}.rl-filters input{min-width:100%;box-sizing:border-box}.rl-reader input[type=search]{max-width:140px}}
.rl-group{grid-column:1/-1;font-size:18px;font-weight:500;margin:22px 0 2px;color:#5b304a;border-bottom:1px solid #eadbe5;padding-bottom:12px}

/* Cover label and title occupy separate rows, including long mobile titles. */
#reading_library .rl-cover{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;align-items:start;height:180px;box-sizing:border-box;overflow:hidden}
#reading_library .rl-cover small{position:static;display:block;font-size:8px;line-height:1.4;letter-spacing:1.8px;white-space:nowrap}
#reading_library .rl-cover span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-height:none;font-size:23px;line-height:1.14;overflow-wrap:anywhere;align-self:center}
@media(max-width:650px){#reading_library .rl-cover{height:175px;padding:16px 12px 15px 22px;gap:12px}#reading_library .rl-cover small{font-size:7px;letter-spacing:1.1px}#reading_library .rl-cover span{font-size:19px;line-height:1.16;-webkit-line-clamp:5}}