:root{--bg:#faf9f7;--surface:#fff;--text:#2a2733;--text-muted:#8a8494;--border:#e6e3dd;--accent:#6d5bd0;--accent-hover:#5a48bd;--accent-soft:#efecfb;--danger:#c4453e;--star:#e8a33d;--shadow:0 1px 3px #14102814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16141c;--surface:#1f1c27;--text:#e8e6ee;--text-muted:#918b9e;--border:#322e3d;--accent:#9484e8;--accent-hover:#a99cf0;--accent-soft:#2a2540;--danger:#e06962;--star:#edb35a;--shadow:0 1px 3px #0006}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.app{max-width:960px;margin:0 auto;padding:24px 16px 48px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.app-header h1{margin:0;font-size:1.6rem}.header-actions{gap:8px;display:flex}.tabs{border-bottom:2px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.count{background:var(--accent-soft);min-width:1.6em;color:var(--accent);text-align:center;border-radius:999px;padding:0 6px;font-size:.8rem;display:inline-block}.toolbar{gap:10px;margin-bottom:16px;display:flex}.search{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;padding:9px 12px}.search:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:500}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn.small{white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:.82rem}.btn.danger:hover{border-color:var(--danger);color:var(--danger)}.table-wrap{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th.numeric,td.numeric{text-align:right}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:color-mix(in srgb, var(--accent-soft) 45%, transparent)}.sort-btn{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-weight:600;display:inline-flex}.sort-btn:hover{color:var(--accent)}.sort-arrow{opacity:.45;font-size:.7rem}.sort-arrow.active{opacity:1;color:var(--accent)}th.numeric .sort-btn{justify-content:flex-end}.title-cell{align-items:baseline;gap:6px;display:flex}.book-title{font-weight:600}.note-icon{cursor:help;font-size:.85rem}.actions-col{width:1%}.handle-col{text-align:center;width:1%}.drag-handle{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:1.1rem;line-height:1}tr[draggable=true]{cursor:grab}tr[draggable=true]:active{cursor:grabbing}tr[draggable=true] .drag-handle{cursor:grab}tr.drag-over td{box-shadow:inset 0 2px 0 0 var(--accent)}.row-actions{justify-content:flex-end;gap:6px;display:flex}.badge{border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600;display:inline-block}.badge.owned{color:#2e7d48;background:#3e9e5c29}.badge.to-buy{background:color-mix(in srgb, var(--star) 18%, transparent);color:#a06915}@media (prefers-color-scheme:dark){.badge.owned{color:#7fd49b}.badge.to-buy{color:#edc07e}}.stars{color:var(--star);letter-spacing:1px;white-space:nowrap}.stars-empty{opacity:.25}.star-input{align-items:center;gap:2px;display:flex}.star{cursor:pointer;color:var(--border);background:0 0;border:none;padding:0 2px;font-size:1.5rem;line-height:1}.star.filled{color:var(--star)}.star:hover{transform:scale(1.15)}.star-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:.8rem;text-decoration:underline}.empty-state{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:48px 16px}.muted{color:var(--text-muted)}.center{text-align:center}.toast{background:var(--text);color:var(--bg);z-index:20;border-radius:8px;max-width:min(90vw,480px);padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.app-footer{text-align:center;color:var(--text-muted);margin-top:28px;font-size:.82rem}.modal-backdrop{z-index:10;background:#0a081280;justify-content:center;align-items:flex-start;padding:5vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:480px;padding:24px;box-shadow:0 10px 40px #0000004d}.modal h2{margin:0 0 16px;font-size:1.25rem}.field{flex-direction:column;flex:1;gap:4px;margin-bottom:12px;display:flex}.field label{color:var(--text-muted);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field textarea{resize:vertical}.field-row{gap:12px;display:flex}.checkbox-field{cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:.92rem;display:flex}.checkbox-field input{accent-color:var(--accent);width:16px;height:16px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (width<=560px){.field-row{flex-direction:column;gap:0}.toolbar{flex-direction:column}.row-actions{flex-direction:column;align-items:stretch}}