:root{--ink:#18322d;--cream:#f8f4ea;--paper:#fffdf7;--coral:#e56b5d;--sage:#7a9b87;--gold:#e9b949;--muted:#68736d;--line:#e6e0d3;--danger:#b9433a}*{box-sizing:border-box}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{background:var(--cream)}body{color:var(--ink);background:radial-gradient(circle at 90% 0,#e4eee4 0,transparent 25rem),var(--cream);margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #e56b5d8c}.shell{max-width:1400px;min-height:100vh;margin:auto;padding:20px clamp(16px,4vw,56px) 42px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;line-height:1;text-decoration:none;display:flex}.brand-mark{flex:none;width:44px;height:44px;display:block}.bm-book{fill:var(--ink)}.bm-leaf{fill:var(--sage)}.bm-leaf-main{fill:var(--gold)}.brand span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:6px;font-family:DM Sans,system-ui,sans-serif;font-size:10.5px;font-weight:600;display:block}.user-box{align-items:center;gap:12px;display:flex}.logout{min-height:36px;padding:6px 11px;font-size:13px}.user-chip{align-items:center;gap:9px;max-width:210px;font-size:14px;display:flex}.avatar{background:var(--coral);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user-chip small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.nav{border-bottom:1px solid var(--line);gap:6px;margin:0 -4px 28px;padding:4px;display:flex;overflow:auto}.nav button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px 10px 0 0;padding:10px 13px;font-weight:600}.nav button.active{background:var(--paper);color:var(--ink);box-shadow:0 -1px 0 var(--line),1px 0 0 var(--line),-1px 0 0 var(--line)}.hero{grid-template-columns:1fr;gap:22px;margin-bottom:26px;display:grid}.hero-copy{padding:9px 0}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}h1,h2,h3{letter-spacing:-.045em;margin:0;font-family:Fraunces,Georgia,serif;line-height:1.04}h1{max-width:680px;margin:7px 0 12px;font-size:clamp(33px,5vw,57px)}h2{font-size:28px}h3{font-size:21px}.hero p,.lede{color:var(--muted);max-width:620px;margin:0;line-height:1.55}.search-panel,.surface{background:#fffdf7db;border:1px solid #e6e0d3f2;border-radius:20px;box-shadow:0 14px 35px #18322d0f}.search-panel{align-content:center;gap:10px;padding:17px;display:grid}.series-tag{color:#426154;background:#e3ede2;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:700;display:inline-flex}.field-with-icon{display:block;position:relative}.field-with-icon svg{color:var(--sage);position:absolute;top:50%;left:13px;transform:translateY(-50%)}input,select,textarea{width:100%;color:var(--ink);background:#fffefa;border:1px solid #d8d4c8;border-radius:11px;padding:11px 12px}.field-with-icon input{padding-left:41px}textarea{resize:vertical;min-height:92px}.filter-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 14px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--ink);color:#fff;box-shadow:0 6px 14px #18322d29}.btn.coral{background:var(--coral);color:#fff}.btn.ghost{color:var(--ink);background:0 0;border-color:#cbc5b6}.btn.ghost.danger{color:var(--danger);border-color:#e8c0bb}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.content-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px;display:flex}.content-head p{color:var(--muted);margin:5px 0 0;font-size:14px}.count{color:#426154;background:#e3ede2;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.book-grid{grid-template-columns:repeat(auto-fill,minmax(157px,1fr));gap:15px;display:grid}.book-card{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:0;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 8px 20px #18322d0d}.book-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px #18322d1f}.cover{aspect-ratio:2/2.75;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#d5e5d5,#f5c0aa);width:100%;display:block}.cover-placeholder{text-align:center;color:#fffdf7;background:linear-gradient(135deg,#6d927d,#18322d);place-items:center;padding:15px;font-family:Fraunces,serif;font-size:23px;display:grid}.book-card:nth-child(3n) .cover-placeholder{background:linear-gradient(135deg,#e56b5d,#a34239)}.book-card:nth-child(4n) .cover-placeholder{background:linear-gradient(135deg,#e9b949,#b96a3d)}.book-info{padding:13px 14px 16px;display:block}.book-info strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.2;display:-webkit-box;overflow:hidden}.book-info small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding-top:5px;display:block;overflow:hidden}.availability{color:#527160;align-items:center;gap:5px;margin-top:10px;font-size:12px;font-weight:700;display:inline-flex}.availability:before{content:"";background:currentColor;border-radius:99px;width:7px;height:7px}.availability.out{color:#a44d44}.empty{text-align:center;color:var(--muted);border:1px dashed #cfc6b5;border-radius:18px;padding:42px 22px}.empty svg{color:var(--sage);margin-bottom:8px}.empty p{margin:7px 0 0}.split{grid-template-columns:1fr;gap:20px;display:grid}.surface{padding:20px}.stack{gap:12px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.list-card{border:1px solid var(--line);background:#fffefa;border-radius:14px;padding:14px}.list-card strong{display:block}.list-card p{color:var(--muted);margin:5px 0 0;font-size:14px}.list-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.status{color:#466352;text-transform:uppercase;letter-spacing:.04em;background:#e4eee5;border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.status.warn{color:#96642c;background:#faead4}.status.coral{color:#a94c42;background:#f8deda}.dialog-backdrop{z-index:20;background:#18322d73;justify-content:center;align-items:end;padding:0;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:24px 24px 0 0;width:100%;max-width:690px;max-height:93vh;padding:22px;overflow:auto;box-shadow:0 -12px 50px #0000002e}.dialog-close{float:right;color:var(--muted);background:0 0;border:0;padding:4px}.detail{grid-template-columns:116px 1fr;gap:18px;display:grid}.detail .cover{border-radius:12px}.detail p{color:var(--muted);line-height:1.55}.dialog-actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.stars{gap:4px;display:flex}.star{color:#c9c4b8;background:0 0;border:0;padding:2px}.star.on{color:var(--gold);fill:var(--gold)}.rating{color:#896c28;font-size:13px;font-weight:700}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:1fr}.form-grid label{gap:6px;font-size:13px;font-weight:700;display:grid}.notice{border-left:4px solid var(--sage);color:#365344;background:#edf4ea;border-radius:8px;padding:11px 13px;font-size:14px}.notice.error{color:#803a33;border-color:var(--coral);background:#fbe8e5}.toast{z-index:30;background:var(--ink);color:#fff;border-radius:12px;max-width:340px;padding:13px 15px;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 32px #18322d42}.login{background:radial-gradient(circle at 15% 10%,#f5c0aa 0,transparent 19rem),radial-gradient(circle at 90% 90%,#c9dec8 0,transparent 23rem),var(--cream);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fffdf7eb;border:1px solid #e9e0cf;border-radius:25px;width:min(100%,440px);padding:clamp(24px,6vw,42px);box-shadow:0 24px 55px #18322d24}.login-card .brand{margin-bottom:40px}.login-card h1{font-size:39px}.login-card p{color:var(--muted);line-height:1.5}.login-form{gap:14px;margin-top:25px;display:grid}.hint{color:var(--muted);margin:2px 0 0;font-size:12px}.loading{min-height:70vh;color:var(--muted);place-items:center;display:grid}.spinner{border:3px solid #d8e3d7;border-top-color:var(--sage);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cover-upload-preview{border:1px solid var(--line);background:#fffefa;border-radius:13px;align-items:center;gap:13px;padding:10px;display:flex}.cover-upload-preview img{-o-object-fit:cover;object-fit:cover;background:#e4eee5;border-radius:8px;width:62px;height:84px}.cover-upload-preview .btn{margin-left:auto}.upload-status{color:#456653;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.upload-status>span:first-child{background:#dde9dc;border-radius:99px;width:74px;height:7px;overflow:hidden}.upload-status>span:first-child:after{content:"";border-radius:inherit;background:var(--sage);width:48%;height:100%;animation:1.05s ease-in-out infinite alternate upload-progress;display:block}@keyframes upload-progress{0%{transform:translate(-48%)}to{transform:translate(105%)}}@media (min-width:700px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:end}.split{grid-template-columns:1.08fr .92fr}.form-grid.two{grid-template-columns:1fr 1fr}.dialog-backdrop{align-items:center;padding:24px}.dialog{border-radius:24px}.detail{grid-template-columns:175px 1fr}.topbar{margin-bottom:34px}}@media (min-width:1000px){.hero h1{white-space:nowrap;max-width:none;font-size:clamp(40px,4.4vw,57px)}}@media (max-width:420px){.user-chip div:not(.avatar),.logout span{display:none}.logout{padding:6px 9px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shell{padding-inline:13px}.hero h1{font-size:35px}}.list-row .dialog-actions{justify-content:flex-end;align-items:center;margin-top:0}.toast.toast-error{background:#803a33}.toast button{vertical-align:middle;color:inherit;background:0 0;border:0;margin-left:10px;padding:2px}.btn.danger:not(.ghost){background:var(--danger);color:#fff;box-shadow:0 6px 14px #b9433a33}.confirm-dialog{max-width:440px}.confirm-dialog h2{margin:0 0 8px;font-size:26px}.confirm-dialog p{color:var(--muted);margin:0;line-height:1.55}.confirm-dialog .dialog-actions{justify-content:flex-end;margin-top:22px}.date-field{position:relative}.date-field input{padding-right:44px}.date-toggle{width:34px;height:34px;color:var(--sage);background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.date-toggle:hover{background:#edf4ea}.date-pop{z-index:40;border:1px solid var(--line);background:var(--paper);border-radius:16px;width:min(296px,100vw - 32px);padding:12px;font-weight:400;position:fixed;top:0;left:0;box-shadow:0 14px 35px #18322d29}.date-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.date-head button{width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.date-head button:hover{background:#edf4ea}.date-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-weekday{color:var(--muted);padding:4px 0;font-size:11px;font-weight:700}.date-day{aspect-ratio:1;color:var(--ink);background:0 0;border:0;border-radius:9px;font-size:14px}.date-day:hover:not(:disabled){background:#edf4ea}.date-day.today{box-shadow:inset 0 0 0 1px var(--sage)}.date-day.selected{background:var(--ink);color:#fff}.date-day:disabled{color:#c9c4b8;cursor:not-allowed}.date-foot{border-top:1px solid var(--line);justify-content:space-between;margin-top:8px;padding-top:8px;display:flex}.date-foot button{color:var(--coral);background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:700}.date-foot button:hover:not(:disabled){background:#fbe8e5}.date-foot button:disabled{color:#c9c4b8;cursor:not-allowed}.datetime-field{grid-template-columns:minmax(0,1fr) 92px;gap:8px;display:grid}.suggest{position:relative}.suggest input{padding-right:40px}.suggest-chevron{color:var(--sage);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.suggest-list{z-index:15;border:1px solid var(--line);background:var(--paper);border-radius:16px;max-height:300px;margin:0;padding:6px;font-weight:400;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 14px 35px #18322d29}.suggest-option{cursor:pointer;border-radius:10px;padding:9px 11px}.suggest-option.active{background:#edf4ea}.suggest-option.chosen strong:after{content:" ✓";color:var(--sage)}.suggest-option strong{font-size:14px;line-height:1.3;display:block}.suggest-option small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:400;display:block}.suggest-option .series-tag{margin-top:5px}.suggest-empty{color:var(--muted);padding:12px;font-size:14px}.book-row-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:flex-start;gap:14px;padding:0;display:flex}.book-row-main:hover .book-row-text>strong{text-decoration:underline}.book-row-text{min-width:0;display:block}.book-row-text>strong{display:block}.book-row-text>small{color:var(--muted);margin-top:5px;font-size:14px;display:block}.book-thumb{flex:none;width:48px;display:block}.book-thumb .cover{border-radius:6px;box-shadow:0 2px 6px #18322d26}.book-thumb .cover-placeholder{word-break:break-word;padding:3px;font-size:8px;line-height:1.15;overflow:hidden}.list-card.is-free{border-left:4px solid var(--sage)}.list-card.is-out{border-left:4px solid var(--coral);background:#fff8f6}.list-row .dialog-actions .status{padding:6px 11px;font-size:12px}.history-title{align-items:center;gap:12px;display:flex}.history-filter{margin-bottom:14px}.history-main{flex:1;min-width:0}.history-dialog h2{margin:0 0 16px;font-size:26px}.history-static{gap:6px;font-size:13px;font-weight:700;display:grid}.history-static p{margin:0;font-size:15px;font-weight:400}.history-static .series-tag{justify-self:start;margin-top:0}.history-actions{justify-content:flex-end;margin-top:8px}.history-meta b{color:var(--ink);font-weight:700}.date-pill{color:var(--ink);white-space:nowrap;background:#efe7d3;border-radius:999px;padding:1px 9px;font-weight:700;display:inline-block}.author-picker{flex-direction:column;display:flex}.author-chips{flex-wrap:wrap;order:-1;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.author-chip{color:#426154;background:#e3ede2;border-radius:999px;align-items:center;gap:2px;min-height:32px;padding:2px 2px 2px 12px;font-size:13px;font-weight:700;display:inline-flex}.author-chip button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}.author-chip button:hover,.author-chip button:focus-visible{color:var(--danger);background:#b9433a1f}.suggest-option.suggest-create{border-top:1px solid var(--line);min-height:32px;color:var(--coral);border-radius:0 0 10px 10px;margin-top:4px}.suggest-option.suggest-create:first-child{border-top:0;border-radius:10px;margin-top:0}.suggest-option.suggest-create strong{font-weight:800}.suggest-option.suggest-create[aria-disabled=true]{opacity:.6;cursor:progress}.form-grid .field-group{gap:6px;font-size:13px;font-weight:700;display:grid}.form-grid.two{align-items:start}