*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafaf8;--fg: #1a1a1a;--fg-secondary: #666;--accent: #2d9a6f;--accent-hover: #24805c;--card-bg: #fff;--card-border: rgba(0,0,0,.08);--input-bg: #f5f5f3;--input-border: rgba(0,0,0,.12);--success: #2d8a4e;--warning: #c47f17;--danger: #c0392b;--shadow: 0 2px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--radius: 12px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,system-ui,sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not(.theme-light){--bg: #121212;--fg: #e8e8e8;--fg-secondary: #aaa;--accent: #3dbf8a;--accent-hover: #2d9a6f;--card-bg: #1e1e1e;--card-border: rgba(255,255,255,.08);--input-bg: #2a2a2a;--input-border: rgba(255,255,255,.12);--success: #4ecca3;--warning: #ffc857;--danger: #e74c3c;--shadow: 0 2px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);color-scheme:dark}}.theme-dark{--bg: #121212;--fg: #e8e8e8;--fg-secondary: #aaa;--accent: #3dbf8a;--accent-hover: #2d9a6f;--card-bg: #1e1e1e;--card-border: rgba(255,255,255,.08);--input-bg: #2a2a2a;--input-border: rgba(255,255,255,.12);--success: #4ecca3;--warning: #ffc857;--danger: #e74c3c;--shadow: 0 2px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);color-scheme:dark}.theme-light{--bg: #fafaf8;--fg: #1a1a1a;--fg-secondary: #666;--accent: #2d9a6f;--accent-hover: #24805c;--card-bg: #fff;--card-border: rgba(0,0,0,.08);--input-bg: #f5f5f3;--input-border: rgba(0,0,0,.12);--success: #2d8a4e;--warning: #c47f17;--danger: #c0392b;--shadow: 0 2px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);color-scheme:light}body{background:var(--bg);color:var(--fg);min-height:100dvh}#app{max-width:960px;margin:0 auto;padding:1rem}#navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--card-border);background:var(--card-bg);position:sticky;top:0;z-index:100}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--accent);text-decoration:none}.nav-logo-text{font-weight:700}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-desktop-links a{color:var(--fg);text-decoration:none;font-size:.9rem;opacity:.5;transition:opacity .2s,color .2s;padding:.3rem .5rem;border-radius:8px}.nav-desktop-links a:hover{opacity:.8}.nav-desktop-links a.active{opacity:1;font-weight:600;color:var(--accent);background:#2d9a6f14}.nav-desktop-links a.nav-icon{opacity:.6}.nav-desktop-links a.nav-icon.active{opacity:1;background:#2d9a6f14}.nav-user{font-size:.85rem;opacity:.7}.nav-logout-btn{background:none;border:1px solid var(--card-border);border-radius:8px;padding:.25rem .6rem;font-size:.8rem;cursor:pointer;color:var(--fg);opacity:.7;transition:opacity .2s}.nav-logout-btn:hover{opacity:1}.login-container{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:1rem}.login-card{background:var(--card-bg);border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:420px;box-shadow:0 8px 40px #0000001a,0 2px 8px #0000000a;text-align:center}.login-logo{font-size:3rem;margin-bottom:.5rem}.login-title{font-size:1.8rem;font-weight:800;color:var(--accent);margin-bottom:.25rem}.login-subtitle{color:var(--fg);opacity:.6;font-size:.95rem;margin-bottom:2rem}.login-form{text-align:left}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;opacity:.8}.form-group input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--fg);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d9a6f26}.invite-toggle{margin-bottom:1rem;text-align:center}.link-btn{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.btn-primary{width:100%;padding:.85rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background .2s,opacity .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.login-footer{text-align:center;margin-top:1.5rem}.login-privacy-link{color:var(--fg);opacity:.5;font-size:.8rem;text-decoration:none}.login-privacy-link:hover{opacity:.8;text-decoration:underline}.success-message{text-align:center;padding:1rem 0}.success-icon{font-size:3rem;margin-bottom:1rem}.success-message h2{font-size:1.3rem;margin-bottom:.75rem}.success-message p{color:var(--fg);opacity:.7;font-size:.95rem;margin-bottom:.5rem}.success-hint{font-size:.8rem!important;opacity:.5!important}#toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:999px;font-size:.9rem;font-weight:500;background:#222;color:#fff;box-shadow:0 4px 16px #0003;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:auto;cursor:pointer;white-space:nowrap}.toast-visible{opacity:1;transform:translateY(0)}.toast-exit{opacity:0;transform:translateY(8px)}.toast-success{background:#1a5c1a}.toast-error{background:#8b1a1a}.toast-info{background:#1a3a5c}.toast-icon{display:flex;align-items:center}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.page-title{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800}.home-greeting{font-size:.9rem;opacity:.6}.status-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.status-tabs::-webkit-scrollbar{display:none}.status-tab{background:transparent;border:1.5px solid var(--input-border);border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--fg);transition:all .2s}.status-tab:hover{border-color:var(--accent);color:var(--accent)}.status-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-count{opacity:.6;font-size:.75rem;margin-left:.25rem}.status-tab.active .tab-count{opacity:.85}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 600px){.book-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.book-grid{grid-template-columns:repeat(4,1fr)}}.book-card{text-decoration:none;color:var(--fg);background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.book-cover{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:#0000000d}.book-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:2/3;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-weight:800;font-size:1.5rem;text-transform:uppercase;border-radius:var(--radius);-webkit-user-select:none;user-select:none}.cover-placeholder.large{font-size:2.5rem}.book-status-badge{position:absolute;bottom:.5rem;left:.5rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#000000b3;color:#fff}.book-status-badge.reading{background:#2563eb}.book-status-badge.completed{background:#16a34a}.book-status-badge.abandoned{background:#dc2626}.book-status-badge.on_hold{background:#d97706}.book-priority-pin{position:absolute;top:.4rem;right:.4rem;font-size:1rem}.book-info{padding:.6rem .5rem}.book-title{font-size:.85rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:.75rem;opacity:.6;margin-top:.2rem}.card-rating{display:flex;gap:1px;margin-top:.3rem;color:#f59e0b}.book-series-badge{font-size:.7rem;color:var(--accent);opacity:.8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-dates{font-size:.65rem;opacity:.5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.4rem;margin-bottom:.5rem}.empty-state p{opacity:.6;margin-bottom:1.5rem}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:.5rem;width:auto;padding:.75rem 1.5rem}.skeleton-card .skeleton-img{width:100%;aspect-ratio:2/3;background:linear-gradient(90deg,var(--card-bg) 25%,var(--card-border) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-title{width:70%;height:12px;background:#00000014;border-radius:4px;margin-top:.5rem}.skeleton-line{width:50%;height:10px;background:#0000000f;border-radius:4px;margin-top:.3rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.search-page{padding:1rem 0}.search-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.search-box{margin-bottom:1.5rem}.search-box input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--fg);transition:border-color .2s,box-shadow .2s}.search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d9a6f26}.search-results-list{display:flex;flex-direction:column;gap:.75rem}.search-result-item{display:flex;gap:.75rem;padding:.75rem;background:var(--card-bg);border-radius:var(--radius);cursor:pointer;transition:background .2s}.search-result-item:hover{background:var(--input-bg)}.search-result-item.already-added{opacity:.5;cursor:default}.search-result-cover{width:60px;flex-shrink:0}.search-result-cover img{width:100%;border-radius:6px;aspect-ratio:2/3;object-fit:cover}.search-result-cover .cover-placeholder{width:60px;height:90px;border-radius:6px;font-size:1.2rem}.search-result-info h3{font-size:.95rem;font-weight:600;margin-bottom:.2rem}.search-result-author{font-size:.85rem;opacity:.6}.search-result-year{font-size:.8rem;opacity:.5}.badge-added{font-size:.75rem;background:var(--accent);color:#fff;padding:.1rem .5rem;border-radius:999px}.search-empty,.search-loading{text-align:center;padding:2rem;opacity:.6}.add-book-form{margin-top:1rem;padding:1.25rem;background:var(--card-bg);border-radius:var(--radius);border:2px solid var(--accent)}.add-book-header h2{font-size:1.1rem;margin-bottom:1rem}.add-book-form select{width:100%;padding:.6rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--fg)}.add-book-actions{display:flex;gap:.75rem;margin-top:1rem}.detail-page{padding:1rem 0}.detail-header{margin-bottom:1rem}.detail-back{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;color:var(--accent);font-size:.9rem;font-weight:500}.detail-content{display:flex;gap:1.5rem;margin-bottom:1.5rem}.detail-cover{width:140px;flex-shrink:0}.detail-cover-img{width:100%;border-radius:var(--radius);aspect-ratio:2/3;object-fit:cover}.detail-cover .cover-placeholder{width:140px;height:210px;border-radius:var(--radius)}.detail-title{font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.detail-author{font-size:1rem;opacity:.6;margin-bottom:.5rem}.detail-meta-row{display:flex;gap:1rem;font-size:.85rem;opacity:.5}.detail-section{margin-bottom:1.25rem}.detail-section label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;opacity:.8}.detail-select{width:100%;padding:.6rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--fg)}.detail-stars{display:flex;gap:.25rem}.star-btn{background:none;border:none;cursor:pointer;color:#d1d5db;padding:0;transition:color .15s}.star-btn.filled,.star-btn:hover{color:#f59e0b}.detail-page textarea{width:100%;padding:.75rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--fg);resize:vertical;font-family:inherit;transition:border-color .2s,box-shadow .2s}.detail-page textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d9a6f26}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.detail-tag-chip{background:#2d9a6f1a;color:var(--accent);padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:500}.add-tag-btn{background:none;border:1px dashed rgba(0,0,0,.2);border-radius:999px;padding:.2rem .6rem;font-size:.8rem;cursor:pointer;color:var(--fg);opacity:.6}#tag-input-wrap{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}#tag-input{flex:1;padding:.4rem .6rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:.85rem;background:var(--bg);color:var(--fg)}.detail-section-priority label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.detail-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.btn-secondary{padding:.6rem 1.2rem;background:var(--card-bg);color:var(--fg);border:1.5px solid rgba(0,0,0,.15);border-radius:8px;font-size:.9rem;cursor:pointer;transition:border-color .2s}.btn-secondary:hover{border-color:var(--accent)}.btn-sm{padding:.45rem .9rem!important;font-size:.85rem!important}.btn-danger{padding:.6rem 1.2rem;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:background .2s}.btn-danger:hover{background:#b91c1c}.detail-loading{text-align:center;padding:3rem;opacity:.6}.detail-series-row{display:flex;gap:.5rem}.detail-input{width:100%;padding:.6rem .8rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--fg);transition:border-color .2s,box-shadow .2s}.detail-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d9a6f26}.detail-input-sm{width:80px;flex-shrink:0}.detail-shelves{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.detail-shelf-chip{display:inline-flex;align-items:center;gap:4px;padding:.25rem .6rem;background:#2d9a6f1a;color:var(--accent);border-radius:999px;font-size:.8rem;font-weight:500}.shelf-chip-remove{background:none;border:none;cursor:pointer;color:var(--accent);opacity:.6;padding:0;font-size:.85rem}.shelf-chip-remove:hover{opacity:1}.detail-no-shelves{font-size:.8rem;opacity:.4;font-style:italic}.detail-select-sm{font-size:.85rem;padding:.35rem}.home-page{padding:.5rem 0}.home-toolbar{margin-bottom:1rem}.tag-filter-chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.tag-filter-chips::-webkit-scrollbar{display:none}.tag-filter-chip{padding:.3rem .7rem;border:1.5px solid var(--input-border);border-radius:999px;background:transparent;font-size:.8rem;cursor:pointer;white-space:nowrap;color:var(--fg);transition:all .15s}.tag-filter-chip:hover{border-color:var(--accent)}.tag-filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-filter-chip .tag-count{font-size:.7rem;opacity:.6;margin-left:.2rem}.sort-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sort-label{font-size:.8rem;opacity:.6}.sort-select{padding:.3rem .6rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:.8rem;background:var(--bg);color:var(--fg)}.shelves-page{padding:.5rem 0}.shelves-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.shelves-header h1{font-size:1.5rem;font-weight:700}.shelf-row{margin-bottom:1.5rem;background:var(--card-bg);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.shelf-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.shelf-name{font-size:1.1rem;font-weight:600}.shelf-actions{display:flex;gap:.4rem}.btn-shelf-add,.btn-shelf-delete{background:none;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:.2rem .5rem;font-size:.85rem;cursor:pointer;color:var(--fg);transition:background .2s}.btn-shelf-add:hover{background:var(--input-bg)}.btn-shelf-delete:hover{background:#ef444414}.shelf-books-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.shelf-book{position:relative;flex-shrink:0;width:90px}.shelf-book-cover{display:block;width:90px;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#0000000d}.shelf-book-cover img{width:100%;height:100%;object-fit:cover}.shelf-book-cover .cover-placeholder{width:100%;height:100%;font-size:1.2rem}.shelf-book-vol{display:block;text-align:center;font-size:.65rem;opacity:.6;margin-top:2px}.shelf-book-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;font-size:.75rem;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1}.shelf-book:hover .shelf-book-remove{display:flex}.shelf-empty-msg{font-size:.85rem;opacity:.4;font-style:italic;padding:1rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal-card{background:var(--card-bg);border-radius:var(--radius);padding:1.5rem;max-width:400px;width:100%;max-height:70vh;overflow-y:auto}.modal-card h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.modal-empty{opacity:.5;font-size:.9rem;margin-bottom:1rem}.modal-book-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.modal-book-item{display:flex;flex-direction:column;padding:.6rem .8rem;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:var(--bg);cursor:pointer;text-align:left;color:var(--fg);transition:border-color .2s}.modal-book-item:hover{border-color:var(--accent)}.modal-book-title{font-size:.9rem;font-weight:500}.modal-book-author{font-size:.8rem;opacity:.5}.settings-page{padding:.5rem 0}.settings-section{background:var(--card-bg);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.settings-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.settings-hint{font-size:.85rem;opacity:.6;margin-bottom:.75rem}.settings-profile-row{display:flex;align-items:center;gap:1rem}.settings-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;flex-shrink:0}.settings-profile-form{flex:1}.settings-profile-form label{display:block;font-size:.8rem;font-weight:600;opacity:.7;margin-bottom:.3rem}.settings-inline-form{display:flex;gap:.5rem}.settings-inline-form input{flex:1;padding:.5rem .75rem;border:1.5px solid var(--input-border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--fg);transition:border-color .2s,box-shadow .2s}.settings-inline-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2d9a6f26}.invites-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.invite-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:8px;background:var(--bg);font-size:.9rem}.invite-code{font-family:monospace;font-weight:600;letter-spacing:1px}.invite-status{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px}.invite-status-active{background:#22c55e26;color:#16a34a}.invite-status-used{background:#3b82f626;color:#2563eb}.invite-status-expired{background:#ef44441a;color:#dc2626}.settings-danger-zone{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(239,68,68,.2)}.settings-danger-zone h3{font-size:.95rem;margin-bottom:.5rem}.settings-privacy-link{color:var(--accent);text-decoration:none;font-size:.9rem}.settings-privacy-link:hover{text-decoration:underline}.privacy-page{max-width:700px;margin:0 auto;padding:1rem 0}.privacy-page h1{font-size:1.6rem;font-weight:800;margin-bottom:.25rem}.privacy-update{font-size:.85rem;opacity:.5;margin-bottom:2rem}.privacy-page section{margin-bottom:1.5rem}.privacy-page h2{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.privacy-page p{font-size:.95rem;line-height:1.6;opacity:.85;margin-bottom:.5rem}.privacy-page ul{padding-left:1.25rem;margin-bottom:.5rem}.privacy-page li{font-size:.95rem;line-height:1.6;opacity:.85;margin-bottom:.3rem}.privacy-page a{color:var(--accent)}.tinder-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.tinder-import-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;font-size:.9rem;opacity:.7}.tinder-import-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--fg);opacity:.6}.tinder-import-close-btn:hover{opacity:1}.tinder-import-card{width:280px;max-width:90vw;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);text-align:center}.tinder-import-cover{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.tinder-import-info{padding:1rem}.tinder-import-title{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.tinder-import-author{font-size:.9rem;opacity:.6}.tinder-import-year{font-size:.8rem;opacity:.4;margin-top:.2rem}.tinder-import-status-label{font-size:.8rem;margin-top:.3rem}.tinder-import-actions{display:flex;gap:2rem;margin-top:1.5rem;justify-content:center}.tinder-action-btn{width:56px;height:56px;border-radius:50%;border:2px solid;font-size:1.4rem;cursor:pointer;background:var(--card-bg);display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}.tinder-action-btn:hover{transform:scale(1.1)}.tinder-action-btn.reject{border-color:#dc2626;color:#dc2626}.tinder-action-btn.reject:hover{background:#dc26261a}.tinder-action-btn.accept{border-color:#16a34a;color:#16a34a}.tinder-action-btn.accept:hover{background:#16a34a1a}.tinder-import-finish-btn{margin-top:1.5rem;background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;text-decoration:underline;opacity:.7}.tinder-import-finish-btn:hover{opacity:1}.tinder-import-summary{width:100%;max-width:500px;text-align:center}.tinder-import-summary h2{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.3rem;margin-bottom:1rem}.tinder-import-stats{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.tinder-stat{font-size:.9rem}.tinder-stat.muted{opacity:.5}.tinder-stat-num{font-size:1.8rem;font-weight:800;display:block}.tinder-import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;max-height:40vh;overflow-y:auto;padding:.5rem}.tinder-import-mini{text-align:center}.tinder-import-mini img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.tinder-import-mini .cover-placeholder{width:100%;aspect-ratio:2/3;border-radius:6px;font-size:.9rem}.tinder-import-mini span{display:block;font-size:.7rem;margin-top:.2rem;opacity:.7}.cover-shimmer{width:100%;height:100%;aspect-ratio:2/3;border-radius:var(--radius);background:var(--card-bg);overflow:hidden;position:relative}.cover-shimmer:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(110deg,transparent 25%,var(--card-border) 50%,transparent 75%);animation:shimmer 1.5s linear infinite}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#app>*{animation:page-fade-in .25s ease-out}.theme-toggle{display:flex;gap:.5rem}.theme-toggle button{padding:.5rem 1rem;border:1.5px solid var(--card-border);border-radius:8px;background:var(--card-bg);color:var(--fg);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.theme-toggle button:hover{border-color:var(--accent)}.theme-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}@keyframes check-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.check-anim{animation:check-pop .4s cubic-bezier(.175,.885,.32,1.275)}@media (max-width: 480px){.status-tabs{gap:.35rem}.status-tab{padding:.3rem .7rem;font-size:.78rem}}@media (max-width: 480px){.empty-state .btn-primary{padding:.85rem 2rem;width:100%;justify-content:center}}@media (max-width: 480px){#app{padding:.75rem;padding-bottom:calc(1rem + var(--safe-area-bottom))}.nav-desktop-links a{font-size:.8rem;padding:.4rem .6rem}.book-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.detail-content{flex-direction:column;align-items:center;text-align:center}.search-title{font-size:1.4rem}}@media (min-width: 769px) and (max-width: 1024px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}button,a,select,input[type=checkbox]{min-height:44px;min-width:44px}input[type=text],input[type=email],select,textarea{font-size:16px}@media (prefers-color-scheme: dark){:root:not(.theme-light) .status-tab{border-color:#ffffff1a}:root:not(.theme-light) .tag-filter-chip{border-color:#ffffff1a}:root:not(.theme-light) .sort-select{border-color:#ffffff1a}:root:not(.theme-light) .shelf-row{box-shadow:0 2px 8px #0003}:root:not(.theme-light) .btn-shelf-add,:root:not(.theme-light) .btn-shelf-delete{border-color:#ffffff1a}:root:not(.theme-light) .detail-input{border-color:#ffffff1a}:root:not(.theme-light) .modal-book-item{border-color:#ffffff1a}:root:not(.theme-light) .settings-section{box-shadow:0 2px 8px #0003}:root:not(.theme-light) .settings-inline-form input{border-color:#ffffff1a}:root:not(.theme-light) .invite-item{background:#ffffff0d}:root:not(.theme-light) .settings-danger-zone{border-top-color:#ef44444d}}.theme-dark .status-tab,.theme-dark .tag-filter-chip,.theme-dark .sort-select{border-color:#ffffff1a}.theme-dark .shelf-row{box-shadow:0 2px 8px #0003}.theme-dark .btn-shelf-add,.theme-dark .btn-shelf-delete,.theme-dark .detail-input,.theme-dark .modal-book-item{border-color:#ffffff1a}.theme-dark .settings-section{box-shadow:0 2px 8px #0003}.theme-dark .settings-inline-form input{border-color:#ffffff1a}.theme-dark .invite-item{background:#ffffff0d}.theme-dark .settings-danger-zone{border-top-color:#ef44444d}#bottom-nav{display:none}@media (max-width: 600px){.nav-desktop-links,.nav-user{display:none!important}.nav-logout-btn{font-size:.75rem;padding:.2rem .5rem}#bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--card-border);padding:.4rem 0;padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px));z-index:200;justify-content:space-around;align-items:center}#bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-decoration:none;color:var(--fg-secondary);font-size:.65rem;padding:.25rem .5rem;border-radius:8px;transition:color .2s;min-width:56px}#bottom-nav a.active{color:var(--accent);font-weight:600}#bottom-nav .bn-icon{font-size:1.3rem;line-height:1}#bottom-nav .bn-label{font-size:.6rem}#app{padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))!important}}@media (min-width: 601px){#bottom-nav{display:none!important}.nav-desktop-links{display:flex;align-items:center;gap:.75rem}}