:root{--bg: #faf7f2;--surface: #ffffff;--surface-2: #f2ede4;--text: #2a241c;--muted: #7a6f60;--border: #e2d9cb;--accent: #6b4f2a;--accent-text: #ffffff;--accent-soft: #efe4d2;--ok: #2f7a3e;--warn: #a8640c;--warn-soft: #fbecd2;--danger: #b3261e;--radius: 10px;--shadow: 0 2px 10px rgba(40, 30, 10, .12);--tap: 44px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #1a1714;--surface: #24201b;--surface-2: #2e2922;--text: #efe8dc;--muted: #a99d8c;--border: #3d362d;--accent: #d2a86b;--accent-text: #1a1714;--accent-soft: #3a3024;--ok: #6cc07c;--warn: #e4a54a;--warn-soft: #3d2f18;--danger: #ef6b62;--shadow: 0 2px 12px rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1{font-size:1.3rem;margin:0}h2{font-size:1.15rem;margin:0 0 .5rem}h3{font-size:1rem;margin:1.2rem 0 .5rem}.icon{flex:none;vertical-align:middle}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.grow{flex:1;min-width:0}.error{color:var(--danger)}.pre{white-space:pre-wrap}[hidden]{display:none!important}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;padding-top:max(.5rem,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text);text-decoration:none}.brand img{border-radius:6px}.topnav{display:flex;gap:.25rem;flex:1}.topnav a{padding:.4rem .7rem;border-radius:8px;text-decoration:none;color:var(--text)}.topnav a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.collection-switch{width:auto;max-width:12rem}.collection-name{color:var(--muted);font-size:.9rem}main{max-width:1100px;margin:0 auto;padding:0 1rem 6rem}.bottomnav{display:none}@media(max-width:760px){.topnav{display:none}.topbar{justify-content:space-between}main{padding:0 1rem calc(5.5rem + env(safe-area-inset-bottom))}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.45rem 0 .4rem;font-size:.7rem;color:var(--muted);text-decoration:none}.bottomnav a.on{color:var(--accent);font-weight:600}}.boot{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;text-align:center}.page{padding-top:1rem}.page-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.page-head h1{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--tap);padding:0 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.small{min-height:36px;padding:0 .7rem;font-size:.9rem}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;flex:none}.icon-btn.on{background:var(--accent-soft);color:var(--accent)}.icon-btn.small{width:30px;height:30px}.icon-btn .dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:8px;background:var(--accent);color:var(--accent-text);font-size:.65rem;line-height:16px;text-align:center}input,select,textarea{width:100%;min-height:var(--tap);padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:16px}textarea{min-height:5rem;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=checkbox]{width:22px;height:22px;min-height:0;accent-color:var(--accent)}.field{display:block;margin-bottom:.9rem}.field>span,.field>label{display:block;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:.25rem}.check{display:flex;align-items:center;gap:.6rem;margin:.4rem 0 1rem;min-height:var(--tap)}.row{display:flex;gap:.5rem}.row .narrow{width:7.5rem;flex:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}@media(max-width:480px){.grid2{grid-template-columns:1fr}}.hint{font-size:.85rem;margin:.3rem 0 0;color:var(--muted)}.hint.ok{color:var(--ok)}.hint.warn{color:var(--warn)}.hint.error{color:var(--danger);margin:-.6rem 0 .9rem}.badge{display:inline-block;margin-left:.4rem;padding:0 .45rem;border-radius:6px;font-size:.72rem;font-weight:600;background:var(--surface-2);color:var(--muted);vertical-align:middle}.badge.warn{background:var(--warn-soft);color:var(--warn)}.chips{position:relative;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:var(--tap);padding:.3rem .4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:text}.chips:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.chips input{flex:1;min-width:8rem;border:0;min-height:34px;padding:.2rem .3rem;outline:none;background:transparent}.chip{display:inline-flex;align-items:center;gap:.15rem;padding:.2rem .25rem .2rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--text);font-size:.9rem;text-decoration:none}a.chip{padding:.2rem .7rem;margin:0 .3rem .3rem 0}.chip-btn{border:0;background:transparent;color:var(--muted);padding:2px;display:inline-flex;cursor:pointer;border-radius:50%}.suggest{position:absolute;left:0;right:0;top:100%;z-index:30;margin:4px 0 0;padding:4px 0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-height:16rem;overflow:auto}.suggest li{padding:.6rem .8rem;cursor:pointer}.suggest li.active,.suggest li:hover{background:var(--accent-soft)}.form{max-width:720px;margin:0 auto}.more{margin:.5rem 0 1rem;border-top:1px solid var(--border);padding-top:.5rem}.more summary{cursor:pointer;font-weight:600;padding:.7rem 0;color:var(--accent)}.form-actions{position:sticky;bottom:0;z-index:10;display:flex;gap:.5rem;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin:1rem -1rem 0;padding:.7rem 1rem;background:var(--bg);border-top:1px solid var(--border)}@media(max-width:760px){.form-actions{bottom:calc(3.4rem + env(safe-area-inset-bottom))}}.form-actions .saving{flex:1;color:var(--muted);font-size:.9rem}.photos-edit{margin-bottom:1rem}.photo-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.photo-tile{position:relative;flex:none;width:96px;height:128px;border-radius:8px;overflow:hidden;background:var(--surface-2);border:2px solid transparent;padding:0;cursor:pointer}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-tile.is-cover,.photo-tile.sel{border-color:var(--accent)}.photo-tile.processing{display:flex;align-items:center;justify-content:center;font-size:.75rem}.cover-badge{position:absolute;left:4px;top:4px;margin:0;background:var(--accent);color:var(--accent-text)}.photo-tools{position:absolute;right:2px;bottom:2px;display:flex;gap:2px}.photo-tools .icon-btn{background:#0000008c;color:#fff}.photo-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.photo-buttons.big .btn{flex:1;min-height:56px;font-size:1.05rem}.searchbar{position:sticky;top:57px;z-index:15;display:flex;gap:.4rem;align-items:center;padding:.6rem 0;background:var(--bg)}.search-input{flex:1;display:flex;align-items:center;gap:.3rem;padding:0 .3rem 0 .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.search-input:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.search-input input{border:0;outline:none;padding-left:.2rem;background:transparent}.seg{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex:none}.seg button{width:40px;height:42px;border:0;background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.seg button.on{background:var(--accent-soft);color:var(--accent)}@media(max-width:330px){.seg{display:none}}.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 .6rem;align-items:end;padding:.8rem;margin-bottom:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.filters .btn{margin-bottom:.9rem}.count{color:var(--muted);font-size:.85rem;margin:.2rem 0 .6rem}.items{list-style:none;margin:0;padding:0}.items .item{display:flex;gap:.8rem;color:var(--text);text-decoration:none}.items .thumb{flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-2);color:var(--muted);border-radius:6px}.items .thumb img{width:100%;height:100%;object-fit:cover;display:block}.items .title{font-weight:600;overflow-wrap:anywhere}.items .sub{color:var(--muted);font-size:.9rem}.items.list li{border-bottom:1px solid var(--border)}.items.list .item{padding:.6rem 0;align-items:center}.items.list .thumb{width:52px;height:70px}.items.list.compact .thumb{width:40px;height:54px}.items.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem .8rem}.items.grid .item{flex-direction:column;gap:.4rem}.items.grid .thumb{width:100%;aspect-ratio:3 / 4}.items.grid .title{font-size:.9rem;line-height:1.25}.items.grid .sub{font-size:.8rem}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.fab{position:fixed;right:1.2rem;bottom:1.5rem;z-index:18;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow)}@media(max-width:760px){.fab{bottom:calc(4.4rem + env(safe-area-inset-bottom))}}.detail-top{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:1.5rem;margin-bottom:1rem}@media(max-width:640px){.detail-top{grid-template-columns:1fr}}.main-photo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 4;padding:0;border:0;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);cursor:zoom-in}.main-photo img{width:100%;height:100%;object-fit:contain}.empty-photo{flex-direction:column;gap:.5rem;color:var(--muted);text-decoration:none;cursor:pointer}.gallery .photo-row{margin-top:.5rem}.gallery .photo-tile{width:60px;height:80px}.book-title{font-size:1.4rem;margin:0 0 .3rem;overflow-wrap:anywhere}.subtitle{margin:0 0 .5rem;color:var(--muted)}.authors{margin:0 0 .7rem;font-weight:500}.loc{color:var(--muted)}.fields{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1rem;margin:1rem 0}.fields dt{color:var(--muted);font-size:.9rem}.fields dd{margin:0;overflow-wrap:anywhere}.text-block p{margin:0}.danger-zone{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.lightbox{position:fixed;inset:0;z-index:50;background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.quick{max-width:560px;margin:0 auto}.quick-photo{aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);margin-bottom:.7rem;display:flex;align-items:center;justify-content:center;color:var(--muted)}.quick-photo img{width:100%;height:100%;object-fit:contain}.quick .field{margin-top:1rem}.tree{list-style:none;margin:0;padding:0}.tree .tree{padding-left:1.2rem;border-left:1px dashed var(--border);margin-left:.6rem}.tree-row{display:flex;align-items:center}.tree-name{flex:1;display:flex;align-items:center;gap:.4rem;min-height:var(--tap);padding:.3rem .6rem;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.tree-row.sel .tree-name{background:var(--accent-soft);font-weight:600}.count-badge{margin-left:auto;font-size:.8rem;color:var(--muted)}.tree-actions{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem .6rem .7rem}.cards{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.6rem}.card{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.card.current{border-color:var(--accent)}.card .title{font-weight:600}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#00000073;display:flex;align-items:flex-end;justify-content:center;padding:1rem}@media(min-width:600px){.modal-backdrop{align-items:center}}.modal{width:100%;max-width:460px;max-height:90vh;overflow:auto;padding:1.2rem;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);margin-bottom:env(safe-area-inset-bottom)}.modal-body ul{padding-left:1.2rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(5rem + env(safe-area-inset-bottom));z-index:60;max-width:calc(100% - 2rem);padding:.7rem 1rem;border-radius:var(--radius);background:var(--text);color:var(--bg);box-shadow:var(--shadow);font-size:.95rem}.toast-error{background:var(--danger);color:#fff}.spinner{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem;color:var(--muted)}.spinner-dot{width:18px;height:18px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input.autofilled,select.autofilled,textarea.autofilled,.field.autofilled .chips,.photos-edit.autofilled .photo-tile,.capture-photo.autofilled .photo-tile{animation:autofill 4s ease-out}@keyframes autofill{0%,60%{background-color:var(--ok-soft);box-shadow:0 0 0 2px var(--ok)}to{background-color:var(--surface);box-shadow:none}}:root{--ok-soft: #e1f1e4}@media(prefers-color-scheme:dark){:root{--ok-soft: #1f3524}}.capture{max-width:640px;margin:0 auto}.capture-head{position:sticky;top:57px;z-index:12;display:flex;align-items:center;gap:.6rem;margin:0 -1rem .8rem;padding:.6rem 1rem;background:var(--accent-soft);border-bottom:1px solid var(--border)}.capture-path{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}.capture-pos{font-size:1.05rem}.capture-photo{display:flex;gap:.6rem;align-items:center;margin-bottom:1rem}.capture-photo .photo-tile{width:72px;height:96px}.capture-actions{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;gap:.8rem;margin:1rem -1rem 0;padding:.7rem 1rem;background:var(--bg);border-top:1px solid var(--border)}@media(max-width:760px){.capture-actions{bottom:calc(3.4rem + env(safe-area-inset-bottom))}}.capture-actions .btn-save{flex:1;min-height:56px;font-size:1.1rem}.kbd-hint{color:var(--muted);font-size:.8rem}@media(pointer:coarse){.kbd-hint{display:none}}.upload-status{font-size:.85rem;color:var(--muted);margin:-.3rem 0 .8rem}.upload-status.error{color:var(--danger)}button.link{border:0;background:none;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit;padding:0}fieldset.field{border:0;padding:0;margin:0 0 .9rem;min-width:0}fieldset.field legend{font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:.25rem;padding:0}.quick-tags,.radio-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem;align-items:center}.toggle{display:inline-flex;align-items:center;min-height:38px;padding:0 .8rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.92rem;cursor:pointer}.toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.radio-row input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.radio-row .toggle:focus-within{outline:2px solid var(--accent);outline-offset:2px}.toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shelf-list{list-style:none;margin:0;padding:0}.shelf-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border);background:var(--bg)}.shelf-item .item{flex:1;min-width:0;display:flex;gap:.7rem;align-items:center;color:var(--text);text-decoration:none}.shelf-item .thumb{width:40px;height:54px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:5px;overflow:hidden;color:var(--muted)}.shelf-item .thumb img{width:100%;height:100%;object-fit:cover}.shelf-item .title{font-weight:600;overflow-wrap:anywhere}.shelf-item .sub{color:var(--muted);font-size:.88rem}.shelf-item .pos{width:2.4rem;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.drag-handle{flex:none;width:36px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sortable-ghost{opacity:.35}.sortable-chosen{background:var(--accent-soft)}.insert-row{height:0;position:relative;z-index:2}.insert-row a{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .6rem;border-radius:999px;border:1px dashed var(--border);background:var(--surface);color:var(--muted);font-size:.75rem;text-decoration:none;opacity:.55}.insert-row a:hover,.insert-row a:focus{opacity:1;color:var(--accent);border-color:var(--accent)}@media(pointer:coarse){.insert-row a{opacity:.8;padding:.2rem .7rem}}.insert-row:first-child{height:28px}.insert-row:first-child a{top:2px;transform:translate(-50%)}.photo-role{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;color:var(--muted)}.photo-role select{width:auto;min-height:36px;padding:.2rem .5rem}.photo-tile{position:relative}.role-badge{position:absolute;left:0;right:0;bottom:0;font-size:.6rem;background:#0000008c;color:#fff;text-align:center}