:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:1rem}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}:root{--primary-color:#3182ce;--bg-color:#f7fafc;--card-bg:#fff;--text-main:#2d3748;--text-muted:#718096;--border-color:#e2e8f0;--header-min-height:56px}@media (prefers-color-scheme:dark){:root{--primary-color:#63b3ed;--bg-color:#1a202c;--card-bg:#2d3748;--text-main:#edf2f7;--text-muted:#a0aec0;--border-color:#4a5568}}body{background-color:var(--bg-color);color:var(--text-main);width:100%;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;overflow:hidden}.app-wrapper{flex-direction:column;width:100%;height:100dvh;display:flex}header{min-height:var(--header-min-height);border-bottom:1px solid var(--border-color);background:var(--card-bg);z-index:100;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.logo-area h1{margin:0;font-size:1rem}.button-group{align-items:center;gap:.4rem;display:flex}.btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;display:flex}.btn-primary{background:var(--primary-color);color:#fff;border:none}.main-content{-webkit-overflow-scrolling:touch;flex-grow:1;padding:1rem 1rem 120px;overflow-y:auto}.scanner-area{border-bottom:1px solid var(--border-color);background:#000;flex-shrink:0;overflow:hidden}.book-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}.book-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.thumbnail-wrapper{aspect-ratio:1/1.4;background:var(--bg-color);border-bottom:1px solid var(--border-color);width:100%}.thumbnail-wrapper img{object-fit:cover;width:100%;height:100%}.no-image{height:100%;color:var(--text-muted);opacity:.3;justify-content:center;align-items:center;display:flex}.book-info{padding:.6rem}.book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.2rem;font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.delete-btn{color:#fff;z-index:10;background:#00000080;border:none;border-radius:4px;padding:5px;display:flex;position:absolute;top:6px;right:6px}.toast{color:#fff;z-index:3000;text-align:center;background:#000000d9;border-radius:8px;max-width:85%;padding:.75rem 1.25rem;font-size:.85rem;animation:.3s ease-out slideUp;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:12px;width:100%;max-width:340px;padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.3rem;font-size:.75rem;font-weight:600;display:block}.form-group input{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:6px;padding:.6rem}