:root{--paper:#eef1ec;--surface:#fff;--ink:#1f2a2e;--muted:#5f6f6c;--line:#d5dcd7;--cloth:#2f5d50;--cloth-ink:#fff;--cloth-bg:#dce8e3;--stamp:#b23a48;--stamp-bg:#f5dde0;--mustard:#8a6c0e;--mustard-bg:#f3e9c6;--blue:#3d5a8a;--blue-bg:#dde5f2;--serif:"Bitter", Georgia, "Times New Roman", serif;--sans:"Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--paper:#151d1f;--surface:#1e292b;--ink:#e4eae7;--muted:#9aa8a5;--line:#2e3b3e;--cloth:#6db39b;--cloth-ink:#0f1a17;--cloth-bg:#1f3530;--stamp:#e57b88;--stamp-bg:#3a2226;--mustard:#e0be55;--mustard-bg:#3a3220;--blue:#8faee0;--blue-bg:#22304a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:inherit}body{background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding-bottom:76px}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--cloth);outline-offset:2px}h1{font:700 26px/1.1 var(--serif);margin:0}h2{font:600 20px/1.25 var(--serif);margin:4px 0 12px}h3{font:600 16px/1.3 var(--serif);margin:24px 0 8px}.mark{background:var(--stamp);vertical-align:-2px;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:10px;height:22px;margin-right:8px;display:inline-block}.error{color:var(--stamp)}.center{place-items:center;min-height:60vh;display:grid}header.top{top:env(safe-area-inset-top,0px);z-index:5;background:var(--paper);border-bottom:1px solid var(--line);position:sticky}.top-inner{justify-content:space-between;align-items:center;max-width:760px;margin:0 auto;padding:14px 18px 12px;display:flex}.admin-link{color:var(--cloth);font-weight:600;text-decoration:none}main{max-width:760px;margin:0 auto;padding:16px 18px 24px}.gate{flex-direction:column;gap:14px;max-width:420px;margin:12vh auto 0;padding:0 20px;display:flex}.stack{flex-direction:column;gap:10px;margin:8px 0;display:flex}.btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:8px 14px;font-size:15px;font-weight:500;display:inline-flex}.btn.big{border-radius:12px;min-height:52px;font-size:16px}.btn.primary{background:var(--cloth);border-color:var(--cloth);color:var(--cloth-ink)}.btn.danger{color:var(--stamp);border-color:var(--stamp)}.row-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:14px}.tag{background:var(--cloth-bg);color:var(--cloth);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.empty{text-align:center;padding:40px 12px}nav.tabs{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs a{text-align:center;max-width:152px;color:var(--muted);flex:1;padding:14px 4px;font-size:14px;font-weight:500;text-decoration:none}nav.tabs a.active{color:var(--cloth);font-weight:600}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.field input{font:400 16px var(--sans);color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:11px 12px}.btn.ghost{color:var(--cloth);background:0 0;border-color:#0000}.btn:disabled{opacity:.6;cursor:default}.muted{color:var(--muted)}.small{font-size:14px}.error{color:var(--stamp);margin:8px 0 0;font-size:14px}.field select,.field textarea{font:400 16px var(--sans);color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:10px 12px}.field textarea{resize:vertical;min-height:72px}.field input.ttl{font-family:var(--serif);font-weight:600}.field .lbl{font-size:14px;font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}@media (width<=420px){.grid3{grid-template-columns:1fr 1fr}.grid3 .f-last{grid-column:span 2}}.search{border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;color:var(--ink);border-radius:10px;margin-bottom:8px;padding:10px 14px}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.card.notice{border-left:4px solid var(--mustard)}.tag.lent{background:var(--stamp-bg);color:var(--stamp)}.tag.library{background:var(--mustard-bg);color:var(--mustard)}.tag.borrowed{background:var(--blue-bg);color:var(--blue)}.tag.overdue{background:var(--stamp);color:#fff}.m .tag,.unit .tag{margin-left:0}.unit{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:10px 0 16px;overflow:hidden}.unit-head{padding:12px 14px 4px}.unit-head h3{margin:0}.unit-head .count{color:var(--muted);font-size:14px;font-weight:400;font-family:var(--sans)}.shelf-wrap{-webkit-overflow-scrolling:touch;padding:12px 14px 0;overflow-x:auto}.shelf{border-bottom:10px solid #b9a586;align-items:flex-end;gap:3px;width:max-content;min-width:100%;min-height:136px;padding:0 4px;display:flex;box-shadow:0 4px #9c8665}@media (prefers-color-scheme:dark){.shelf{border-bottom-color:#5a4c3a;box-shadow:0 4px #3f3528}}.spine{width:var(--w);height:var(--h);background:var(--c);color:#f4f1e8;border:0;border-radius:3px 3px 1px 1px;flex:none;justify-content:center;padding:8px 0;display:flex;position:relative;box-shadow:inset -3px 0 #0000002e,inset 2px 0 #ffffff14}.spine span{writing-mode:vertical-rl;font:600 11px/1.1 var(--serif);text-overflow:ellipsis;white-space:nowrap;max-height:100%;overflow:hidden;transform:rotate(180deg)}.spine:before{content:"";background:#ffffff38;height:5px;position:absolute;top:14px;left:0;right:0}.spine.lent{border:2px dashed var(--stamp);color:var(--stamp);box-shadow:none;background:0 0}.spine.lent:before{display:none}.spine.library:after,.spine.borrowed:after{content:"";height:14px;position:absolute;bottom:10px;left:0;right:0}.spine.library:after{background:var(--mustard)}.spine.borrowed:after{background:var(--blue)}.shelf-empty{color:var(--muted);align-self:center;padding:0 6px 20px;font-size:14px}.unit-foot{justify-content:flex-end;gap:4px;padding:8px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:2px 0 6px;font-size:13px;display:flex}.legend i{vertical-align:-2px;border-radius:2px;width:10px;height:14px;margin-right:6px;display:inline-block}.chips{gap:8px;margin:0 -18px;padding:2px 18px 10px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:none;padding:6px 12px;font-size:14px}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.list{border-top:1px solid var(--line);flex-direction:column;display:flex}.item{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:flex-start;gap:12px;width:100%;padding:12px 2px;display:flex}.item .swatch{background:var(--c);border-radius:2px;flex:0 0 8px;align-self:stretch}.item .body{flex:1;min-width:0}.item .t{font:600 16px/1.3 var(--serif)}.item .a{color:var(--muted);font-size:14px}.item .m{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.sheet-bg{z-index:20;background:#0a101273;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:calc(100% - 40px - env(safe-area-inset-top,0px));padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;overflow:auto}@media (width>=640px){.sheet-bg{align-items:center}.sheet{border-radius:18px}}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sheet-head h2{margin:0}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg label{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:checked){background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}.seg label:has(input:focus-visible){outline:2px solid var(--cloth);outline-offset:2px}.scan-hero{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.photo-prev{object-fit:cover;border-radius:12px;width:100%;max-height:240px;margin-bottom:12px;display:block}.reading{align-items:center;gap:12px;margin:8px 0 14px;display:flex}.dots{gap:4px;display:inline-flex}.dots i{background:var(--cloth);border-radius:2px;width:6px;height:18px;animation:1s ease-in-out infinite bob}.dots i:nth-child(2){background:var(--blue);animation-delay:.15s}.dots i:nth-child(3){background:var(--stamp);animation-delay:.3s}@keyframes bob{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.dots i{animation:none}}.rv{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:4px 10px;padding:12px 0;display:grid}.rv>input[type=checkbox]{width:20px;height:20px;accent-color:var(--cloth);margin-top:8px}.rv .inputs{gap:6px;display:grid}.rv .inputs input[type=text]{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;border-radius:8px;width:100%;padding:8px 10px}.rv .inputs input.ttl{font-family:var(--serif);font-weight:600}.rv .note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.rv.off .inputs{opacity:.5}.tag.low{background:var(--mustard-bg);color:var(--mustard);margin-left:0}.checks{flex-direction:column;gap:8px;font-weight:400;display:flex}.checks label{align-items:center;gap:10px;font-size:15px;display:flex}.checks input{width:18px;height:18px;accent-color:var(--cloth)}.group-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.group-row .body{flex:1;min-width:0}.group-row h3{margin:0}.switch{background:var(--line);border:0;border-radius:999px;flex:none;width:46px;height:28px;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--cloth)}.switch[aria-checked=true]:after{left:21px}.friend{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:14px}.friend h3{margin:0}.friend details{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.friend summary{cursor:pointer;padding:4px 0;font-weight:600}.fbook{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.fbook:last-child{border-bottom:0}.fbook .t{font:600 15px/1.3 var(--serif)}.req{flex-direction:column;gap:6px;display:flex}.badge{background:var(--stamp);color:#fff;border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px;line-height:16px;display:inline-block}