@import url(https://fonts.googleapis.com/css2?family=Winky+Sans:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#fff;box-shadow:0 1px 2px #0000000d;padding:.5rem 0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.header-container,.logo{align-items:center;display:flex}.logo{color:#4361ee;font-size:1.25rem;font-weight:600;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{line-height:1.2}.header-nav{align-items:center;display:flex}.header-nav .nav-button{background-color:initial;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;position:relative;transition:color .2s}.header-nav .nav-button:hover{color:#4b5563}.header-nav .nav-button.active{color:#4361ee}.header-nav .nav-button.active:after{background-color:#4361ee;border-radius:2px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30%}.header-nav .logout-button{color:#ef4444;margin-left:.75rem}.header-nav .logout-button:hover{color:#b91c1c}.read-stats{background-color:#f5f7ff;border-radius:20px;box-shadow:0 1px 3px #0000000d;color:#4f4f4f;font-size:.95rem;padding:.5rem 1rem}@media (max-width:600px){.header-container{flex-wrap:wrap}.logo{font-size:1.1rem;margin-bottom:.5rem;width:100%}.header-nav{justify-content:space-between;width:100%}.header-nav .nav-button{font-size:.8rem;padding:.4rem .5rem}.read-stats{font-size:.85rem;padding:.4rem .8rem}}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem auto;max-width:800px;padding:1.25rem}.form-title{color:#333;font-size:1.25rem;margin-bottom:1rem}.search-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}@media (max-width:600px){.search-form{flex-direction:column;gap:.75rem}.input-field{min-width:0}.button,.input-field{font-size:1rem;padding:1rem;width:100%}}.input-field{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:.95rem;min-width:0;padding:.6rem}.input-field:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33;outline:none}.button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;padding:.6rem 1.25rem;transition:background-color .2s}.button:hover{background-color:#3a56d4}.button:disabled{background-color:#a5b4fc;cursor:not-allowed}.error-message{color:#e53e3e;font-size:.9rem;margin-top:.5rem}.book-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.book-details{grid-template-columns:1fr 1fr}}@media (max-width:600px){.book-details{gap:1rem;grid-template-columns:1fr}.form-group,.form-group.full-width{grid-column:1/-1;width:100%}.button-group{flex-direction:column;gap:.75rem;width:100%}.button,.cancel-button{font-size:1rem;padding:1rem;width:100%}}.form-group{width:100%}.form-group.full-width{grid-column:1/-1}.label{color:#4b5563;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.input:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33;outline:none}.select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.select:focus{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee33;outline:none}.button-group{display:flex;gap:1rem;grid-column:1/-1;justify-content:flex-end;margin-top:1rem}.cancel-button{background-color:#fff;border:1px solid #ddd;color:#4b5563}.cancel-button:hover{background-color:#f9fafb}.book-cover{display:flex;grid-column:1/-1;justify-content:center;margin-bottom:1rem}.book-cover img{box-shadow:0 4px 6px #0000001a;max-height:200px;object-fit:contain}.message-box{border-radius:4px;font-size:.875rem;margin-bottom:1rem;padding:1rem}.message-box.info{background-color:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.message-box.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.message-box p{margin-bottom:.5rem}.message-box p:last-child{margin-bottom:0}.search-results{margin-bottom:2rem}.results-title{color:#4b5563;font-size:1rem}.results-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (max-width:600px){.results-grid{gap:1rem;grid-template-columns:1fr}}.result-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.result-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-4px)}.result-image{height:180px}.result-image img{max-height:100%;max-width:calc(100% - 8px)}.result-info{padding:.75rem}.result-title{color:#1f2937;font-size:.875rem;margin-bottom:.25rem;text-overflow:ellipsis}.result-authors{font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.form-container>.error-message:last-child,.form-container>.search-form:last-child{margin-bottom:0}.list-container{margin:0 auto;max-width:100%}.library-filters{display:flex;gap:1.25rem;justify-content:center;margin-bottom:1.25rem}.library-filter-link{background:none;border:none;border-bottom:2px solid #0000;color:#4361ee;cursor:pointer;font-size:1rem;font-weight:500;padding:0 .5rem .25rem;transition:color .2s,border-color .2s}.library-filter-link.active{border-bottom:2px solid #4361ee;color:#111827}.library-filter-link:hover:not(.active){border-bottom:2px solid #a5b4fc;color:#2746b6}.list-title{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));justify-items:center}.card,.grid{align-items:stretch}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;height:320px;margin:0;max-width:220px;min-height:260px;min-width:170px;overflow:hidden;padding:0;position:relative;transition:box-shadow .2s,transform .2s;width:100%}@media (min-width:360px){.card{height:150px;width:90px}}@media (min-width:480px){.card{height:170px;width:100px}}@media (min-width:600px){.card{height:185px;width:110px}}@media (min-width:900px){.card{height:200px;width:120px}}.grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-start;margin-bottom:2rem;margin-top:1.5rem;width:100%}@media (max-width:480px){.grid{gap:.3rem}}.flipped{box-shadow:0 0 0 3px #4361ee,0 2px 16px #0000001a}.card-front{padding:0}.card-image{box-sizing:border-box;height:100%;padding:5px;width:100%}.card-image img{background:#f3f4f6;border-radius:8px;box-shadow:none;display:block;height:100%;object-fit:cover;width:100%}.flippable{perspective:1000px}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1);width:100%}.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.card-front{background:#fff;z-index:2}.card-back{background:#f8fafc;padding:18px 12px 12px;text-align:center;transform:rotateY(180deg);z-index:3}.card-info{margin-bottom:1em}.card-title{font-size:1.05em;font-weight:600;margin-bottom:.2em}.card-authors{color:#6b7280;font-size:.97em;margin-bottom:.7em}.card.fade-out{opacity:0;pointer-events:none;transform:translateY(10px)}.card-link{color:inherit;cursor:pointer;display:flex;flex:1 1;flex-direction:column;text-decoration:none}@media (max-width:768px){.grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,1fr)}.card{box-sizing:border-box;flex-direction:column;height:293px;margin:0 auto;max-width:180px;min-width:0}.card,.card-image{align-items:stretch;display:flex;justify-content:stretch;padding:0;width:100%}.card-image{background:none}.card-image,.card-image img{border-radius:10px;height:100%;margin:0}.card-image img{background:#f3f4f6;box-shadow:none;display:block;max-height:none;max-width:none;object-fit:cover;padding:0;width:100%}}@media (max-width:480px){.grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.card{display:flex;flex-direction:column;height:225px;margin:0;max-width:150px;min-width:0;padding:0;width:100%}}.card-content{flex:1 1;padding:.5rem}.book-title{-webkit-line-clamp:2;line-clamp:2;color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.book-authors,.book-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-authors{-webkit-line-clamp:1;line-clamp:1;color:#6b7280;font-size:.75rem;line-height:1.2}.card-footer{align-items:flex-start;display:flex;justify-content:space-between;padding:.5rem}.card-actions{align-items:center;display:flex;gap:8px;width:100%}.toggle-container{align-items:center;display:flex;gap:4px;margin-bottom:6px}.toggle-label{color:#6b7280;font-size:.75rem}.read-toggle{background:none;border:none;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;position:relative;width:36px}.read-toggle:before{background-color:#9e9e9e;border-radius:10px;content:"";height:20px;left:0;position:absolute;top:0;transition:background-color .3s;width:36px}.read-toggle:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.read-toggle.read:before{background-color:#4caf50}.read-toggle.read:after{transform:translateX(16px)}.owned-toggle{background:none;border:none;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;position:relative;width:36px}.owned-toggle:before{background-color:#9e9e9e;border-radius:10px;content:"";height:20px;left:0;position:absolute;top:0;transition:background-color .3s;width:36px}.owned-toggle:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.owned-toggle.owned:before{background-color:#4caf50}.owned-toggle.owned:after{transform:translateX(16px)}.delete-button{box-shadow:none;justify-content:center;margin:0;padding:0}.delete-button svg{display:block}.delete-button:hover{background-color:initial}.empty-state{box-shadow:0 2px 4px #0000000d;color:#6b7280;padding:3rem 1rem;text-align:center}.detail-container,.empty-state{background-color:#fff;border-radius:8px}.detail-container{box-shadow:0 2px 8px #0000001a;margin:1rem auto;max-width:800px;padding:1.25rem}.back-button{align-items:center;background-color:initial;border:none;color:#4361ee;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:0;transition:color .2s}.back-button:hover{color:#3a56d4;text-decoration:underline}.detail-header{display:flex;gap:1.5rem;margin-bottom:1.5rem}.detail-cover{flex-shrink:0}.detail-cover img{box-shadow:0 4px 8px #0000001a;max-height:250px;max-width:180px;object-fit:contain}@media (max-width:768px){.detail-cover img{max-height:200px;max-width:150px}}@media (max-width:480px){.detail-header{align-items:center;flex-direction:column;text-align:center}.detail-cover img{max-height:150px;max-width:100px}.detail-info{width:100%}}.detail-info{flex:1 1}.detail-title{color:#111827;font-size:1.35rem;margin-bottom:.4rem}.detail-authors{color:#4b5563;font-size:.95rem;margin-bottom:1.25rem}.detail-meta{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width:640px){.detail-meta{grid-template-columns:1fr 1fr}}.meta-item{margin-bottom:.5rem}.meta-label{color:#6b7280;display:block;font-size:.75rem;margin-bottom:.25rem}.meta-value{color:#374151;font-size:.875rem}.detail-actions{display:flex;justify-content:space-between;margin-top:2rem;width:100%}.detail-toggle-container{align-items:center;display:flex;gap:8px}.detail-toggle-label{color:#6b7280;font-size:.875rem}.read-status-button{align-items:center;background-color:#fff;border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .2s}.read-status-button:before{background-color:#9e9e9e;border-radius:10px;content:"";display:inline-block;height:20px;margin-right:8px;position:relative;transition:background-color .3s;width:36px}.read-status-button:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:16px;left:11px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s;width:16px}.read-status-button.read:before{background-color:#4caf50}.read-status-button.read:after{transform:translate(16px,-50%)}.read-status-button:hover{background-color:#f9f9f9}.delete-button{align-items:center;background-color:initial;border:none;border-radius:0;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;transition:color .2s}.delete-button:hover{color:#b91c1c}.delete-button svg{height:1rem;width:1rem}.book-scan-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1000px;padding:2rem}.scan-title{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.scan-form{display:flex;flex-direction:column;gap:1.5rem}.file-input-container{align-items:center;display:flex;gap:1rem}.file-input{display:none}.upload-button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:background-color .2s}.upload-button:hover{background-color:#3a56d4}.upload-button:disabled{background-color:#a0aec0;cursor:not-allowed}.file-name{color:#6b7280;flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-container{border-radius:4px;box-shadow:0 2px 4px #0000001a;max-width:100%;overflow:hidden}.image-preview{max-height:400px;object-fit:contain;width:100%}.api-key-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.api-key-input label{color:#4b5563;font-size:.875rem;font-weight:500}.api-key-input input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.75rem;width:100%}.api-key-info{color:#6b7280;font-size:.75rem;margin-top:.25rem}.scan-button{align-self:flex-start;background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.875rem 1.5rem;transition:background-color .2s}.scan-button:hover{background-color:#059669}.scan-button:disabled{background-color:#a0aec0;cursor:not-allowed}.error-message{border-radius:4px;font-size:.875rem;padding:.875rem}.scan-results{display:flex;flex-direction:column;gap:1.5rem}.results-title{color:#111827;font-size:1.25rem;margin-bottom:1rem}.no-books-message{color:#6b7280;font-size:.875rem;padding:2rem 0;text-align:center}.books-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.book-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.book-info{display:flex;flex-direction:column;gap:.5rem}.book-title{color:#111827;font-size:1rem;font-weight:600}.book-author{color:#4b5563;font-size:.875rem}.book-status{border-radius:9999px;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem;width:fit-content}.book-status.exists{background-color:#d1fae5;color:#065f46}.add-button,.search-button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s;width:fit-content}.add-button:hover,.search-button:hover{background-color:#3a56d4}.add-button:disabled,.search-button:disabled{background-color:#a0aec0;cursor:not-allowed}.search-results{margin-top:1rem}.search-results h4{color:#4b5563;font-size:.875rem;margin-bottom:.5rem}.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1rem}.result-card{background-color:#fff;border:2px solid #0000;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s}.result-card:hover{transform:translateY(-2px)}.result-card.selected{border-color:#4361ee}.result-image{align-items:center;background-color:#f3f4f6;display:flex;height:150px;justify-content:center;overflow:hidden}.result-image img{height:auto;max-height:150px;object-fit:contain;width:calc(100% - 8px)}.result-image .no-cover{color:#9ca3af;font-size:.75rem;text-align:center}.result-info{padding:.5rem}.result-title{-webkit-line-clamp:2;color:#374151;font-size:.75rem;font-weight:500;margin:0 0 .25rem}.result-authors,.result-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.result-authors{-webkit-line-clamp:1;color:#6b7280;font-size:.675rem;margin:0}.no-results{background-color:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.875rem;padding:1rem;text-align:center}.scan-actions{display:flex;justify-content:center;margin-top:1.5rem}.reset-button{background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1.25rem;transition:background-color .2s}.reset-button:hover{background-color:#4b5563}@media (max-width:640px){.book-scan-container{padding:1rem}.file-input-container{align-items:flex-start;flex-direction:column;gap:.5rem}.upload-button{width:100%}.results-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.result-image{height:120px}}.login-container{align-items:center;background-color:#f5f7ff;display:flex;justify-content:center;min-height:100vh}.login-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-title{color:#4361ee;font-size:1.8rem;margin-bottom:.5rem}.login-subtitle{color:#6b7280;font-size:1rem}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #d1d5db;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.login-button{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem 1rem;transition:background-color .2s}.login-button:hover{background-color:#3a56d4}.login-error{background-color:#fee2e2;border-radius:4px;color:#b91c1c;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem}.book-count{background-color:#f3f4f6;border-radius:9999px;color:#6b7280;display:inline-block;font-size:.95rem;margin-top:.5rem;padding:.5rem 1rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#1f2937;font-family:Karla,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button,input,select,textarea{font-family:inherit}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.main{padding:1.5rem 0}.section{margin-bottom:1.5rem}.loading-message{color:#6b7280;padding:2rem 0;text-align:center}.error-message{background-color:#fee2e2;color:#ef4444}.error-message,.success-message{border-radius:8px;margin:1rem auto;max-width:800px;padding:1.5rem;text-align:center}.success-message{background-color:#d1fae5;color:#059669}.navigation{display:none}.nav-button{background-color:initial;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:color .2s}.nav-button:hover{color:#4b5563}.nav-button.active{color:#4361ee}.nav-button.active:after{background-color:#4361ee;border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30%}.logout-button{color:#ef4444}.logout-button:hover{color:#b91c1c}@media (max-width:600px){.navigation{flex-wrap:wrap;padding:.5rem 0}.logout-button{margin-top:.5rem;position:static;width:100%}}
/*# sourceMappingURL=main.c892b0d8.css.map*/