@font-face{font-family:Garamond;src:url('/fonts/EBGaramond.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:Garamond;src:url('/fonts/EBGaramond-Italic.ttf') format('truetype');font-style:italic;font-display:swap}
@font-face{font-family:Frank;src:url('/fonts/TaameyFrankCLM-Medium.ttf') format('truetype');font-display:swap}
:root{color:#262922;background:#fff;font-family:Garamond,Georgia,serif;font-synthesis:none;--muted:#777970;--line:#e9e8e2;--gold:#9c8150;--scale:1}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button{color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9c8150;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{height:82px;display:flex;align-items:center;padding:0 5.2%;border-bottom:1px solid var(--line);gap:48px}.brand{font-size:29px;text-decoration:none;letter-spacing:-1.2px;display:flex;align-items:center;gap:15px}.brand span{font:21px Frank,serif;color:#9b8a65;border-left:1px solid var(--line);padding-left:15px;letter-spacing:0}.site-header nav{display:flex;gap:30px;margin-left:auto;height:100%;align-items:center}.site-header nav a{font-family:Arial,sans-serif;font-size:12px;text-decoration:none;color:#73746e;height:100%;display:flex;gap:7px;align-items:center;border-bottom:2px solid transparent}.site-header nav a[aria-current]{color:#262922;border-bottom-color:#887248}#shelf-count{background:#f1f0eb;border-radius:20px;font-size:10px;padding:3px 6px}.local-label{font:10px Arial,sans-serif;letter-spacing:.06em;color:#8c8d85;border:1px solid var(--line);padding:6px 9px;border-radius:4px}
#library{max-width:1136px;padding:0 40px;margin:auto}.discovery{max-width:760px;margin:66px auto 60px;text-align:center;position:relative;z-index:3}.eyebrow{font:10px Arial,sans-serif;letter-spacing:.18em;color:#8b7b5b;margin:0 0 15px}h1{font-size:46px;line-height:1.15;font-weight:400;letter-spacing:-1.1px;margin:0}h2{font-size:28px;font-weight:400;line-height:1.1;margin:0}.intro{font-size:19px;color:var(--muted);margin:14px 0 30px}.search-wrap{max-width:660px;margin:auto;position:relative;text-align:left}.search-field{height:59px;border:1px solid #cecec4;border-radius:5px;display:flex;align-items:center;gap:16px;padding:0 18px;background:white;box-shadow:0 3px 12px #24291d04}.search-field:focus-within{border-color:#9c8150;box-shadow:0 0 0 3px #9c81500d}.search-field svg{width:20px;height:20px;fill:none;stroke:#7c806f;stroke-width:1.4;flex-shrink:0}.search-field input{border:0;outline:none;font-size:20px;width:100%;min-width:0;background:transparent}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#94958c}.search-context{max-width:660px;margin:12px auto 0;display:flex;justify-content:space-between;gap:15px;font:11px Arial,sans-serif;color:#88897f;text-align:left;line-height:1.6}
#suggestion-panel{position:absolute;top:66px;left:0;right:0;background:white;border:1px solid #deddd3;border-radius:5px;box-shadow:0 16px 40px #33351a20;overflow:hidden}#suggestions{max-height:385px;overflow:auto}.suggestion{display:flex;gap:15px;padding:12px 18px;cursor:pointer;border-bottom:1px solid #f1f0eb;align-items:center}.suggestion[aria-selected=true],.suggestion:hover{background:#f7f6f2}.suggestion .cover{width:32px;height:46px;flex:none;box-shadow:1px 2px 3px #0002}.suggestion-title{font-size:18px;line-height:1.15;margin-bottom:4px}.suggestion-author{font:11px Arial,sans-serif;color:var(--muted);line-height:1.4}.suggestion-arrow{margin-left:auto;color:#9a947f}.search-foot{padding:12px 18px;font:10px Arial,sans-serif;color:#8a8b80;background:#fcfcfa;display:flex;justify-content:space-between}.no-results{padding:24px;color:var(--muted);font-size:17px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:9px}.muted{color:var(--muted)}.small{font:11px Arial,sans-serif;line-height:1.6}.shelf-section{scroll-margin-top:28px}.shelf-stage{padding:20px 22px 0;background:linear-gradient(0deg,#f7f6f215,transparent 60%);position:relative}.shelf-books{min-height:220px;display:flex;gap:3px;align-items:end;flex-wrap:wrap;row-gap:24px;padding:0 8px;position:relative}.shelf-board{height:15px;position:relative;margin:0 -22px;background:linear-gradient(#dcd2be,#eee7da 15%,#c9bda8 24%,#ddd3c1 45%,#ddd4c4 84%,#bbae95);border-radius:2px;box-shadow:0 13px 15px -9px #50432657,0 2px 3px #67573425}.shelf-board::after{content:'';position:absolute;top:15px;left:2%;right:2%;height:15px;background:linear-gradient(#3832200c,transparent)}
.spine{position:relative;flex:0 0 44px;height:204px;display:flex;flex-direction:column;align-items:center;border:1px solid #1b241e;border-radius:5px 7px 3px 3px;padding:0 5px;color:#d5b877;background:repeating-linear-gradient(100deg,#ffffff04 0 1px,transparent 1px 4px),linear-gradient(90deg,#151d18,#344237 13%,#27392d 30%,#253229 68%,#14231a 94%,#4d5745);box-shadow:inset 2px 0 2px #a9b39135,inset -3px 0 4px #0008,2px 0 3px #0003;transition:transform .2s;transform-origin:bottom center}.spine::before,.spine::after{content:'';position:absolute;left:3px;right:3px;height:5px;border-top:1px solid #b2935599;border-bottom:1px solid #b2935555;box-shadow:0 2px 2px #0008}.spine::before{top:17px}.spine::after{bottom:22px}.spine-title{writing-mode:vertical-rl;font-size:16px;letter-spacing:.025em;height:140px;padding:27px 0 0;overflow:hidden;white-space:nowrap;max-width:28px;text-overflow:ellipsis;text-shadow:0 1px 1px #000}.spine-ornament{margin-top:auto;margin-bottom:34px;font-size:17px}.spine-progress{position:absolute;bottom:13px;left:9px;right:9px;height:2px;background:#101c15}.spine-progress i{display:block;height:100%;background:#d1b273}.spine:hover,.spine:focus-visible{transform:translateY(-9px) rotate(-2deg);z-index:2}.spine-tooltip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%);width:210px;background:white;border:1px solid var(--line);color:#2d3028;box-shadow:0 5px 20px #0001;padding:15px;text-align:left;font-size:17px;line-height:1.2;pointer-events:none;opacity:0;visibility:hidden;z-index:5}.spine-tooltip small{display:block;color:var(--muted);font:11px/1.5 Arial,sans-serif;margin-top:7px}.spine:hover .spine-tooltip,.spine:focus-visible .spine-tooltip{opacity:1;visibility:visible}.ghost-spine{height:204px;width:44px;border:1px dashed #ddded5;border-radius:4px;position:relative;color:#cccec2;display:grid;place-items:center;font-size:25px;background:linear-gradient(90deg,#f8f8f4,white)}.ghost-spine:nth-child(2){opacity:.55}.ghost-spine:nth-child(3){opacity:.3}.empty-shelf-note{color:#a3a698;font-size:18px;position:absolute;left:190px;bottom:76px;font-style:italic}.shelf-caption{margin:22px 0 44px;text-align:center;min-height:17px;font:11px Arial,sans-serif;color:#8b8d82}
.browse-results{padding-top:32px;border-top:1px solid var(--line)}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.book-card{background:transparent;border:0;text-align:left;padding:0;min-width:0;display:flex;flex-direction:column;align-items:start}.book-card:hover .cover{transform:translateY(-5px);box-shadow:3px 9px 12px #0002}.cover{width:100%;aspect-ratio:2/3;position:relative;overflow:hidden;background:linear-gradient(100deg,#283c30,#425244);color:#dfcf9d;box-shadow:2px 3px 6px #0002;transition:transform .2s,box-shadow .2s;border-radius:1px 3px 3px 1px;display:grid;place-items:center}.cover::after{content:'';position:absolute;inset:0;box-shadow:inset 3px 0 4px #0005,inset 5px 0 1px #fff2;pointer-events:none}.cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cover-fallback{padding:14%;text-align:center;font-size:clamp(12px,1.5vw,20px);line-height:1.3}.cover-fallback::before{content:'✧';display:block;margin-bottom:15px}.book-card .cover{max-width:156px}.book-card h3{font-size:20px;line-height:1.15;font-weight:400;margin:17px 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-card .author{font-size:14px;color:var(--muted);line-height:1.3}.book-card .edition{font:9px Arial,sans-serif;letter-spacing:.06em;color:#908165;text-transform:uppercase;margin-top:10px}.text-button{border:0;background:none;padding:0;font-size:15px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.primary,.secondary{border:1px solid #2a392e;border-radius:3px;padding:11px 20px;font:13px Arial,sans-serif;min-height:42px}.primary{background:#2a392e;color:#fff}.primary:hover{background:#405344}.secondary{background:white;border-color:#d5d8ce}.secondary:hover{background:#f7f8f4}#load-more{display:block;margin:30px auto 0}footer{margin-top:65px;border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;align-items:center;color:#999b90}footer span{font-size:19px}footer a{font:10px Arial,sans-serif;text-decoration:none}
dialog{border:1px solid var(--line);border-radius:6px;padding:40px;width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 40px);color:inherit;box-shadow:0 20px 90px #0002}dialog::backdrop{background:#242b2547;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:0;font:26px Garamond;color:#85877d;padding:4px 8px}.preview-top{display:grid;grid-template-columns:125px 1fr;gap:28px;align-items:start}.preview-top h2{font-size:32px;line-height:1.13}.preview-top .author{font-size:18px;color:var(--muted);margin:10px 0}.preview-top .lifespan{font:11px Arial,sans-serif;color:#95968b}.preview-details{margin:27px 0 0;border-top:1px solid var(--line);padding-top:20px}.preview-details p{font-size:17px;line-height:1.5;margin:0 0 15px}.preview-facts{font:11px/1.9 Arial,sans-serif;color:#83877a}.preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.preview-status{font:12px/1.6 Arial,sans-serif;margin:15px 0 0;color:#797c70}.remove-book{color:#956149;margin-top:22px;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;border:1px solid #d8dcce;background:#fff;box-shadow:0 4px 25px #0002;z-index:20;font:13px/1.5 Arial,sans-serif;width:max-content;max-width:calc(100% - 30px)}
@media(min-width:1000px){.spine{flex-basis:25px;padding:0 2px}.spine-title{font-size:13px;max-width:20px}.spine-progress{left:5px;right:5px}.spine-ornament{font-size:14px}}
@media(max-width:700px){.site-header{height:67px;padding:0 22px;gap:15px}.brand{font-size:25px}.brand span{display:none}.site-header nav{gap:22px}.local-label{display:none}#library{padding:0 24px}.discovery{margin:42px auto}.discovery h1{font-size:34px}.intro{font-size:17px;margin-bottom:24px}.search-field{height:54px;padding:0 13px;gap:10px}.search-field input{font-size:18px}.search-context{font-size:10px;flex-wrap:wrap;gap:8px}.section-heading{gap:12px}.section-heading .small{max-width:135px;text-align:right;font-size:10px}h2{font-size:26px}.shelf-stage{padding:8px 8px 0}.shelf-board{margin:0 -8px}.shelf-books{padding:0;min-height:200px}.spine{height:190px;flex-basis:36px}.spine-title{font-size:14px;height:133px}.ghost-spine{height:184px;width:36px}.empty-shelf-note{left:132px;font-size:16px;bottom:65px;max-width:135px}.shelf-caption{line-height:1.5;margin-bottom:32px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px}.book-card .cover{max-width:none}.book-card h3{font-size:21px}.cover-fallback{font-size:20px}.book-card .author{font-size:15px}.search-foot{font-size:9px;padding:10px}.suggestion{padding:12px}.suggestion-title{font-size:17px}.suggestion-author{font-size:10px}.preview-top{grid-template-columns:85px 1fr;gap:18px}.preview-top h2{font-size:26px}dialog{padding:38px 23px 26px}.preview-top .author{font-size:16px}.preview-actions>*{flex:1}footer{gap:20px}footer a{text-align:right}.spine-tooltip{left:0;transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Library chrome stays quiet; the bookcase carries the material detail. */
:root{font-family:Helvetica,Arial,sans-serif;color:#242424;--muted:#818181;--line:#ededed}
.site-header{height:65px;padding:0 5%;gap:28px}.brand{font:21px Helvetica,Arial,sans-serif;letter-spacing:-.7px}.brand span{font-size:19px;color:#8b8b80}.site-header nav a{font-size:12px}.site-header nav a[aria-current]{border-bottom-color:#575757}.local-label{border:0;color:#999;font-size:10px}
#library{max-width:1136px}.discovery{margin:43px auto 40px;max-width:760px}.search-field{height:48px;border-color:#ddd;border-radius:3px;box-shadow:none}.search-field input{font:14px Helvetica,Arial,sans-serif}.search-field input::placeholder{color:#929292}.search-field svg{width:17px;height:17px}.search-context{font-size:10px;margin-top:10px;color:#929292}.section-heading{margin-bottom:19px}.section-heading h2{font:16px Helvetica,Arial,sans-serif;letter-spacing:0}.small{font-size:10px}.browse-results{padding-top:26px}.text-button{font:12px Helvetica,Arial,sans-serif}.book-card h3{font:14px/1.4 Helvetica,Arial,sans-serif;margin-top:13px}.book-card .author{font:12px/1.5 Helvetica,Arial,sans-serif}.book-card .edition{font-size:9px;letter-spacing:0;color:#919188;text-transform:none}.book-grid{gap:30px}.suggestion-title{font:14px/1.4 Helvetica,Arial,sans-serif}.suggestion-author{font-size:10px}.no-results{font:13px/1.5 Helvetica,Arial,sans-serif}.preview-top h2{font:24px/1.25 Helvetica,Arial,sans-serif}.preview-top .author{font:14px/1.6 Helvetica,Arial,sans-serif}.preview-details p{font:13px/1.7 Helvetica,Arial,sans-serif}.preview-details .small{font-size:11px}.preview-top .eyebrow{letter-spacing:.07em;font-size:9px}.cover-fallback{font-family:Garamond,Georgia,serif}footer span{font:14px Helvetica,Arial,sans-serif}footer{margin-top:45px}
/* Solid oak frame, a recessed back, and a separate projecting lip per shelf. */
.shelf-stage{padding:19px 18px 0;background:linear-gradient(90deg,#35211555,transparent 2%,#e6c18b22 48%,#35211544),url('/assets/wood.svg') center/700px 220px;border-radius:3px 3px 2px 2px;border:1px solid #977049;box-shadow:inset 0 2px 1px #efd3a27a,inset 2px 0 2px #ebc89a6b,inset -2px 0 3px #38201266,0 9px 17px -10px #28170888;position:relative}.shelf-stage::before{content:'';position:absolute;left:0;right:0;top:0;height:17px;border-bottom:1px solid #6c4a2c;background:linear-gradient(#e3c49b44,transparent 25%,#43291344),url('/assets/wood.svg') center/700px 130px;box-shadow:0 3px 4px #30200c4a;z-index:1}.shelf-stage::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:#4c321b55;border-top:1px solid #e0bc8766}.shelf-books{min-height:0;display:block;padding:0;background:transparent}.shelf-compartment{position:relative;background:linear-gradient(180deg,#28170950,transparent 23%,transparent 75%,#4b2a102b),repeating-linear-gradient(90deg,transparent 0 240px,#634a2720 241px,#dfc9a53b 242px,transparent 244px),linear-gradient(#c1a27eac,#cdb18db0),url('/assets/wood.svg') center/850px 340px;box-shadow:inset 5px 0 9px #35200f44,inset -5px 0 9px #35200f44,inset 0 7px 12px #281b104d}.shelf-row{height:244px;padding:13px 17px 0;display:flex;gap:2px;align-items:flex-end;position:relative;isolation:isolate}.shelf-row::before{content:'';position:absolute;inset:auto 0 0;height:17px;background:linear-gradient(#cfb289,#977750);transform-origin:bottom;box-shadow:0 -1px 0 #e6ccac66;z-index:-1}.shelf-board{height:20px;margin:0 -7px;position:relative;z-index:2;background:linear-gradient(#dcc09999 0 12%,#50321766 15%,transparent 21%,#e0bd8555 35%,transparent 60%,#3e2717a8),url('/assets/wood.svg') center/650px 130px;border-top:1px solid #e3c49a;border-bottom:1px solid #67462c;border-radius:1px;box-shadow:0 5px 7px #24170c4a,0 -1px 3px #43301b30}.shelf-board::after{display:none}.shelf-caption{font:10px/1.5 Helvetica,Arial,sans-serif;margin:16px 0 27px;color:#92928a;min-height:15px}.empty-shelf-note{position:static;font:12px Helvetica,Arial,sans-serif;color:#5d4b3799;margin:auto;align-self:center;text-shadow:0 1px #ebd7b766}
/* Gilt tooling, raised bands, crowned title panel and volume cartouche. */
.spine{flex:0 0 37px;width:37px;height:225px;border-radius:4px 5px 2px 2px;border:1px solid #111a21;padding:0;display:block;position:relative;overflow:visible;color:#d7c28a;background:linear-gradient(90deg,#080f18,#29313b 9%,#1b2532 20%,#1c2733 64%,#101721 88%,#39424a 95%,#0a131e);box-shadow:inset 2px 0 2px #929ca42e,inset -3px 0 3px #0008,2px 1px 3px #0006,0 -1px 1px #d8c79477;transition:transform .18s,box-shadow .18s;transform-origin:bottom center}.spine::before{inset:0;content:'';height:auto;border:0;background:url('/assets/gilt.svg') center/100% 100% no-repeat;box-shadow:inset 0 3px 1px #0005,inset 0 -4px 2px #0004;border-radius:inherit;pointer-events:none}.spine::after{top:31px;bottom:auto;left:0;right:0;height:96px;border-top:2px solid #9074446b;border-bottom:2px solid #9074446b;box-shadow:0 2px 2px #0008,inset 0 2px 2px #0006;pointer-events:none}.spine-title{position:absolute;writing-mode:vertical-rl;top:39px;left:7px;height:79px;max-width:23px;width:23px;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:small-caps 11px/23px Garamond,Georgia,serif;letter-spacing:.035em;text-shadow:0 -1px 0 #f0dc9c30,0 1px 1px #000;display:block;text-align:center}.spine-volume{position:absolute;top:133px;left:0;right:0;text-align:center;font:9px/13px Garamond,Georgia,serif;color:#e0cd94;letter-spacing:.08em}.spine-brand{position:absolute;top:192px;left:0;right:0;text-align:center;font:9px Frank,serif;color:#cbb780}.spine-progress{left:6px;right:6px;bottom:7px;background:#0008;height:2px}.spine:hover,.spine:focus-visible{transform:translateY(-10px) rotate(-1deg);box-shadow:inset 2px 0 2px #929ca42e,inset -3px 0 3px #0008,3px 3px 6px #0007;z-index:5}.spine-tooltip{font:13px/1.4 Helvetica,Arial,sans-serif;bottom:calc(100% + 12px);left:0;transform:none;text-shadow:none;min-width:210px}.spine-tooltip small{font-size:10px}
@media(max-width:700px){.site-header{height:60px;padding:0 24px}.brand{font-size:21px}.discovery{margin:28px auto 32px}.search-field{height:46px}.search-field input{font-size:14px}.section-heading{align-items:center}.shelf-stage{padding:16px 11px 0}.shelf-row{padding:10px 11px 0;height:232px}.shelf-board{height:17px;margin:0 -5px}.spine{height:219px;flex-basis:37px}.spine-title{top:38px;height:76px}.spine-volume{top:129px}.spine-brand{top:188px}.book-card h3{font-size:14px}.book-card .author{font-size:12px}.preview-top h2{font-size:21px}.preview-top .author{font-size:13px}.book-grid{gap:25px}.suggestion-title{font-size:13px}.spine-tooltip{max-width:190px;min-width:160px}}
.site-header .local-label{margin-left:auto}
/* Serif identity and primary controls; small utility text stays neutral. */
.brand{font:29px Garamond,Georgia,serif;letter-spacing:-1.2px}
.section-heading h2{font:28px/1.1 Garamond,Georgia,serif;letter-spacing:0}
.search-field input{font:20px Garamond,Georgia,serif}
@media(max-width:700px){.brand{font-size:26px}.section-heading h2{font-size:26px}.search-field input{font-size:18px}}
.brand{color:#111;line-height:1}
.brand span{display:inline-block;font:32px/1 Frank,serif;color:#111;letter-spacing:0}
@media(max-width:700px){.brand span{display:inline-block;font-size:29px}}
@font-face{font-family:'Cinzel';src:url('/fonts/Cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap}
.spine-title{font-family:'Cinzel',Georgia,serif;font-variant:normal;font-weight:700;font-size:11px;letter-spacing:.01em;color:#dac48c;text-shadow:0 1px 1px #000,0 -.4px #f9e9b044}
.spine-volume{font-family:'Cinzel',Georgia,serif;font-weight:600}
/* Book detail sheet: cover and bibliography, then progress and a single action row. */
#book-dialog{width:min(620px,calc(100% - 32px));padding:35px;border-radius:4px}
.preview-top{grid-template-columns:145px minmax(0,1fr);gap:29px;align-items:start}
.preview-top .cover{aspect-ratio:2/3}
.preview-source{font:10px/1.5 Helvetica,Arial,sans-serif;color:#8c887d;margin:1px 0 13px}
.preview-top h2{font:34px/1.08 Garamond,Georgia,serif;letter-spacing:-.4px;margin:0}
.preview-top .author{font:18px/1.35 Garamond,Georgia,serif;color:#74766d;margin:10px 0 21px}
.preview-facts{margin:0;font:10px/1.7 Helvetica,Arial,sans-serif;color:#74786d}
.preview-facts>div{display:grid;grid-template-columns:112px 1fr;gap:10px;margin:4px 0}
.preview-facts dt{color:#999c90}.preview-facts dd{margin:0;color:#62675b}
.preview-source-link{display:inline-block;margin-top:13px;font:10px/1.5 Helvetica,Arial,sans-serif;color:#797f70}
.preview-details{margin-top:25px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.preview-details .preview-edition{font:12px/1.6 Garamond,Georgia,serif;color:#86877d;margin:0}
.preview-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;font:10px Helvetica,Arial,sans-serif;color:#83887b}
.preview-progress-track{height:2px;flex-basis:100%;background:#eeeee8}.preview-progress-track i{display:block;background:#9a875b;height:100%}
.preview-bottom .preview-actions{margin-top:19px;justify-content:space-between;align-items:center;gap:18px}
.preview-actions .primary,.preview-actions .secondary{font:16px Garamond,Georgia,serif;padding:8px 17px;border-radius:2px}
.preview-actions .remove-book{font:11px Helvetica,Arial,sans-serif;color:#999487;margin:0}
.preview-status{font:11px/1.6 Helvetica,Arial,sans-serif;color:#777d70;margin:14px 0 0}.preview-status:empty{display:none}
@media(max-width:700px){#book-dialog{padding:32px 22px 22px}.preview-top{grid-template-columns:88px minmax(0,1fr);gap:18px}.preview-top h2{font-size:27px}.preview-top .author{font-size:16px;margin-bottom:14px}.preview-source{font-size:9px;margin-bottom:8px}.preview-facts>div{grid-template-columns:1fr;gap:0;margin:7px 0}.preview-facts{font-size:10px}.preview-actions>*{flex:none}.preview-actions .primary,.preview-actions .secondary{font-size:15px;padding:8px 12px}.preview-details{margin-top:21px}.preview-actions .remove-book{font-size:10px}}
/* Full titles wrapped inside the gilt panel. */
.shelf-section{margin-bottom:32px}
.spine{flex:0 0 var(--spine-width,37px);width:var(--spine-width,37px)}
.spine::after{height:125px}
.spine-title{writing-mode:horizontal-tb;position:absolute;left:50%;top:93px;width:108px;max-width:none;height:calc(var(--spine-width,37px) - 16px);padding:0;transform:translate(-50%,-50%) rotate(90deg);display:flex;align-items:center;justify-content:center;overflow:visible;text-overflow:clip;white-space:normal;font:500 14px/1.12 'Cinzel',Georgia,serif;letter-spacing:0;text-align:center}
.spine-title>span{display:block;width:100%;overflow-wrap:anywhere;text-wrap:balance}
.spine-volume{top:160px}
.spine-brand{top:210px;font-size:8px}
.spine-progress{bottom:4px}
@media(max-width:700px){.spine-title{top:90px;width:104px}.spine::after{height:121px}.spine-volume{top:155px}.spine-brand{top:203px}}

.spine-title{font-weight:500;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 1px 1px #000;color:#d8c28a}
.spine-volume{font-weight:500}
/* A matching set: taller title panels, with crowns and ornaments at their native size. */
.shelf-stage{isolation:isolate}
.shelf-compartment{z-index:0}
.shelf-compartment:has(.spine:hover,.spine:focus-visible){z-index:4}
.shelf-row{height:290px;isolation:auto}
.shelf-row::before{z-index:0}
.spine{height:265px;flex:0 0 60px;width:60px;z-index:1}
.spine::before{background-size:60px 265px}
.spine::after{height:165px}
.spine-title{top:113px;width:148px;height:44px}
.spine-title[lang="he"]{width:42px;height:146px;top:114px;transform:translate(-50%,-50%);font:24px/1.22 Frank,serif;letter-spacing:0;text-transform:none}
.spine-title[lang="he"]>span{overflow-wrap:normal}
.spine-volume{top:200px}.spine-brand{top:250px}
.shelf-tools{display:flex;align-items:center;gap:20px}
.spine-language{display:flex;align-items:center;border:1px solid #e7e6df;border-radius:3px;padding:2px;gap:2px}
.spine-language button{background:none;border:0;padding:5px 8px;font:11px/1 Helvetica,Arial,sans-serif;color:#99998e;border-radius:2px}
.spine-language button[lang="he"]{font:16px/1 Frank,serif;padding:3px 8px}
.spine-language button[aria-pressed="true"]{background:#eeede6;color:#34362f}
.spine-title-editor{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;font:10px Helvetica,Arial,sans-serif;color:#888c7f}
.spine-title-editor input{width:55%;border:1px solid var(--line);padding:6px 8px;border-radius:2px;font:18px Frank,serif}
.spine-title-editor input::placeholder{font:11px Helvetica,Arial,sans-serif}
.spine-title-settings{margin-top:16px;font:11px/1.5 Helvetica,Arial,sans-serif;color:#777d70}
.spine-title-settings summary{cursor:pointer;width:fit-content}
.spine-title-settings summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.spine-title-settings input[lang="he"]::placeholder{font:18px Frank,serif}
.spine{touch-action:none;user-select:none;cursor:grab}
.spine:active{cursor:grabbing}
.spine.is-dragging{opacity:.3;transform:none}
.is-reordering .spine-tooltip{display:none}
.spine-drag-ghost{position:fixed!important;z-index:50;pointer-events:none;transform:none!important;margin:0;opacity:.9;transition:none}
.shelf-drop-marker{position:fixed;z-index:49;width:3px;background:#eed398;box-shadow:0 0 0 1px #6e512c;pointer-events:none;border-radius:2px}
@media(prefers-reduced-motion:reduce){.spine,.cover{transition:none}}
@media(max-width:700px){.shelf-tools{gap:9px}.shelf-tools>.small{display:none}.spine-title{top:113px;width:148px}.spine-title[lang="he"]{width:42px;top:114px}.spine::after{height:165px}.spine-volume{top:200px}.spine-brand{top:250px}.shelf-row{height:290px}}
 .account-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.account-controls:empty{display:none}#sync-actions{margin:0 0 1rem}.account-controls .text-button{font-size:.85rem}