:root{--wall: #ddd9d2;--paper: #fbfaf8;--ink: #2c2a27;--muted: #6b655c;--line: #d6d1c8;--lamp: #e8a94c}*{box-sizing:border-box}body{margin:0;background:var(--wall);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}code{font-size:.9em;background:#0000000f;padding:1px 4px;border-radius:3px}.app{max-width:1400px;margin:0 auto}.boot{padding:48px;color:var(--muted)}.banner{background:#f6e6c4;border-bottom:1px solid #e0cb9c;padding:10px clamp(16px,3vw,40px);font-size:13px}.app-head{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px clamp(16px,3vw,40px) 0}.app-title{font-family:Fraunces,Georgia,serif;font-weight:300;font-size:clamp(22px,3vw,32px);letter-spacing:-.01em;margin:0;white-space:nowrap}.search{position:relative;flex:1;max-width:460px}.search-input{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font:inherit;color:inherit}.search-input:focus{outline:2px solid var(--lamp);outline-offset:1px}.search-results{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 32px -20px #00000080;padding:6px;max-height:340px;overflow:auto}.result-list{list-style:none;margin:0;padding:0}.result{display:grid;gap:1px;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;font:inherit;color:inherit}.result:hover{background:#e8a94c29}.result-title{font-weight:500}.result-author{font-size:12px;color:var(--muted)}.result-where{font-size:12px;color:#8a6a24}.panel{margin:clamp(16px,3vw,40px);margin-top:0;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px 22px}.panel-empty{color:var(--muted)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.panel-title{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:22px;margin:0}.panel-sub{margin:2px 0 0;font-size:13px;color:var(--muted)}.book-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.book-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px}.cover{width:40px;height:58px;object-fit:cover;border-radius:2px}.cover-blank{background:linear-gradient(160deg,#ddd7cc,#c9c2b5)}.book-meta{display:grid;gap:1px;min-width:0}.book-title{font-weight:500}.book-author,.book-status,.book-notes{font-size:12px;color:var(--muted)}.book-status{color:#8a6a24}.book-actions{display:flex;gap:6px}.book-row-clickable{cursor:pointer}.book-row-clickable:hover{border-color:#b9b2a5}.book-row-clickable:focus-visible{outline:2px solid var(--lamp);outline-offset:1px}.book-detail{display:grid;grid-template-columns:96px 1fr;gap:16px}.book-detail-cover{width:96px;height:140px;object-fit:cover;border-radius:4px}.book-detail-meta{display:grid;gap:4px;align-content:start}.book-detail-authors{margin:0;font-size:14px;color:var(--muted)}.book-detail-summary{margin-top:14px;font-size:14px;line-height:1.5}.book-detail-summary p{margin:0}.book-form{display:grid;gap:10px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#00000004}.field{display:grid;gap:4px}.field>span{font-size:12px;color:var(--muted)}.field input,.field select{padding:8px 10px;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--paper);color:inherit}.field input:focus,.field select:focus{outline:2px solid var(--lamp);outline-offset:1px}.field-row{display:flex;gap:10px;align-items:flex-end}.grow{flex:1}.form-actions{display:flex;gap:8px;margin-top:4px}.btn{padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font:inherit;color:inherit;cursor:pointer}.btn:hover{border-color:#b9b2a5}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--ink);color:#fbfaf8;border-color:var(--ink)}.btn-primary:hover{background:#43403b}.btn-small{padding:5px 10px;font-size:13px}.btn-quiet,.muted{color:var(--muted)}.small{font-size:12px}.error{color:#9c2f2f;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2a2773;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-head h3{margin:0;font-size:17px;font-weight:500}.modal-close{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 6px}.modal-close:hover{color:var(--ink)}@media(max-width:640px){.app-head{flex-direction:column}.search{max-width:none;width:100%}.book-row{grid-template-columns:34px 1fr}.book-actions{grid-column:1 / -1}}