:root{--color-bg: #f6f4ef;--color-surface: #ffffff;--color-surface-alt: #efece4;--color-ink: #23282f;--color-muted: #5f6771;--color-line: #ddd8cc;--color-field-border: #8f887a;--color-accent: #2f3a4a;--color-accent-ink: #f6f4ef;--color-highlight: #8a6d3b;--color-danger: #a33a2e;--color-danger-ink: #ffffff;--color-ok: #2e6b46;--color-chip: #e7e2d6;--color-overlay: rgba(35, 40, 47, .45);--color-warn: #8a5a00;--color-scan-surface: #000000;--color-scan-guide: rgba(255, 255, 255, .85);--color-scan-dim: rgba(0, 0, 0, .45);--color-scan-ink: #ffffff;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--radius-s: 6px;--radius-m: 10px;--radius-l: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--hit-target: 44px;--tab-bar-height: 56px;--header-height: 52px;--sidebar-width: 220px;--text-xs: .75rem;--text-s: .875rem;--text-m: 1rem;--text-l: 1.125rem;--text-xl: 1.375rem;--shadow-sheet: 0 -8px 30px rgba(35, 40, 47, .25);--shadow-card: 0 1px 3px rgba(35, 40, 47, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-m);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}a.btn,.header-btn,a.list-row{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-header{position:sticky;top:0;z-index:20;height:var(--header-height);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-accent);color:var(--color-accent-ink)}.shell-header .spacer{flex:1}.shell-main{flex:1;padding:var(--space-3) var(--space-3) calc(var(--tab-bar-height) + var(--space-5));max-width:1100px;width:100%;margin:0 auto}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;height:var(--tab-bar-height);display:flex;background:var(--color-surface);border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom)}.tab-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--hit-target);text-decoration:none;font-size:var(--text-xs);color:var(--color-muted)}.tab-bar a.active{color:var(--color-accent);font-weight:600}.tab-bar a .tab-glyph{font-size:var(--text-l);line-height:1;font-weight:700}.sidebar{display:none}@media(min-width:900px){.tab-bar{display:none}.shell-body{display:flex;flex:1}.sidebar{display:flex;flex-direction:column;gap:var(--space-1);width:var(--sidebar-width);flex-shrink:0;padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-line);background:var(--color-surface)}.sidebar a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);text-decoration:none;color:var(--color-ink)}.sidebar a.active{background:var(--color-accent);color:var(--color-accent-ink)}.shell-main{padding-bottom:var(--space-5)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--hit-target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);cursor:pointer}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn-danger{background:var(--color-danger);color:var(--color-danger-ink);border-color:var(--color-danger)}.btn-quiet{border-color:transparent;background:transparent}.btn-small{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--text-s)}.btn:disabled{opacity:.5;cursor:default}.header-btn{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--hit-target);padding:var(--space-1) var(--space-2);background:transparent;border:none;color:inherit;cursor:pointer;font-size:var(--text-m);font-weight:600;border-radius:var(--radius-s)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field>label,.field>.field-label{font-size:var(--text-s);color:var(--color-muted)}.field input,.field select,.field textarea{min-height:var(--hit-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-field-border);border-radius:var(--radius-s);background:var(--color-surface);width:100%}.field textarea{min-height:88px;resize:vertical}.field label:has(>input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:var(--space-2);min-height:var(--hit-target);cursor:pointer}.field input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0;margin:0;flex-shrink:0;accent-color:var(--color-accent)}.field-row{display:flex;gap:var(--space-2)}.field-row>.field{flex:1}.card{background:var(--color-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:var(--space-3)}.list-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--hit-target);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-line);width:100%;text-align:left;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;text-decoration:none}.list-row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:var(--text-s);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--color-muted)}.small{font-size:var(--text-s)}.mono{font-family:var(--font-mono)}.danger-text{color:var(--color-danger)}.section-title{font-size:var(--text-s);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:var(--space-4) 0 var(--space-2)}.shelf-section{margin:0;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-line);background:var(--color-bg)}.outline-list .list-row{font:inherit}.list-row-link{color:inherit;text-decoration:none}.empty-state{text-align:center;color:var(--color-muted);padding:var(--space-6) var(--space-4)}.empty-state .btn{margin-top:var(--space-3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--color-overlay);display:flex;align-items:flex-end;justify-content:center}.overlay.center{align-items:center;padding:var(--space-4)}.sheet{background:var(--color-surface);width:100%;max-width:640px;border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:var(--shadow-sheet);max-height:85dvh;overflow-y:auto;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom))}.overlay.center .sheet{border-radius:var(--radius-l);max-height:80dvh}.sheet h2{margin:0 0 var(--space-3);font-size:var(--text-l)}.toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.toolbar select{min-height:36px;border:1px solid var(--color-field-border);border-radius:var(--radius-s);background:var(--color-surface);padding:0 var(--space-2)}.chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-chip);border:none;border-radius:999px;padding:var(--space-1) var(--space-3);min-height:32px;font-size:var(--text-s);cursor:pointer}.chip .x{font-weight:700}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-3)}.grid-card{text-decoration:none;display:block}.grid-card .cover{margin-bottom:var(--space-1)}.grid-card .g-title{font-size:var(--text-s);font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.grid-card .g-author{font-size:var(--text-xs);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover{aspect-ratio:2 / 3;width:100%;border-radius:var(--radius-s);background:var(--color-accent);color:var(--color-accent-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xl);overflow:hidden}.cover.small{width:44px;flex-shrink:0;font-size:var(--text-m)}.cover.large{width:128px;flex-shrink:0}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--tab-bar-height) + var(--space-4));z-index:30;width:56px;height:56px;border-radius:50%;background:var(--color-highlight);color:var(--color-accent-ink);border:none;font-size:28px;line-height:1;cursor:pointer;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;text-decoration:none}@media(min-width:900px){.fab{bottom:var(--space-5)}}.tree-row{display:flex;align-items:center;gap:var(--space-1);min-height:var(--hit-target);border-bottom:1px solid var(--color-line)}.tree-toggle{width:36px;height:var(--hit-target);background:none;border:none;cursor:pointer;color:var(--color-muted);flex-shrink:0}.tree-label{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;text-align:left;min-height:var(--hit-target);padding:0}.tree-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kind-badge{font-size:var(--text-xs);color:var(--color-muted);border:1px solid var(--color-line);border-radius:999px;padding:1px var(--space-2);flex-shrink:0}.tree-count{font-size:var(--text-s);color:var(--color-muted);flex-shrink:0}.detail-head{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.detail-head h1{margin:0 0 var(--space-1);font-size:var(--text-xl)}.call-number{font-family:var(--font-mono);font-size:var(--text-s);color:var(--color-highlight)}.tag-input-box{display:flex;flex-wrap:wrap;gap:var(--space-1);border:1px solid var(--color-field-border);border-radius:var(--radius-s);padding:var(--space-1);background:var(--color-surface)}.tag-input-box input{border:none;flex:1;min-width:120px;min-height:36px;background:transparent}.tag-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.breadcrumb{font-size:var(--text-s);color:var(--color-muted);margin-bottom:var(--space-2)}.form-section{margin-bottom:var(--space-4)}.form-section>summary{cursor:pointer;font-weight:600;padding:var(--space-2) 0;min-height:var(--hit-target);display:flex;align-items:center}img.cover{object-fit:cover}.scan-screen h1{margin-top:0}.scan-live{display:flex;flex-direction:column;gap:var(--space-2)}.scan-topbar{display:flex;align-items:center;gap:var(--space-2)}.viewfinder{position:relative;width:100%;aspect-ratio:3 / 4;max-height:60vh;border-radius:var(--radius-m);overflow:hidden;background:var(--color-scan-surface)}.viewfinder video{width:100%;height:100%;object-fit:cover;display:block}.guide-box{position:absolute;left:12%;right:12%;top:35%;bottom:35%;border:2px dashed var(--color-scan-guide);border-radius:var(--radius-s);pointer-events:none}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-scan-dim);color:var(--color-scan-ink);font-weight:600}.btn-big{min-height:56px;font-size:var(--text-l);width:100%;margin-bottom:var(--space-2)}.warn{color:var(--color-warn);display:block;margin-top:2px}.banner{background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-s);padding:var(--space-2) var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nag-banner{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-3) 0;border-radius:var(--radius-s)}.nag-banner span{flex:1;font-size:var(--text-s)}.nag-banner a{color:inherit;font-weight:600}.nag-banner .btn{color:inherit}.io-card-title{margin:0 0 var(--space-2);font-size:var(--text-l)}.io-preview{border-top:1px solid var(--color-line);margin-top:var(--space-3);padding-top:var(--space-3)}.io-preview details{margin:var(--space-2) 0}.io-preview summary{cursor:pointer;font-size:var(--text-s);color:var(--color-muted)}.io-headers{max-height:240px;overflow-y:auto}.io-covers{margin-top:var(--space-3);border-top:1px solid var(--color-line);padding-top:var(--space-3)}.stat-totals{display:flex;gap:var(--space-4);justify-content:space-around}.stat-big{text-align:center}.stat-number{font-size:var(--text-xl);font-weight:700}.stat-caption{font-size:var(--text-s);color:var(--color-muted)}.bar-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--hit-target);border-bottom:1px solid var(--color-line)}.bar-row:last-child{border-bottom:none}.bar-label{flex:0 0 44%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-s)}.bar-track{flex:1;height:10px;background:var(--color-line);border-radius:5px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--color-accent);border-radius:5px}.bar-count{flex:0 0 auto;font-size:var(--text-s);color:var(--color-muted);font-variant-numeric:tabular-nums}a.bar-link{color:inherit;text-decoration:none}a.bar-link:hover .bar-label,a.bar-link:focus-visible .bar-label{text-decoration:underline}.licenses-table{width:100%;border-collapse:collapse;font-size:var(--text-s)}.licenses-table th{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:2px solid var(--color-line)}.licenses-table td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-line);word-break:break-word}.db-blocked{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#2f3a4ad9;padding:var(--space-4)}.db-blocked-card{background:var(--color-surface);border-radius:var(--radius-m);padding:var(--space-5);max-width:420px;text-align:center}@media(max-width:899px){.btn-small{min-height:var(--hit-target);min-width:var(--hit-target)}button.chip,a.chip,.toolbar select{min-height:var(--hit-target)}.tree-toggle{width:var(--hit-target)}.tag-input-box input{min-height:var(--hit-target)}.nag-banner a,.nag-banner .btn{min-height:var(--hit-target);min-width:var(--hit-target);display:inline-flex;align-items:center;justify-content:center}}