*{box-sizing:border-box;margin:0}:root{--bg: #141210;--panel: #1f1c19;--ink: #ece5dc;--muted: #9a8f82;--accent: #c26f38;--ok: #6fae6f;--warn: #c9a94e}body{background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif}.app{display:flex;flex-direction:column;min-height:100dvh}main{flex:1;padding:1rem 1rem 5rem;max-width:900px;width:100%;margin:0 auto}nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--panel);border-top:1px solid #33302c;padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;padding:.9rem 0;background:none;border:none;color:var(--muted);font-size:.95rem;cursor:pointer}nav button.active{color:var(--accent);font-weight:600}.badge{background:var(--accent);color:#fff;border-radius:999px;padding:0 .45em;margin-left:.35em;font-size:.8em}input,select{width:100%;padding:.7rem;margin:.3rem 0;background:var(--bg);color:var(--ink);border:1px solid #3c3833;border-radius:8px;font-size:1rem}button{padding:.7rem 1.1rem;margin:.3rem 0;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}button:disabled{opacity:.5}button.ghost{background:none;border:1px solid #4a453f;color:var(--ink)}button.danger{background:#a33f3f}.row{display:flex;gap:.5rem;align-items:center}.toolbar select{width:auto}.panel{background:var(--panel);padding:1.2rem;border-radius:12px}.hint{color:var(--muted);font-size:.9rem;margin:.3rem 0 .6rem}.error{color:#e08585;margin:.5rem 0}.empty{color:var(--muted);text-align:center;margin-top:3rem}.scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.viewfinder{position:relative;border-radius:12px;overflow:hidden;background:#000}.viewfinder video{width:100%;display:block;max-height:62dvh;object-fit:cover}.mode-pill{position:absolute;top:.6rem;left:50%;transform:translate(-50%);display:flex;border-radius:999px;overflow:hidden;background:#00000073}.mode-pill button{border:0;background:transparent;color:#fff;padding:.3rem .9rem;font-size:.85rem}.mode-pill button.active{background:#ffffff40;font-weight:600}.live-badge{position:absolute;top:2.6rem;left:50%;transform:translate(-50%);background:#000000a6;color:var(--warn);padding:.35rem .8rem;border-radius:999px;font-size:.9rem;white-space:nowrap}.coverage-tint{position:absolute;top:0;bottom:0;pointer-events:none;background:#00000059;transition:width .12s linear;opacity:0}.edge-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:3px solid #fff;border-radius:inherit;animation:edge-flash .26s ease-out forwards}@keyframes edge-flash{0%{opacity:.9}to{opacity:0}}.sweep-tally{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);background:#0000008c;color:#fff;padding:.25rem .7rem;border-radius:999px;font-size:.85rem;white-space:nowrap}button.trace-download{position:absolute;top:.7rem;right:.7rem;margin:0;background:#000000a6;padding:.35rem .8rem;font-size:.9rem;border:none;white-space:nowrap}.shutter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:4.2rem;height:4.2rem;border-radius:50%;background:#fff;border:4px solid var(--accent)}.sweep-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:0;background:#0000008c}.sweep-control-glyph{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);transition:border-radius .15s,background .15s}.sweep-control.running .sweep-control-glyph{border-radius:3px;background:#a33f3f}.sweep-control-label{font-size:.7rem;line-height:1;letter-spacing:.04em;color:#fff}.sweep-control.running{border-color:#a33f3f}.capped-notice{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);max-width:90%;margin:0;text-align:center;background:#000000bf;color:var(--warn);padding:.6rem 1rem;border-radius:12px;font-size:.95rem}.feed{list-style:none;padding:.5rem 0}.feed li{padding:.25rem 0;font-size:.95rem}.feed-accepted{color:var(--ok)}.feed-owned{color:var(--warn)}.feed-queued{color:var(--muted)}.cards{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.card{background:var(--panel);border-radius:12px;overflow:hidden}.capture-photo{width:100%;height:auto;display:block}.analysing{display:flex;align-items:center;gap:.5rem;color:var(--warn);padding:.5rem 0}.analysing:before{content:"";width:.8rem;height:.8rem;border-radius:50%;border:2px solid var(--warn);border-top-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-body{padding:.9rem}.shelf{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}.book{background:var(--panel);border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.book img{width:100%;aspect-ratio:2/3;object-fit:cover}.book-label{padding:.5rem;font-size:.85rem;display:flex;flex-direction:column;gap:.15rem}.book-label span{color:var(--muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}.modal .panel{width:100%;max-width:420px;max-height:90dvh;overflow-y:auto}.spine-view{cursor:pointer}.spine-view .capture-photo{max-height:160px;width:auto;max-width:100%;margin:0 auto}.spine-view.expanded .capture-photo{max-height:none;width:100%}.spine-view .hint{display:block;text-align:center;padding-bottom:.3rem}.cover-placeholder{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;font-size:.85rem;color:#ffffffe6}.details-cover{width:110px;flex-shrink:0}.details-cover img,.details-cover .cover-placeholder{width:110px;border-radius:6px}.details-head{display:flex;gap:1rem;margin-bottom:.8rem}.details-head dl{font-size:.9rem}.details-head dt{color:var(--muted);margin-top:.4rem;font-size:.8rem}.issues{background:#c9a94e1f;border-radius:8px;padding:.6rem .8rem;margin-bottom:.8rem}.issues p{color:var(--warn);font-size:.88rem;margin:.2rem 0}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.chip{padding:.4rem .8rem;margin:0;border-radius:999px;font-size:.9rem;background:none;border:1px solid #4a453f;color:var(--ink)}.chip-count{color:var(--muted);margin-left:.25rem}.bookshelf{display:flex;flex-direction:column;gap:20px}.shelf-label{margin:0 0 4px;font-size:.95em;opacity:.8}.board-row{display:flex;align-items:flex-end;gap:2px;overflow-x:auto;padding:10px 12px 0;background:linear-gradient(180deg,#241c14,#362a1d);border-bottom:14px solid;border-image:linear-gradient(180deg,#8a6a45,#5c4630 60%,#3e2f20) 1;border-radius:3px}.spine{position:relative;flex:none;border:none;cursor:pointer;border-radius:2px 2px 0 0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0 8px;box-shadow:2px 0 4px #00000080,inset 1px 0 #ffffff24}.spine-title,.spine-author{writing-mode:vertical-rl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f2ead8;text-shadow:0 1px 2px rgba(0,0,0,.8)}.spine-title{font-size:11px;font-weight:600;letter-spacing:.4px;max-height:72%}.spine-author{font-size:8.5px;opacity:.75;max-height:22%}.face-out{flex:none;border:none;background:none;cursor:pointer;width:96px;margin:0 8px;padding:0;align-self:flex-end;box-shadow:-4px 4px 10px #0000008c;border-radius:2px;overflow:hidden}.face-out img,.face-out .cover-placeholder{width:100%;display:block}.view-toggle{display:flex;gap:0}.view-toggle button.active{background:none;border:1px solid var(--accent);color:var(--accent);font-weight:600}.login{max-width:26rem;margin:4rem auto;padding:0 1rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.login h1{margin-bottom:0}.login form{justify-content:center}.login input{flex:1}.legal-links{margin-top:1.5rem;padding:1rem 0;text-align:center;font-size:.8rem;color:var(--muted)}.legal-links a{color:var(--muted)}.legal{max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;line-height:1.55}.legal h1{font-size:1.4rem;margin:.5rem 0 .25rem}.legal h2{font-size:1.05rem;margin:1.6rem 0 .4rem}.legal p,.legal li{color:var(--ink)}.legal ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}.legal p{margin-top:.4rem}.legal-updated{color:var(--muted);font-size:.85rem}.legal-back{display:inline-block;margin-bottom:.5rem;color:var(--muted);text-decoration:none}.legal-back:hover{color:var(--ink)}.toast{position:fixed;left:50%;bottom:5rem;transform:translate(-50%);max-width:90%;background:#4a1f1f;color:#ffd7d7;border:1px solid #e08585;padding:.7rem 1rem;border-radius:8px;z-index:100;cursor:pointer;box-shadow:0 4px 14px #0006}.settings{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.settings h1{font-size:1.3rem}.usage{width:100%}.usage h2{font-size:1.1rem;margin-top:.8rem}.usage h3{font-size:.95rem;margin:.9rem 0 .3rem}.usage-table{overflow-x:auto}.usage table{border-collapse:collapse;width:100%;font-size:.88rem;white-space:nowrap}.usage th,.usage td{text-align:left;padding:.35rem .8rem .35rem 0;border-bottom:1px solid #33302c}.usage th{color:var(--muted);font-weight:500}.usage .num{text-align:right}.sweep-strip-row{display:flex;align-items:center;gap:.5rem}.sweep-strip{display:flex;gap:.4rem;overflow-x:auto;list-style:none;padding:.4rem 0;margin:0;flex:1}.sweep-thumb{position:relative;flex:0 0 auto;height:64px}.sweep-thumb img{height:100%;border-radius:4px;display:block}.thumb-gone{display:block;width:44px;height:100%;border-radius:4px;background:#333}.thumb-badge{position:absolute;right:2px;bottom:2px;font-size:.7rem;background:#000000a6;color:#fff;border:0;border-radius:3px;padding:0 .25rem}.thumb-badge.ok{background:#168039d9}.thumb-badge.err{background:#a01e1ee6}.thumb-badge.spinner{width:.7rem;height:.7rem;padding:0;background:transparent;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.end-confirm{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--warn)}.end-confirm button{margin:0}