*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f9fa;--fg: #1a1a1a;--fg-secondary: #555;--fg-muted: #777;--accent: #2d9a6f;--accent-hover: #24805c;--accent-translucent: rgba(45, 154, 111, .1);--secondary: #d97706;--secondary-translucent: rgba(217, 119, 6, .12);--card-bg: #fff;--card-border: rgba(0, 0, 0, .08);--border: rgba(0, 0, 0, .12);--input-bg: #f5f5f3;--input-border: rgba(0, 0, 0, .15);--success: #2d8a4e;--warning: #c47f17;--danger: #c0392b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-pill: 999px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light dark;line-height:1.5}@media (prefers-color-scheme: dark){:root:not(.theme-light){--bg: #121212;--fg: #e8e8e8;--fg-secondary: #9ca3af;--fg-muted: #6b7280;--accent: #3dbf8a;--accent-hover: #2d9a6f;--accent-translucent: rgba(61, 191, 138, .12);--secondary: #f59e0b;--secondary-translucent: rgba(245, 158, 11, .15);--card-bg: #1e1e1e;--card-border: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--input-bg: #2a2a2a;--input-border: rgba(255, 255, 255, .15);--success: #4ecca3;--warning: #ffc857;--danger: #e74c3c;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--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: #9ca3af;--fg-muted: #6b7280;--accent: #3dbf8a;--accent-hover: #2d9a6f;--accent-translucent: rgba(61, 191, 138, .12);--secondary: #f59e0b;--secondary-translucent: rgba(245, 158, 11, .15);--card-bg: #1e1e1e;--card-border: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--input-bg: #2a2a2a;--input-border: rgba(255, 255, 255, .15);--success: #4ecca3;--warning: #ffc857;--danger: #e74c3c;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--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: #f8f9fa;--fg: #1a1a1a;--fg-secondary: #555;--fg-muted: #777;--accent: #2d9a6f;--accent-hover: #24805c;--accent-translucent: rgba(45, 154, 111, .1);--secondary: #d97706;--secondary-translucent: rgba(217, 119, 6, .12);--card-bg: #fff;--card-border: rgba(0,0,0,.08);--border: rgba(0,0,0,.12);--input-bg: #f5f5f3;--input-border: rgba(0,0,0,.15);--success: #2d8a4e;--warning: #c47f17;--danger: #c0392b;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--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:var(--sp-4)}h1,h2,h3,h4{line-height:1.2}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:default;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.6rem 1.2rem;background:var(--card-bg);color:var(--fg);border:1.5px solid var(--border);border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-secondary:active{transform:scale(.98)}.btn-sm{padding:.45rem .9rem!important;font-size:.85rem!important}.btn-danger{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.6rem 1.2rem;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#b91c1c}.btn-danger:active{transform:scale(.98)}.link-btn{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.form-group{margin-bottom:var(--sp-4)}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--sp-1);color:var(--fg-secondary)}.form-group input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--input-border);border-radius:10px;font-size:16px;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}.form-group input::placeholder{color:var(--fg-muted)}input[type=text],input[type=email],input[type=number],select,textarea{font-size:16px;font-family:inherit;color:var(--fg);background:var(--bg)}#navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-6);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:var(--sp-2);font-weight:700;font-size:1.1rem;color:var(--accent);text-decoration:none}.nav-logo .icon{color:var(--accent)}.nav-logo-text{font-weight:700}.nav-right,.nav-desktop-links{display:flex;align-items:center;gap:var(--sp-3)}.nav-desktop-links a{color:var(--fg-secondary);text-decoration:none;font-size:.9rem;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);transition:all .2s}.nav-desktop-links a:hover{color:var(--fg);background:var(--accent-translucent)}.nav-desktop-links a.active{color:var(--accent);font-weight:600;background:var(--accent-translucent)}.nav-desktop-links a.nav-icon{display:flex;align-items:center}.nav-desktop-links a.nav-icon.active{background:var(--accent-translucent)}.nav-user{font-size:.85rem;color:var(--fg-secondary)}.nav-logout-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-1) .6rem;font-size:.8rem;cursor:pointer;color:var(--fg-secondary);transition:all .2s}.nav-logout-btn:hover{color:var(--fg);border-color:var(--fg-secondary)}#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;height:calc(56px + var(--safe-area-bottom));background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--card-border);padding-bottom:var(--safe-area-bottom);z-index:200;justify-content:space-around;align-items:center}#bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--fg-secondary);font-size:.6rem;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);transition:color .2s;position:relative;min-width:56px}#bottom-nav a.active{color:var(--accent);font-weight:600}#bottom-nav a.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}#bottom-nav .bn-icon{display:flex;align-items:center;justify-content:center;height:24px}#bottom-nav .bn-icon .icon{width:22px;height:22px}#bottom-nav .bn-label{font-size:.6rem;line-height:1}#app{padding-bottom:calc(4rem + var(--safe-area-bottom))!important}}@media (min-width: 601px){#bottom-nav{display:none!important}.nav-desktop-links{display:flex;align-items:center;gap:var(--sp-3)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--sp-4)}.login-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--sp-8) 2.5rem;width:100%;max-width:400px;box-shadow:0 8px 40px #0000001f,0 2px 8px #0000000f;text-align:center}.login-logo{margin-bottom:var(--sp-2);color:var(--accent);display:flex;align-items:center;justify-content:center}.login-logo .icon{width:48px;height:48px}.login-title{font-size:1.8rem;font-weight:800;color:var(--accent);margin-bottom:var(--sp-1)}.login-subtitle{color:var(--fg-secondary);font-size:.95rem;margin-bottom:var(--sp-8)}.login-form{text-align:left}.login-form .btn-primary{width:100%;margin-top:var(--sp-2)}.login-microcopy{text-align:center;color:var(--fg-muted);font-size:.8rem;margin-top:var(--sp-3)}.invite-toggle{margin-bottom:var(--sp-4);text-align:center}.login-footer{text-align:center;margin-top:var(--sp-6)}.login-privacy-link{color:var(--accent);font-size:.85rem;text-decoration:underline;text-underline-offset:2px}.login-privacy-link:hover{color:var(--accent-hover)}.success-message{text-align:center;padding:var(--sp-4) 0}.success-icon{font-size:3rem;margin-bottom:var(--sp-4)}.success-message h2{font-size:1.3rem;margin-bottom:var(--sp-3)}.success-message p{color:var(--fg-secondary);font-size:.95rem;margin-bottom:var(--sp-2)}.success-hint{font-size:.8rem!important;color:var(--fg-muted)!important}#toast-container{position:fixed;bottom:var(--sp-6);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-2);padding:.65rem 1.1rem;border-radius:var(--radius-pill);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:var(--sp-4)}.page-title{display:flex;align-items:center;gap:var(--sp-2);font-size:1.4rem;font-weight:800}.home-greeting{font-size:.9rem;color:var(--fg-secondary)}.status-tabs{display:flex;gap:var(--sp-2);overflow-x:auto;padding:var(--sp-2) 0 var(--sp-4);-webkit-overflow-scrolling:touch;scrollbar-width:none}.status-tabs::-webkit-scrollbar{display:none}.status-tab{background:transparent;border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:.4rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--fg-secondary);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);font-weight:600}.tab-count{opacity:.6;font-size:.75rem;margin-left:var(--sp-1)}.status-tab.active .tab-count{opacity:.85}@media (max-width: 480px){.status-tabs{gap:.35rem}.status-tab{padding:.3rem .7rem;font-size:.78rem}}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}@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;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.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-sm);-webkit-user-select:none;user-select:none}.cover-placeholder.large{font-size:2.5rem}.book-status-badge{position:absolute;bottom:var(--sp-2);left:var(--sp-2);padding:.15rem .5rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;color:#fff}.book-status-badge.to_read{background:var(--secondary)}.book-status-badge.reading{background:#2563eb}.book-status-badge.completed{background:#16a34a}.book-status-badge.abandoned{background:#dc2626}.book-status-badge.on_hold{background:#7c3aed}.book-priority-pin{position:absolute;top:.4rem;right:.4rem;font-size:1rem}.book-info{padding:.6rem var(--sp-2)}.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;color:var(--fg-secondary);margin-top:.2rem}.card-rating{display:flex;gap:1px;margin-top:var(--sp-1);color:#f59e0b}.book-series-badge{font-size:.7rem;color:var(--accent);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-dates{font-size:.65rem;color:var(--fg-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-4)}.empty-icon{font-size:4rem;margin-bottom:var(--sp-4)}.empty-state h2{font-size:1.4rem;margin-bottom:var(--sp-2)}.empty-state p{color:var(--fg-secondary);margin-bottom:var(--sp-6)}.empty-state .btn-primary{width:auto;padding:.75rem 1.5rem}@media (max-width: 480px){.empty-state .btn-primary{padding:.85rem 2rem;width:100%}}.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:var(--radius-sm)}.skeleton-title{width:70%;height:12px;background:var(--border);border-radius:4px;margin-top:var(--sp-2)}.skeleton-line{width:50%;height:10px;background:var(--border);border-radius:4px;margin-top:var(--sp-1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.search-page{padding:var(--sp-4) 0}.search-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--sp-4)}.search-box{margin-bottom:var(--sp-6)}.search-box input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--input-border);border-radius:10px;font-size:16px;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-box input::placeholder{color:var(--fg-muted)}.search-results-list{display:flex;flex-direction:column;gap:var(--sp-3)}.search-result-item{display:flex;gap:var(--sp-3);padding:var(--sp-3);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;color:var(--fg-secondary)}.search-result-year{font-size:.8rem;color:var(--fg-muted)}.badge-added{font-size:.75rem;background:var(--accent);color:#fff;padding:.1rem .5rem;border-radius:var(--radius-pill)}.search-empty,.search-loading{text-align:center;padding:var(--sp-8);color:var(--fg-secondary)}.add-book-form{margin-top:var(--sp-4);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:var(--sp-4)}.add-book-form select{width:100%;padding:.6rem;border:1.5px solid var(--input-border);border-radius:10px;font-size:.95rem;background:var(--bg);color:var(--fg)}.add-book-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4)}.detail-page{padding:var(--sp-4) 0}.detail-header{margin-bottom:var(--sp-4)}.detail-back{display:inline-flex;align-items:center;gap:var(--sp-1);text-decoration:none;color:var(--accent);font-size:.9rem;font-weight:500}.detail-content{display:flex;gap:var(--sp-6);margin-bottom:var(--sp-6)}.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:var(--sp-1)}.detail-author{font-size:1rem;color:var(--fg-secondary);margin-bottom:var(--sp-2)}.detail-meta-row{display:flex;gap:var(--sp-4);font-size:.85rem;color:var(--fg-muted)}.detail-section{margin-bottom:1.25rem}.detail-section label{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--sp-1);color:var(--fg-secondary)}.detail-select{width:100%;padding:.6rem;border:1.5px solid var(--input-border);border-radius:10px;font-size:.95rem;background:var(--bg);color:var(--fg)}.detail-stars{display:flex;gap:var(--sp-1)}.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:var(--sp-3);border:1.5px solid var(--input-border);border-radius:10px;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-page textarea::placeholder{color:var(--fg-muted)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.detail-tag-chip{background:var(--accent-translucent);color:var(--accent);padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:500}.add-tag-btn{background:none;border:1px dashed var(--border);border-radius:var(--radius-pill);padding:.2rem .6rem;font-size:.8rem;cursor:pointer;color:var(--fg-secondary)}#tag-input-wrap{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);align-items:center}#tag-input{flex:1;padding:.4rem .6rem;border:1.5px solid var(--input-border);border-radius:10px;font-size:.85rem;background:var(--bg);color:var(--fg)}.detail-section-priority label{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-weight:500}.detail-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:1px solid var(--border)}.detail-series-row{display:flex;gap:var(--sp-2)}.detail-input{width:100%;padding:.6rem .8rem;border:1.5px solid var(--input-border);border-radius:10px;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::placeholder{color:var(--fg-muted)}.detail-input-sm{width:80px;flex-shrink:0}.detail-shelves{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--sp-2)}.detail-shelf-chip{display:inline-flex;align-items:center;gap:4px;padding:.25rem .6rem;background:var(--accent-translucent);color:var(--accent);border-radius:var(--radius-pill);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;color:var(--fg-muted);font-style:italic}.detail-select-sm{font-size:.85rem;padding:.35rem}.detail-loading{text-align:center;padding:var(--sp-12);color:var(--fg-secondary)}.home-page{padding:var(--sp-2) 0}.home-toolbar{margin-bottom:var(--sp-4)}.tag-filter-chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:none}.tag-filter-chips::-webkit-scrollbar{display:none}.tag-filter-chip{padding:.3rem .7rem;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:transparent;font-size:.8rem;cursor:pointer;white-space:nowrap;color:var(--fg-secondary);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:var(--sp-2);margin-bottom:var(--sp-2)}.sort-label{font-size:.8rem;color:var(--fg-secondary)}.sort-select{padding:.3rem .6rem;border:1.5px solid var(--border);border-radius:10px;font-size:.8rem;background:var(--bg);color:var(--fg)}.shelves-page{padding:var(--sp-2) 0}.shelves-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6)}.shelves-header h1{font-size:1.5rem;font-weight:700}.shelf-row{margin-bottom:var(--sp-6);background:var(--card-bg);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow)}.shelf-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.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 var(--border);border-radius:6px;padding:.2rem .5rem;font-size:.85rem;cursor:pointer;color:var(--fg);transition:all .2s}.btn-shelf-add:hover{background:var(--input-bg)}.btn-shelf-delete:hover{background:#ef444414}.shelf-books-scroll{display:flex;gap:var(--sp-3);overflow-x:auto;padding-bottom:var(--sp-2);-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:var(--radius-sm);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;color:var(--fg-secondary);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;color:var(--fg-muted);font-style:italic;padding:var(--sp-4) 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:var(--sp-4)}.modal-card{background:var(--card-bg);border-radius:var(--radius);padding:var(--sp-6);max-width:400px;width:100%;max-height:70vh;overflow-y:auto}.modal-card h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--sp-4)}.modal-empty{color:var(--fg-muted);font-size:.9rem;margin-bottom:var(--sp-4)}.modal-book-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:var(--sp-4)}.modal-book-item{display:flex;flex-direction:column;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);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;color:var(--fg-muted)}.settings-page{padding:var(--sp-2) 0}.settings-section{background:var(--card-bg);border-radius:var(--radius);padding:1.25rem;margin-bottom:var(--sp-4);box-shadow:var(--shadow)}.settings-section h2{display:flex;align-items:center;gap:var(--sp-2);font-size:1.1rem;font-weight:700;margin-bottom:var(--sp-3)}.settings-hint{font-size:.85rem;color:var(--fg-secondary);margin-bottom:var(--sp-3)}.settings-profile-row{display:flex;align-items:center;gap:var(--sp-4)}.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;color:var(--fg-secondary);margin-bottom:var(--sp-1)}.settings-inline-form{display:flex;gap:var(--sp-2)}.settings-inline-form input{flex:1;padding:.5rem .75rem;border:1.5px solid var(--input-border);border-radius:10px;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:var(--sp-2);margin-top:var(--sp-3)}.invite-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--input-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:var(--radius-pill)}.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:var(--sp-4);border-top:1px solid rgba(239,68,68,.2)}.settings-danger-zone h3{font-size:.95rem;margin-bottom:var(--sp-2)}.settings-privacy-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;font-size:.9rem}.settings-privacy-link:hover{color:var(--accent-hover)}.privacy-page{max-width:700px;margin:0 auto;padding:var(--sp-4) 0}.privacy-page h1{font-size:1.6rem;font-weight:800;margin-bottom:var(--sp-1)}.privacy-update{font-size:.85rem;color:var(--fg-muted);margin-bottom:var(--sp-8)}.privacy-page section{margin-bottom:var(--sp-6)}.privacy-page h2{font-size:1.1rem;font-weight:700;margin-bottom:var(--sp-2)}.privacy-page p{font-size:.95rem;line-height:1.6;color:var(--fg-secondary);margin-bottom:var(--sp-2)}.privacy-page ul{padding-left:1.25rem;margin-bottom:var(--sp-2)}.privacy-page li{font-size:.95rem;line-height:1.6;color:var(--fg-secondary);margin-bottom:var(--sp-1)}.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:var(--sp-4)}.tinder-import-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);font-size:.9rem;color:var(--fg-secondary)}.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:var(--sp-4)}.tinder-import-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--sp-1)}.tinder-import-author{font-size:.9rem;color:var(--fg-secondary)}.tinder-import-year{font-size:.8rem;color:var(--fg-muted);margin-top:.2rem}.tinder-import-status-label{font-size:.8rem;margin-top:var(--sp-1)}.tinder-import-actions{display:flex;gap:var(--sp-8);margin-top:var(--sp-6);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:var(--sp-6);background:none;border:none;color:var(--fg-secondary);font-size:.85rem;cursor:pointer;text-decoration:underline}.tinder-import-finish-btn:hover{color:var(--accent)}.tinder-import-summary{width:100%;max-width:500px;text-align:center}.tinder-import-summary h2{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:1.3rem;margin-bottom:var(--sp-4)}.tinder-import-stats{display:flex;gap:var(--sp-6);justify-content:center;margin-bottom:var(--sp-6)}.tinder-stat{font-size:.9rem}.tinder-stat.muted{color:var(--fg-muted)}.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:var(--sp-2);max-height:40vh;overflow-y:auto;padding:var(--sp-2)}.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;color:var(--fg-secondary)}.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}@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)}.theme-toggle{display:flex;gap:var(--sp-2)}.theme-toggle button{padding:var(--sp-2) var(--sp-4);border:1.5px solid var(--border);border-radius:10px;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)}@media (max-width: 480px){#app{padding:var(--sp-3);padding-bottom:calc(var(--sp-4) + var(--safe-area-bottom))}.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}