:root{--bg: #D9C9A4;--surface: #EDE2C6;--border: #B49E73;--text: #1A1410;--muted: #4B4134;--accent: #53257C;--accent-contrast: #FFFFFF;--focus: #8457C1;--radius: 12px;--shadow: 0 8px 24px rgba(38, 24, 12, .25);--gap: .75rem}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.page-title,.results-title,.book-title{font-family:"Source Serif 4",Georgia,Times New Roman,Times,serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:repeating-linear-gradient(0deg,rgba(0,0,0,.012) 0,rgba(0,0,0,.012) 1px,transparent 2px),radial-gradient(1600px 1100px at 10% -20%,rgba(83,37,124,.05),transparent 75%),radial-gradient(1800px 1200px at 90% -10%,rgba(132,87,193,.045),transparent 78%),radial-gradient(2000px 1300px at 50% 120%,rgba(92,67,36,.05),transparent 76%),linear-gradient(180deg,#ffffff14,#0000),var(--bg);background-repeat:no-repeat;background-attachment:fixed}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2NCcgaGVpZ2h0PSc2NCc+CjxmaWx0ZXIgaWQ9J24nPgo8ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9JzAuOCcgbnVtT2N0YXZlcz0nMicgc2VlZD0nNycgdHlwZT0nZnJhY3RhbE5vaXNlJy8+CjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnLz4KPGZlQ29tcG9uZW50VHJhbnNmZXI+PGZlRnVuY0EgdHlwZT0ndGFibGUnIHRhYmxlVmFsdWVzPScwIDAuMTUnLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+CjwvZmlsdGVyPgo8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbiknLz4KPC9zdmc+);opacity:.06;mix-blend-mode:multiply;z-index:0}@media (prefers-reduced-transparency: reduce){body:after{opacity:.03}}a{color:var(--accent);text-decoration:none}a:hover,a:focus{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:1.2rem}.page{margin-top:1rem;display:grid;gap:var(--gap);position:relative}.page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1200px 800px at -10% -10%,rgba(0,0,0,.04),transparent 60%),radial-gradient(1200px 800px at 110% -10%,rgba(0,0,0,.04),transparent 60%),radial-gradient(1200px 800px at 50% 110%,rgba(0,0,0,.05),transparent 60%)}.stack{display:grid;gap:var(--gap)}.center-page{display:grid;place-items:center;min-height:60vh}.page-card{text-align:center;max-width:640px;width:100%;margin:0 auto}.narrow{width:min(720px,100%);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px #ffffff59 inset,var(--shadow);padding:1rem}.page-title{margin:0;font-size:1.5rem;line-height:1.2;font-weight:700;text-align:center}.muted{color:var(--muted)}.small{font-size:.9rem}.text-italic{font-style:italic}.book-title{font-weight:600}.error{color:#f87171}button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:10px;padding:.55rem .9rem;cursor:pointer}button:hover{filter:brightness(1.03)}button.primary{background:var(--accent)}button.danger{background:#9c2c2c;color:#fff}button.icon-button{background:#e1d4ba;color:var(--text)}button[disabled]{opacity:.6;cursor:not-allowed}button:not(.primary):not(.danger){background:transparent;color:var(--text);border:1px solid var(--border)}button:not(.primary):not(.danger):hover{background:#53257c14}input,textarea,select{background:#e3d6b9;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.55rem}input::placeholder,textarea::placeholder{color:#5b5147}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.toolbar{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.toolbar__group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.toolbar__group--center{justify-content:center}.pagination{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem}.book-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.book-item{display:grid;gap:var(--gap);align-items:start;padding:.25rem 0;border-top:1px solid rgba(27,21,34,.08)}.book-item:first-child{border-top:0}.book-item:hover .book-title{text-decoration:underline}.book-item.card{transition:transform .08s ease,box-shadow .12s ease,filter .12s ease}.book-item.card:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 8px 20px #00000040}.book-item>*{min-width:0}.book-item--search{grid-template-columns:64px 1fr auto;column-gap:.75rem}.book-item--search>div:last-child{align-self:center}.book-item--list{grid-template-columns:48px 1fr minmax(220px,2fr) auto auto auto}.search-form{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;row-gap:.75rem;margin-top:.75rem;margin-bottom:.5rem}.search-form select{min-width:5.25rem}.results-toolbar{width:min(720px,100%);margin-top:.75rem}.results-head{display:grid;gap:.25rem;padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(27,21,34,.1);position:relative}.results-head:after{content:"";position:absolute;left:0;bottom:-1px;width:88px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.55}.results-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.2px}.search-results{display:grid;gap:var(--gap);margin-top:1rem;width:min(720px,100%)}.book-item.book-item--list.card{padding:.9rem 1.1rem}.book-item--list{column-gap:calc(var(--gap) + .25rem);grid-template-columns:48px 1fr minmax(240px,2fr) auto auto auto}.book-list{gap:calc(var(--gap) + .25rem)}.book-item--list>:last-child{justify-self:end}@media (max-width: 620px){.book-item.book-item--list.card{padding:1rem 1.2rem}.book-item--list{column-gap:calc(var(--gap) + .35rem)}}.skel-list{display:grid;gap:.5rem}.skel-row{display:grid;grid-template-columns:64px 1fr auto;align-items:start;gap:.75rem;padding:.25rem 0;border-top:1px solid rgba(27,21,34,.08)}.skel-row:first-child{border-top:0}.skel-cover{width:64px;height:96px;border-radius:8px;background:#e8dac0;position:relative;overflow:hidden}.skel-lines{display:grid;gap:.4rem}.skel-line{height:.8rem;width:100%;border-radius:6px;background:#e8dac0;position:relative;overflow:hidden}.skel-line.sm{width:60%;height:.7rem}.skel-line.xs{width:40%;height:.7rem}.skel-btn{width:72px;height:36px;border-radius:10px;background:#e8dac0;position:relative;overflow:hidden}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skel-cover:after,.skel-line:after,.skel-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 1.25s ease-in-out infinite;opacity:.35}@media (prefers-reduced-motion: reduce){.skel-cover:after,.skel-line:after,.skel-btn:after{animation:none;opacity:.15}}.cover{background:#e8dac0;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;overflow:hidden}.cover--md{width:64px;height:96px}.cover--sm{width:48px;height:72px}.cover img{width:100%;height:100%;object-fit:cover}.stars{display:inline-flex;align-items:center;gap:.25rem;font-size:1.15rem}.star{border:none;background:transparent;cursor:pointer;padding:0 .1rem;line-height:1;color:var(--text);opacity:.7}.star.filled{color:var(--accent);opacity:1}.star:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.inline-confirm{display:inline-flex;gap:.5rem;align-items:center}.inline-confirm button{min-width:3.25rem}.inline-confirm .danger{padding:.4rem .6rem}.notes-col{min-width:0;max-width:100%}.notes-snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.notes-full{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.nav{display:flex;gap:var(--gap);align-items:center}.nav__spacer{margin-left:auto}.no-top-margin{margin-top:0}@media (max-width: 620px){.book-item--search{grid-template-columns:64px 1fr}.book-item--list{grid-template-columns:48px 1fr}.toolbar{align-items:start}.pagination{gap:var(--gap)}}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--gap)}.form-grid>*{width:100%}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--gap)}.hero{position:relative;isolation:isolate;width:100%;min-height:340px;margin:0 0 var(--gap) 0;border-radius:var(--radius);overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(80% 60% at 50% 20%,rgba(83,37,124,.18),transparent 60%),linear-gradient(180deg,#ede2c6,#d9c9a4);background-image:linear-gradient(to bottom,#1a141000,#1a141040),image-set(url(/images/hero-reading-nook.webp) type("image/webp"),url(/images/hero-reading-nook.jpg) type("image/jpeg"));background-size:cover;background-repeat:no-repeat;filter:saturate(.95) contrast(.98)}.hero__inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:min(680px,calc(100% - 2rem));text-align:center;background:#ede2c6c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius);padding:1rem}.hero__mark{width:56px;height:56px;display:inline-block;margin-bottom:.5rem;opacity:.95}.paper-texture--cover{border-radius:var(--radius);background:linear-gradient(180deg,#1a14100f,#1a141005),image-set(url(/images/texture-parchment.webp) type("image/webp"),url(/images/texture-parchment.jpg) type("image/jpeg"));background-size:cover;background-position:center;background-repeat:no-repeat}.section-stripe{height:32px;border-radius:var(--radius);background:linear-gradient(180deg,#1a141014,#1a141005)}.bookmark-accent{background:url(/images/illus-bookmarks.svg) center/320px auto no-repeat;height:80px;opacity:.2}