:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203b32;background:#f5f2eb;font-synthesis:none;--green:#233c35;--cream:#f5f2eb;--gold:#b99150}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}button,input,select,textarea{border-radius:9px}button{min-height:46px;border:0;padding:10px 16px;font-weight:650}.primary{background:var(--green);color:#fff}.secondary{background:#e8e4da;color:var(--green)}.danger{background:#fae7e4;color:#912c24}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b99150;outline-offset:3px}input,select,textarea{width:100%;padding:12px;border:1px solid #b8beb5;background:#fff;color:#203b32;font-size:16px;min-height:46px}textarea{resize:vertical;min-height:115px}label{display:block;font-size:14px;font-weight:650;margin:16px 0 6px}header{background:var(--green);color:#f9f2df;padding:calc(25px + env(safe-area-inset-top)) 22px 25px}header .inner{max-width:960px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d2b579;margin:0 0 8px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,5vw,40px);letter-spacing:-.04em;margin:0}header button{background:#e9ce95;color:#263b32;white-space:nowrap}main{max-width:1000px;margin:auto;padding:22px 20px 40px}.toolbar{display:flex;gap:14px;align-items:center;margin:0 0 22px}.search-wrap{position:relative;flex:1}.search-wrap input{background:#fffdf9;padding-left:39px}.search-icon{position:absolute;left:14px;top:14px;pointer-events:none}.count{font-size:14px;white-space:nowrap;color:#607065}.bookcase{border:10px solid #61432f;border-radius:8px;background:#4c3629;box-shadow:0 16px 28px #30241623}.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:22px;padding:26px 26px 0;background:linear-gradient(180deg,#322a24,#584332);border-bottom:15px solid #926744;box-shadow:inset 0 -4px 5px #231b1940;min-height:235px}.shelf:last-child{border-bottom:0;padding-bottom:20px}.book{padding:0;background:transparent;border:0;border-radius:3px;color:#fff8e8;display:flex;flex-direction:column;align-items:stretch;min-width:0;transition:transform .15s}.book:hover{transform:translateY(-5px)}.cover{position:relative;background:#7b493b;aspect-ratio:2/3;width:100%;border-radius:2px 5px 5px 2px;box-shadow:4px 3px 5px #0006;overflow:hidden;display:flex;align-items:center;justify-content:center;border-left:4px solid #ffffff18}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.fallback[hidden]{display:none}.fallback{display:flex;flex-direction:column;justify-content:space-between;gap:10px;width:100%;height:100%;padding:17px 6px 14px;text-align:center;border:1px solid #fff4;color:#fff7e6;font-family:Georgia,serif;overflow:hidden}.fallback b{font-size:clamp(12px,2vw,17px);line-height:1.2;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.fallback small{font-family:system-ui;font-size:12px;line-height:1.3;overflow:hidden}.book-caption{font-size:12px;font-weight:500;padding:7px 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4e5ce}.empty{margin:0 auto;text-align:center;color:#f1e1c5;padding:65px 22px;max-width:400px}.empty h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:0 0 13px}.empty p{line-height:1.6;color:#dec8a8;margin:0 0 24px}.empty button{background:#e9ce95;color:#263b32}.footnote{color:#697369;font-size:13px;line-height:1.55;margin:24px 2px 0}.offline{background:#f1dfb5;padding:12px 18px;font-size:14px;line-height:1.5}.hidden{display:none!important}dialog{border:0;padding:0;background:#fffdf9;color:#203b32;width:min(94vw,540px);max-height:90vh;max-height:90dvh;border-radius:16px;box-shadow:0 20px 80px #0006;overflow:auto}dialog::backdrop{background:#14251fd1}.panel-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;background:#fffdf9;border-bottom:1px solid #deddd2}.panel-head h2{margin:0;font:400 26px Georgia,serif}.close{background:#eae7de;font-size:22px;width:46px;padding:0;flex-shrink:0}.panel-body{padding:20px 22px 26px}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{flex:1;background:#eee9de;padding:10px 7px;font-size:14px}.tabs button[aria-pressed=true]{background:var(--green);color:#fff}.scan-button{display:block;width:100%;font-size:18px}.divider{font-size:14px;color:#6d766e;text-align:center;margin:22px 0 10px}.inline{display:flex;gap:8px;align-items:end}.inline input{flex:1;min-width:0}.inline button{flex-shrink:0}.message{padding:13px 15px;margin:16px 0;background:#efe6d2;font-size:14px;line-height:1.5;border-radius:8px}.message.error{background:#fbe6e0;color:#852e20}.message.duplicate{background:#f3dfb5;color:#57390b;font-weight:750}.small{font-size:14px;line-height:1.55;color:#677268}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .wide{grid-column:1/-1}.actions{display:flex;gap:10px;margin-top:24px}.actions button{flex:1}.detail-top{display:flex;gap:20px;align-items:flex-start}.detail-cover{width:115px;flex-shrink:0}.detail-top h3{font:400 25px/1.25 Georgia,serif;margin:2px 0 10px;overflow-wrap:anywhere}.detail-top p{font-size:14px;line-height:1.55;margin:8px 0;overflow-wrap:anywhere}.editor-cover{width:100px;margin:0 auto 18px}.camera{background:#172a23;border-radius:12px;position:relative;overflow:hidden;aspect-ratio:4/3}.camera video{width:100%;height:100%;object-fit:cover}.scan-guide{position:absolute;inset:29% 8%;border:2px solid #e9ce95;border-radius:8px;pointer-events:none;box-shadow:0 0 0 100px #0003}.result-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.result{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#eeece3}.result img{width:40px;height:60px;object-fit:cover;flex-shrink:0}.result span{min-width:0}.result b{display:block;font-size:16px;line-height:1.3}.result small{display:block;font-size:13px;font-weight:400;margin-top:5px;color:#657166}.loading{padding:40px;text-align:center}#toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--green);color:#fff;max-width:90vw;padding:13px 20px;border-radius:10px;z-index:5;box-shadow:0 6px 25px #0003;display:none}#toast.visible{display:block}.install{display:flex;gap:12px;align-items:center;margin-top:18px}.install p{flex:1;margin:0;font-size:13px;line-height:1.5;color:#657166}#storage-warning{margin-top:14px}.warning-text{color:#8e372d}@media(max-width:650px){header{padding-left:18px;padding-right:18px}header .inner{align-items:center}h1{font-size:28px;max-width:210px}header button{padding:11px 13px}.eyebrow{font-size:11px}main{padding:18px 12px 30px}.toolbar{gap:10px}.bookcase{border-width:7px}.shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:23px 18px 0;min-height:220px}.shelf:last-child{padding-bottom:16px}.fallback b{font-size:14px;overflow-wrap:anywhere}.count{font-size:13px}.panel-body{padding:18px}.panel-head{padding:16px 18px}.form-grid{gap:0 10px}.book-caption{font-size:12px}.footnote{margin:20px 6px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:651px)and (max-width:850px){.shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}