@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Cinzel:wght@400;600;700&family=Sorts+Mill+Goudy:ital@0;1&family=Josefin+Sans:ital,wght@0,300;0,400;0,600;1,300&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,600;0,6..96,700;1,6..96,400&family=Spectral:ital,wght@0,300;0,400;0,600;1,300;1,400&family=UnifrakturMaguntia&family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap";.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem;gap:1.5rem;position:sticky;top:0;height:100vh;overflow-y:auto;transition:background var(--transition-slow),border-color var(--transition-slow)}.sidebar-close-btn{display:none}.sidebar-header{padding:0 .5rem}.sidebar-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sidebar-logo-icon{font-size:1.5rem}.sidebar-logo-text{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.04em;color:var(--text-primary)}.sidebar-subtitle{font-size:.8rem;color:var(--text-muted);padding-left:.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius);color:var(--text-secondary);font-size:.9rem;width:100%;text-align:left;transition:background var(--transition),color var(--transition)}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item--active{background:var(--accent-primary);color:#fff}.nav-item--active:hover{background:var(--accent-hover);color:#fff}.nav-item--muted{opacity:.5}.nav-item-icon{font-size:1rem;flex-shrink:0}.sidebar-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 .5rem;margin-bottom:.5rem}.sidebar-themes{margin-top:auto}.theme-buttons{display:flex;flex-direction:column;gap:.2rem}.theme-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);width:100%;text-align:left;transition:background var(--transition),color var(--transition)}.theme-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-btn--active{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);font-weight:500}.theme-btn-label{font-family:var(--font-body)}@media (max-width: 768px){.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:400}.sidebar--open{position:fixed;inset:0 auto 0 0;width:80vw;max-width:300px;height:100dvh;z-index:500;padding-top:calc(env(safe-area-inset-top) + 1rem);padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);overflow-y:auto}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:calc(env(safe-area-inset-top) + .75rem);right:.75rem;width:32px;height:32px;min-height:unset;font-size:.9rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:50%}}.theme-toggle-btn{width:100%;justify-content:flex-start}.theme-toggle-chevron{font-size:.55rem;opacity:.6;margin-left:auto}.theme-buttons{margin-top:.15rem;padding-left:.5rem;border-left:2px solid var(--border);margin-left:1rem;animation:fadeIn .15s ease}.sidebar-user{margin-top:auto;padding:1rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-username{font-size:.8rem;color:var(--text-muted);font-family:var(--font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{font-size:.75rem;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .6rem;cursor:pointer;flex-shrink:0;transition:color var(--transition),border-color var(--transition);font-family:var(--font-body)}.sidebar-logout:hover{color:#ef4444;border-color:#ef4444}.sidebar-toggle{font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:.15rem .45rem;border-radius:999px;margin-left:auto;flex-shrink:0}.sidebar-toggle--on{background:var(--accent-primary);color:var(--accent-text)}.sidebar-toggle--off{background:var(--border);color:var(--text-muted)}.sidebar-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}.sidebar-avatar-initials{width:24px;height:24px;border-radius:50%;background:var(--accent-primary);color:var(--accent-text);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logout-inline{margin-left:auto;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.72rem;font-weight:600;font-family:var(--font-body);cursor:pointer;padding:.2rem .5rem;flex-shrink:0;line-height:1.4;transition:color var(--transition),border-color var(--transition),background var(--transition);white-space:nowrap}.sidebar-logout-inline:hover{color:#ef4444;border-color:#ef4444;background:color-mix(in srgb,#ef4444 8%,transparent)}.sidebar-profile-footer{border-top:1px solid var(--border-subtle);padding:.25rem 0 0}.sidebar-profile-item{width:100%}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column}.sidebar-username-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:100}.topbar-menu-btn{display:none;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem;flex-shrink:0;line-height:1}.topbar-search{flex:1;position:relative;display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:border-color var(--transition),box-shadow var(--transition)}.topbar-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.topbar-search-input{width:100%;padding:.5rem 2rem .5rem 2.25rem;background:transparent;border:none;border-radius:var(--radius);color:var(--text-primary);font-size:.88rem;font-family:var(--font-body);outline:none;-webkit-mask-image:linear-gradient(to right,black 78%,transparent 95%);mask-image:linear-gradient(to right,black 78%,transparent 95%)}.topbar-search-input:focus{outline:none;box-shadow:none;border:none}.topbar-search-icon{position:absolute;left:.75rem;font-size:.85rem;pointer-events:none;color:var(--text-muted)}.topbar-search-input{width:100%;padding:.5rem 2rem .5rem 2.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.88rem;font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}.topbar-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.topbar-search-input::placeholder{color:var(--text-muted)}.topbar-add-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--accent-primary);color:var(--accent-text);border:none;border-radius:var(--radius);font-size:.85rem;font-weight:700;font-family:var(--font-body);cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background var(--transition),transform var(--transition)}.topbar-add-btn:hover{background:var(--accent-hover)}.topbar-add-btn:active{transform:scale(.97)}@media (max-width: 768px){.topbar-menu-btn{display:block}.topbar-add-btn{padding:.45rem .65rem;font-size:1.1rem;border-radius:var(--radius);font-weight:700}.topbar-add-btn span:last-child{display:none}}.topbar-clear-btn{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:.2rem;line-height:1}.topbar-clear-btn:hover{color:var(--text-primary)}.topbar-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px var(--shadow);z-index:200;overflow:hidden}.topbar-suggestion{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .9rem;border:none;border-bottom:1px solid var(--border-subtle);background:none;cursor:pointer;text-align:left;transition:background var(--transition)}.topbar-suggestion:last-child{border-bottom:none}.topbar-suggestion:hover{background:var(--bg-secondary)}.topbar-suggestion-icon{font-size:1rem;flex-shrink:0}.topbar-suggestion-label{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.topbar-suggestion-name{font-size:.88rem;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.topbar-suggestion-meta{font-size:.72rem;color:var(--text-muted)}.topbar-suggestion-arrow{color:var(--text-muted);font-size:1rem;flex-shrink:0}.photo-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;animation:fadeIn .15s ease}.photo-viewer{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;width:min(600px,95vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 40px 100px #0009}.photo-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.photo-viewer-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:82%}.photo-viewer-close{font-size:1rem;color:var(--text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm);flex-shrink:0;line-height:1}.photo-viewer-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.photo-viewer-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:1.5rem 1rem;gap:.75rem}.photo-viewer-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.photo-viewer-image{max-width:100%;max-height:65vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 8px 32px #00000040}.photo-viewer-label{position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%);font-size:.62rem;font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--accent-primary);color:#fff;padding:.2rem .65rem;border-radius:var(--radius-sm);white-space:nowrap}.photo-viewer-arrow{font-size:2.5rem;color:var(--text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm);line-height:1;flex-shrink:0;transition:color var(--transition),background var(--transition)}.photo-viewer-arrow:hover{background:var(--bg-secondary);color:var(--text-primary)}.photo-viewer-dots{display:flex;justify-content:center;gap:.5rem;padding:.75rem;border-top:1px solid var(--border-subtle);flex-shrink:0}.photo-viewer-dot{width:8px;height:8px;min-width:8px;min-height:8px;box-sizing:content-box;border-radius:50%;background:var(--border);transition:background var(--transition),transform var(--transition);padding:0;border:none;cursor:pointer;flex-shrink:0;display:block}.photo-viewer-dot:hover{background:var(--text-muted)}.photo-viewer-dot--active{background:var(--accent-primary);transform:scale(1.3)}.photo-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:.75rem;text-align:center}.photo-viewer-empty-icon{font-size:2.5rem}.photo-viewer-empty-sub{font-size:.85rem;color:var(--text-muted);max-width:260px;line-height:1.5}.book-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition),transform var(--transition)}.book-card:hover{box-shadow:0 6px 24px var(--shadow);transform:translateY(-3px)}.book-card--read{border-left:3px solid #16a34a}.book-cover{position:relative;height:190px;background:var(--bg-secondary);overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.book-card:hover .book-cover img{transform:scale(1.03)}.book-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),var(--border-subtle))}.book-cover-icon{font-size:2.5rem;opacity:.3}.book-cover-clickable{cursor:pointer;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .2s ease;display:flex;align-items:center;justify-content:center}.book-cover-clickable:hover{filter:brightness(.88)}.book-indicators{position:absolute;top:.5rem;right:0;display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.book-indicator{display:flex;align-items:center;border-radius:20px 0 0 20px;overflow:hidden;max-width:28px;transition:max-width .3s ease,box-shadow .2s ease;cursor:default;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.book-indicator:hover{max-width:110px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.indicator-label{font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:0 .45rem 0 .6rem;opacity:0;transform:translate(8px);transition:opacity .2s ease .05s,transform .25s ease .05s}.book-indicator:hover .indicator-label{opacity:1;transform:translate(0)}.indicator-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.indicator-icon svg{width:22px;height:22px}.book-indicator--read{background:#16a34a}.book-indicator--read .indicator-label{color:#fff}.book-indicator--signed{background:#b45309}.book-indicator--signed .indicator-label{color:#fef3c7}.book-indicator--edition{background:#7c3aed}.book-indicator--edition .indicator-label{color:#ede9fe}.book-copy-badge{position:absolute;bottom:.5rem;left:.5rem;background:#000000a6;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.2rem .5rem;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;border:none;font-family:var(--font-body);display:inline-flex;align-items:center;gap:.25rem}.book-info{padding:.85rem .85rem .6rem;flex:1;display:flex;flex-direction:column;gap:.2rem;position:relative}.book-info--tappable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition)}.book-info--tappable:hover{background:var(--bg-secondary)}.book-info--tappable:active{background:var(--border-subtle)}.book-info-chevron{position:absolute;bottom:.5rem;right:.6rem;font-size:1rem;color:var(--text-muted);transform:rotate(90deg);line-height:1;transition:color var(--transition)}.book-info--tappable:hover .book-info-chevron{color:var(--accent-primary)}.book-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;line-height:1.25;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.01em}.book-author{font-family:var(--font-body);font-size:.82rem;font-style:italic;color:var(--text-secondary);margin-top:.1rem}.book-meta,.book-condition{font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.book-location{font-size:.72rem;color:var(--accent-secondary)}.book-rating{font-size:.75rem;color:var(--accent-primary);letter-spacing:.08em;margin-top:.1rem}.book-rating-value{font-family:var(--font-body);font-size:.7rem;color:var(--text-muted);letter-spacing:0}.bl-list{display:flex;flex-direction:column;gap:0;animation:fadeIn .3s ease;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.bl-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);transition:background var(--transition);position:relative}.bl-row:last-child{border-bottom:none}.bl-row:hover{background:var(--bg-secondary)}.bl-row--read{border-left:3px solid #16a34a}.bl-row--reading,.bl-row--read.bl-row--reading{border-left:3px solid var(--accent-primary)}.bl-cover{width:48px;height:68px;flex-shrink:0;border-radius:calc(var(--radius-sm) - 1px);overflow:hidden;cursor:pointer;background:var(--bg-secondary);box-shadow:0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.bl-cover:hover{transform:scale(1.06);box-shadow:0 4px 14px #00000040}.bl-cover img{width:100%;height:100%;object-fit:cover}.bl-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;opacity:.3}.bl-content{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:.3rem}.bl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.bl-title-group{min-width:0}.bl-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.bl-author{font-size:.88rem;font-style:italic;font-weight:500;color:var(--text-secondary);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-badges{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0;justify-content:flex-end}.bl-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.15rem .45rem;border-radius:20px;white-space:nowrap}.bl-badge--read{background:#dcfce7;color:#15803d}.bl-badge--reading{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary)}.bl-badge--signed{background:#fef3c7;color:#b45309}.bl-badge--edition{background:#ede9fe;color:#7c3aed}[data-theme=dark] .bl-badge--read{background:#14532d;color:#86efac}[data-theme=dark] .bl-badge--signed{background:#451a03;color:#fcd34d}[data-theme=dark] .bl-badge--edition{background:#2e1065;color:#c4b5fd}.bl-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.bl-meta-item{font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.bl-meta-item+.bl-meta-item:before{content:"·";margin-right:.4rem;opacity:.5}.bl-meta-genre{color:var(--accent-secondary)}.bl-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.bl-rating{font-size:.75rem;color:var(--accent-primary);letter-spacing:.04em}.bl-rating-num{font-size:.68rem;color:var(--text-muted);margin-left:.25rem;letter-spacing:0}.bl-location{font-size:.72rem;color:var(--accent-secondary)}.bl-tags{display:flex;flex-wrap:wrap;gap:.2rem}.bl-tag{font-size:.62rem;padding:.1rem .4rem;background:var(--bg-secondary);color:var(--text-muted);border-radius:20px;border:1px solid var(--border-subtle)}.bl-chevron{font-size:1.2rem;color:var(--text-muted);flex-shrink:0;transition:color var(--transition),transform var(--transition);line-height:1}.bl-row:hover .bl-chevron{color:var(--accent-primary);transform:translate(2px)}.bl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:.75rem;color:var(--text-muted)}.bl-empty-icon{font-size:3rem}.bl-empty-title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary)}.bl-empty-sub{font-size:.9rem}@media (max-width: 480px){.bl-row{padding:.75rem;gap:.75rem}.bl-cover{width:42px;height:60px}.bl-title{font-size:.9rem}.bl-badges{display:none}}.bc-list{display:flex;flex-direction:column;animation:fadeIn .3s ease;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.bc-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);transition:background var(--transition);min-height:0}.bc-row:last-child{border-bottom:none}.bc-row:hover{background:var(--bg-secondary)}.bc-row--read{border-left:3px solid #16a34a}.bc-row--reading{border-left:3px solid var(--accent-primary)}.bc-status-dots{display:flex;flex-direction:column;gap:3px;flex-shrink:0;width:8px;align-items:center}.bc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:block;box-sizing:content-box;padding:0;border:none;min-width:6px;min-height:6px}.bc-dot--read{background:#16a34a}.bc-dot--reading{background:var(--accent-primary)}.bc-dot--signed{background:#b45309}.bc-dot--edition{background:#7c3aed}.bc-dot--empty{background:transparent}.bc-content{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.bc-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;max-width:100%}.bc-author{font-size:.8rem;font-style:italic;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bc-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.bc-rating{font-size:.6rem;color:var(--accent-primary);letter-spacing:.02em;line-height:1}.bc-thumb{width:26px;height:36px;border-radius:2px;overflow:hidden;cursor:pointer;flex-shrink:0;box-shadow:0 1px 4px #0003;transition:transform .15s ease}.bc-thumb:hover{transform:scale(1.1)}.bc-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.bc-row{padding:.45rem .6rem}}.bl-content{flex:1;min-width:0;display:flex;flex-direction:column}.bl-main{cursor:pointer;display:flex;flex-direction:column;gap:.3rem}.bl-copy-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-subtle);margin-bottom:.3rem}.bl-copy-tab{flex:1;padding:.2rem .4rem;font-size:.65rem;font-weight:500;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;background:none;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);cursor:pointer}.bl-copy-tab:hover{color:var(--text-secondary)}.bl-copy-tab--active{color:var(--accent-primary);font-weight:700;border-bottom-color:var(--accent-primary)}.bl-copy-count{display:block;text-align:center;font-size:.62rem;font-weight:700;color:var(--text-muted);margin-top:.3rem;letter-spacing:.03em}.bl-cover-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.bc-copy-dot{width:7px;height:7px;min-width:7px;min-height:7px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;box-sizing:content-box;transition:background var(--transition),transform var(--transition);display:block}.bc-copy-dot:hover{background:var(--text-muted)}.bc-copy-dot--active{background:var(--accent-primary);transform:scale(1.2)}.bc-copy-count{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;background:var(--accent-primary);color:var(--accent-text);font-size:.72rem;font-weight:800;line-height:1;flex-shrink:0;box-sizing:content-box;padding:0;border:none}.next-read-card{background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.next-read-card:hover{box-shadow:0 6px 24px var(--shadow);transform:translateY(-3px)}.next-read-card--result{border-style:solid;border-color:var(--accent-primary);border-width:1px}.next-read-card--idle{cursor:pointer}.next-read-cover{height:190px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 8%,var(--bg-secondary)),color-mix(in srgb,var(--accent-secondary) 12%,var(--bg-secondary)));display:flex;align-items:center;justify-content:center;position:relative}.next-read-cover--result{background:var(--bg-secondary);cursor:pointer}.next-read-cover-img{width:100%;height:100%;object-fit:cover;transition:filter .2s ease}.next-read-cover-img:hover{filter:brightness(.88)}.next-read-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.next-read-placeholder-icon{font-size:2.5rem;opacity:.3}.next-read-badge{position:absolute;top:.5rem;left:.5rem;background:var(--accent-primary);color:var(--accent-text);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:var(--radius-sm)}.next-read-icon{width:64px;height:64px;border-radius:50%;border:2px dashed var(--accent-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;color:var(--accent-primary);opacity:.6;transition:opacity var(--transition),transform var(--transition)}.next-read-card--idle:hover .next-read-icon{opacity:1;transform:scale(1.08)}.next-read-icon--spin{animation:spin 1s linear infinite;font-size:1.5rem}.next-read-info{padding:.85rem .85rem .5rem;display:flex;flex-direction:column;gap:.2rem}.next-read-info--result{cursor:pointer;transition:background var(--transition)}.next-read-info--result:hover{background:var(--bg-secondary)}.next-read-label{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--accent-primary);letter-spacing:.01em}.next-read-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.next-read-author{font-size:.82rem;font-style:italic;color:var(--text-secondary)}.next-read-genre{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.next-read-reread{font-size:.68rem;color:var(--accent-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.next-read-sub{font-family:var(--font-body);font-size:.82rem;font-style:italic;color:var(--text-muted)}.next-read-refresh-btn{margin:0 .75rem .75rem;padding:.35rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);font-family:var(--font-body);font-size:.75rem;text-align:center;transition:all var(--transition);min-height:unset;align-self:flex-start}.next-read-refresh-btn:hover{background:var(--bg-primary);color:var(--accent-primary);border-color:var(--accent-primary)}.next-read-reasons{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.next-read-reason{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem;border-radius:20px;background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary);white-space:nowrap}.book-grid-wrapper{animation:fadeIn .3s ease}.book-count{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.grid-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:.75rem;color:var(--text-muted)}.empty-icon{font-size:3rem}.empty-title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary)}.empty-sub{font-size:.9rem}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;width:100%}.book-skeleton{height:280px;background:var(--bg-secondary);border-radius:var(--radius);animation:pulse 1.4s ease infinite}.pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;padding:1rem}.pagination button{padding:.4rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem}.pagination button:not(:disabled):hover{background:var(--bg-secondary);color:var(--text-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:.85rem;color:var(--text-muted)}.scroll-sentinel{height:1px;width:100%}.loading-more{display:flex;justify-content:center;padding:1.5rem 0 .5rem}.loading-more-dots{display:flex;gap:.4rem;align-items:center}.loading-more-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);opacity:.4;animation:pulse 1.2s ease infinite}.loading-more-dots span:nth-child(2){animation-delay:.2s}.loading-more-dots span:nth-child(3){animation-delay:.4s}.scroll-end{text-align:center;font-size:.75rem;color:var(--text-muted);padding:1rem 0 .5rem;letter-spacing:.05em}.barcode-scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-card);display:flex;align-items:stretch;justify-content:center}.barcode-scanner-modal{width:100%;max-width:600px;display:flex;flex-direction:column;background:var(--bg-card)}.barcode-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.barcode-scanner-header h3{color:var(--text-primary);font-size:1rem;font-family:var(--font-display);margin:0}.barcode-scanner-close{color:var(--text-secondary);width:32px;height:32px;border-radius:50%;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.barcode-scanner-close:hover{background:var(--bg-secondary)}.barcode-scanner-tabs{flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--border)}.barcode-scanner-tabs .add-mode-tabs{display:flex;border-bottom:none}.barcode-scanner-tabs .add-mode-tab{flex:1;padding:.55rem .5rem;font-size:.8rem;font-weight:600;font-family:var(--font-body);color:var(--text-muted);border:none;background:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition),border-color var(--transition);text-align:center}.barcode-scanner-tabs .add-mode-tab:hover:not(.add-mode-tab--active){color:var(--text-primary)}.barcode-scanner-tabs .add-mode-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:none;font-weight:700}.barcode-scanner-viewport{flex:1;position:relative;overflow:hidden;min-height:0}.barcode-scanner-viewport video{width:100%;height:100%;object-fit:cover;display:block}.barcode-scanner-viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.barcode-scanner-status,.barcode-scanner-error{color:var(--text-secondary);text-align:center;padding:1rem;font-size:.88rem}.barcode-scanner-error{color:#f87171}.barcode-scanner-controls{padding:.75rem 1rem;background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0}.barcode-scanner-hint{color:var(--text-muted);font-size:.78rem;text-align:center;margin-bottom:.5rem}.barcode-zoom{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.barcode-zoom-label{color:var(--text-secondary);font-size:1rem}.barcode-zoom-slider{flex:1;accent-color:var(--accent-primary)}.barcode-zoom-value{color:var(--text-muted);font-size:.78rem;min-width:36px;text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000004d;animation:fadeIn .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h2{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.modal-close{font-size:1rem;color:var(--text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm);line-height:1}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.form-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 1.5rem;flex-shrink:0}.form-tab{padding:.6rem .9rem;font-size:.82rem;color:var(--text-muted);border-bottom:2px solid transparent;font-family:var(--font-body);transition:color var(--transition),border-color var(--transition);white-space:nowrap}.form-tab:hover{color:var(--text-primary)}.form-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field label{font-size:.75rem;color:var(--text-secondary);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{font-size:.9rem}.form-field--full{grid-column:1 / -1}.form-field--disabled label{opacity:.45}.form-field--disabled input,.form-field--disabled select,.form-field--disabled textarea{opacity:.45;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-muted)}.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.5rem;padding:.85rem 1rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-subtle)}.form-check-item{display:flex;align-items:center}.form-check-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.88rem;color:var(--text-primary);font-weight:500;-webkit-user-select:none;user-select:none}.form-check-label input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;accent-color:var(--accent-primary);cursor:pointer;box-sizing:content-box;padding:0;border:none}.form-check-dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:50%;flex-shrink:0;display:block;box-sizing:content-box;padding:0;border:none}.form-cover-row{display:flex;gap:1rem;align-items:flex-start}.form-cover-preview{width:72px;height:100px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);flex-shrink:0}.form-cover-empty{width:72px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius);font-size:.68rem;color:var(--text-muted);flex-shrink:0;text-align:center}.form-cover-actions{display:flex;flex-direction:column;gap:.4rem;justify-content:center;padding-top:.25rem}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0}.modal-footer-left{display:flex;gap:.5rem;align-items:center;min-height:36px}.modal-footer-right{display:flex;gap:.5rem;align-items:center;margin-left:auto}.btn{padding:.5rem 1.1rem;border-radius:var(--radius);font-family:var(--font-body);font-size:.88rem;font-weight:500;line-height:1.4;white-space:nowrap}.btn--sm{padding:.3rem .7rem;font-size:.78rem}.btn--icon{padding:.4rem .6rem;font-size:1rem;line-height:1}.btn--primary{background:var(--accent-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--ghost:hover{background:var(--bg-primary);color:var(--text-primary)}.btn--spine{background:var(--accent-secondary);color:#fff;border-radius:var(--radius);font-size:.85rem}.btn--spine:hover:not(:disabled){opacity:.85}.btn--spine:disabled{opacity:.5;cursor:not-allowed}.btn--danger{background:transparent;border:1px solid #dc2626;color:#dc2626;font-size:.85rem}.btn--danger:hover,.btn--danger.confirming{background:#dc2626;color:#fff}.form-hint{font-size:.83rem;color:var(--text-muted);grid-column:1 / -1;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius)}.form-error{padding:.4rem 1.5rem 0;color:#dc2626;font-size:.83rem;flex-shrink:0}.form-spine-msg{padding:.4rem 1.5rem 0;font-size:.83rem;color:var(--text-secondary);flex-shrink:0}.ol-courtesy-link{font-size:.78rem;color:var(--text-muted)}.ol-courtesy-link a{color:var(--accent-secondary)}.ol-courtesy-link a:hover{text-decoration:underline}.scan-section{padding:.75rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.scan-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.scan-btn{padding:.45rem 1rem;background:var(--accent-secondary);color:#fff;border-radius:var(--radius);font-family:var(--font-body);font-size:.85rem}.scan-btn:hover:not(:disabled){opacity:.85}.scan-btn:disabled{opacity:.5}.scan-btn--primary{background:var(--accent-primary)}.scan-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.scan-msg{font-size:.8rem;color:var(--text-secondary)}.scan-msg--error{color:#dc2626}.title-search-input{width:100%}.search-status{font-size:.8rem;color:var(--text-muted)}.search-results{list-style:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-height:240px;overflow-y:auto;margin-top:.25rem}.search-result{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background var(--transition)}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--bg-secondary)}.search-result-cover{width:32px;height:46px;object-fit:cover;border-radius:2px;flex-shrink:0}.search-result-title{font-size:.85rem;font-weight:500;color:var(--text-primary)}.search-result-meta{font-size:.73rem;color:var(--text-muted);margin-top:.1rem}@media (max-width: 480px){.modal-overlay{align-items:flex-end;padding:0}.modal{max-height:88vh;min-height:88vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-body{flex:1}.form-fields{grid-template-columns:1fr}.form-field--full{grid-column:1}.checkbox-group{grid-template-columns:1fr}.modal-footer{flex-wrap:nowrap;gap:.4rem;padding:.75rem 1rem}.modal-footer-left,.modal-footer-right{gap:.4rem;flex-shrink:0}.btn{padding:.45rem .75rem;font-size:.82rem}}.scan-duplicate{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-apply-group{padding:.5rem 1.5rem;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--accent-primary) 5%,transparent)}.form-apply-group .form-check-label{font-size:.8rem;color:var(--text-muted);gap:.4rem}.copy-switcher{display:flex;border-bottom:1px solid var(--border);background:var(--bg-primary);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.copy-switcher::-webkit-scrollbar{display:none}.copy-switcher-tab{flex-shrink:0;min-width:fit-content;padding:.6rem 1rem;font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap;text-align:center;border:none;background:none;border-bottom:3px solid transparent;transition:color var(--transition),border-color var(--transition),background var(--transition);cursor:pointer;font-family:var(--font-body)}.copy-switcher-tab:hover:not(:disabled){color:var(--text-primary);background:var(--bg-secondary)}.copy-switcher-tab--active{color:var(--accent-primary);font-weight:700;border-bottom-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-card));cursor:default}.form-series-row{display:flex;gap:.5rem;align-items:center}.form-series-row select{flex:1;min-width:0}.add-mode-section{border-bottom:1px solid var(--border-subtle);flex-shrink:0}.add-mode-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.add-mode-tab{flex:1;padding:.6rem .5rem;font-size:.82rem;font-weight:600;font-family:var(--font-body);color:var(--text-muted);border:none;background:none;border-bottom:3px solid transparent;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition);text-align:center}.add-mode-tab:hover:not(.add-mode-tab--active){color:var(--text-primary);background:var(--bg-secondary)}.add-mode-tab--active{color:var(--accent-primary);font-weight:700;border-bottom-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-card))}.add-mode-section .scan-msg,.add-mode-section .scan-duplicate,.add-mode-section .title-search{padding:.75rem 1.25rem}.form-offline-note{font-size:.78rem;color:var(--text-muted);text-align:center;padding:.4rem 1rem 0;margin:0;font-style:italic}.form-field-hint{font-size:.72rem;color:var(--text-muted);margin:.25rem 0 0;font-style:italic}.series-picker{position:relative}.series-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:.88rem;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color var(--transition)}.series-picker-trigger:focus{outline:none;border-color:var(--accent-primary)}.series-picker-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-picker-chevron{color:var(--text-muted);font-size:.7rem;margin-left:.5rem;flex-shrink:0}.series-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px var(--shadow);max-height:220px;overflow-y:auto;display:flex;flex-direction:column}.series-list-row{display:flex;align-items:center;border-top:1px solid var(--border-subtle)}.series-list-item{flex:1;text-align:left;background:none;border:none;padding:.6rem .85rem;font-size:.88rem;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition)}.series-list-item:first-child{border-top:none}.series-list-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.series-list-item--active{color:var(--accent-primary);font-weight:600;background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.series-list-delete{background:none;border:none;color:var(--text-muted);font-size:.75rem;padding:.6rem .75rem;cursor:pointer;flex-shrink:0;transition:color var(--transition)}.series-list-delete:hover{color:#ef4444}.series-list-add{background:none;border:none;border-top:1px solid var(--border-subtle);padding:.55rem .85rem;font-size:.82rem;font-family:var(--font-body);color:var(--accent-primary);cursor:pointer;text-align:left;transition:background var(--transition)}.series-list-add:hover{background:var(--bg-secondary)}.modal-footer-saved{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.modal-footer-saved-msg{font-size:.82rem;color:#16a34a;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-footer-saved-actions{display:flex;gap:.5rem;flex-shrink:0}.modal-saved-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;text-align:center}.modal-saved-icon{width:56px;height:56px;border-radius:50%;background:#16a34a;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.modal-saved-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.modal-saved-actions{display:flex;gap:.75rem;margin-top:.5rem}.location-manager{max-width:700px;animation:fadeIn .3s ease}.lm-title{font-size:1.5rem;margin-bottom:.25rem}.lm-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.lm-add-room{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.lm-add-room input{flex:1;min-width:160px}.lm-error{color:#dc2626;font-size:.85rem;margin-bottom:1rem}.lm-loading{color:var(--text-muted)}.lm-empty{color:var(--text-muted);padding:2rem;text-align:center;background:var(--bg-secondary);border-radius:var(--radius)}.rooms-list{display:flex;flex-direction:column;gap:1rem}.room-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.room-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.room-name{font-family:var(--font-display);font-size:1rem}.room-meta{font-size:.78rem;color:var(--text-muted)}.locations-list{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.loc-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.loc-item>div{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.loc-icon{font-size:.9rem}.loc-name{font-size:.9rem;color:var(--text-primary)}.loc-meta{font-size:.75rem;color:var(--text-muted)}.add-loc-form{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem 0}.add-loc-form input{flex:1;min-width:120px}.add-loc-btn{font-size:.85rem;color:var(--accent-primary);padding:.4rem 0;text-align:left}.add-loc-btn:hover{text-decoration:underline}.danger-btn{font-size:.78rem;color:#dc2626;padding:.3rem .6rem;border:1px solid #fca5a5;border-radius:var(--radius-sm);background:#fef2f2}.danger-btn:hover{background:#dc2626;color:var(--accent-text);border-color:#dc2626}.danger-btn--sm{font-size:.7rem;padding:.2rem .4rem}.btn{padding:.4rem .9rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem}.btn--primary{background:var(--accent-primary);color:var(--accent-text)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-secondary)}.filter-bar-wrapper{margin-bottom:1rem}.filter-bar{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);font-size:.8rem;white-space:nowrap;flex-shrink:0;transition:all var(--transition);min-height:unset;cursor:pointer}.filter-pill:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-secondary)}.filter-pill--active{background:var(--accent-primary);color:#000;border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow)}.filter-pill--active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.filter-pill--expanded{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-color:var(--accent-secondary);color:var(--accent-primary)}.filter-pill--expanded.filter-pill--active{color:#fff}.filter-pill-chevron{font-size:.55rem;opacity:.7;margin-left:.1rem}.filter-pill-icon{font-size:.85rem;line-height:1}.filter-pill-label{line-height:1}.filter-shelf-row{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem .25rem .25rem;border-left:2px solid var(--accent-secondary);margin-left:.25rem;margin-top:.35rem;animation:fadeIn .15s ease}.filter-shelf-pill{display:flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;white-space:nowrap;transition:all var(--transition);min-height:unset;cursor:pointer}.filter-shelf-pill:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-primary)}.filter-shelf-pill--active{background:var(--accent-primary);color:#000;border-color:var(--accent-primary)}.filter-shelf-pill--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.filter-series-pill-group{display:flex;align-items:center;gap:.25rem}.filter-series-rename{background:none;border:none;padding:.2rem .3rem;font-size:.75rem;cursor:pointer;opacity:.6;border-radius:var(--radius-sm);transition:opacity var(--transition),background var(--transition);line-height:1}.filter-series-rename:hover{opacity:1;background:var(--bg-card)}@media (max-width: 600px){.filter-bar{gap:.4rem}.filter-pill{padding:.35rem .7rem;font-size:.75rem}.filter-shelf-pill{font-size:.72rem;padding:.28rem .6rem}}.filter-pill--series{border-color:var(--accent-primary)}.filter-pill--manage{opacity:.7}.filter-pill--manage:hover{opacity:1}.series-manager{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.35rem;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.series-manager-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}.series-manager-name{flex:1;font-size:.85rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-manager-input{flex:1;font-size:.85rem;padding:.25rem .5rem;background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body)}.series-manager-input:focus{outline:none}.series-manager-btn{font-size:.75rem;padding:.2rem .55rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);flex-shrink:0;transition:color var(--transition),border-color var(--transition)}.series-manager-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.series-manager-btn--save{color:var(--accent-primary);border-color:var(--accent-primary)}.series-manager-btn--danger{color:#ef4444;border-color:#ef4444}.series-manager-btn--danger:hover{background:color-mix(in srgb,#ef4444 8%,transparent)}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;background:var(--bg-primary);padding:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow);overflow:visible;margin:auto;flex-shrink:0}.login-header{padding:2rem 2rem 1rem;text-align:center;background:var(--bg-sidebar);border-bottom:1px solid var(--border)}.login-title{font-family:var(--font-display);font-size:1.75rem;color:var(--text-primary);margin-bottom:.25rem}.login-subtitle{font-size:.85rem;color:var(--text-muted);font-family:var(--font-body)}.login-tabs{display:flex;border-bottom:1px solid var(--border)}.login-tab{flex:1;padding:.75rem;font-size:.85rem;font-weight:600;font-family:var(--font-body);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.login-tab:hover{color:var(--text-primary)}.login-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.login-form{padding:1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-field label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-body)}.login-field input{padding:.6rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}.login-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.login-error{font-size:.82rem;color:#ef4444;background:color-mix(in srgb,#ef4444 10%,transparent);border:1px solid color-mix(in srgb,#ef4444 30%,transparent);border-radius:var(--radius-sm);padding:.5rem .75rem}.login-submit{margin-top:.25rem;padding:.7rem;background:var(--accent-primary);color:var(--accent-text);border:none;border-radius:var(--radius);font-size:.9rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background var(--transition),transform var(--transition)}.login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-submit:active{transform:scale(.98)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-password-row{display:flex;align-items:center;gap:0;position:relative}.login-password-row input{flex:1;padding-right:2.5rem}.login-eye{position:absolute;right:.6rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:.2rem;line-height:1;color:var(--text-muted);transition:color var(--transition)}.login-eye:hover{color:var(--text-primary)}.login-field-error{font-size:.75rem;color:#ef4444;margin-top:.2rem}.profile-page{max-width:480px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:2rem}.profile-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem .5rem;text-align:center}.profile-avatar-wrap{position:relative;width:80px;height:80px;border-radius:50%;cursor:pointer;margin-bottom:.5rem;flex-shrink:0}.profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block}.profile-avatar-initials{width:80px;height:80px;border-radius:50%;background:var(--accent-primary);color:var(--accent-text);font-family:var(--font-display);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-email{font-size:.85rem;color:var(--text-muted);margin:0}.profile-field-error{font-size:.78rem;color:#ef4444;margin:0}.profile-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.profile-section-title{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:.85rem 1.25rem .5rem;margin:0}.profile-section-title--danger{color:#ef4444}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-top:1px solid var(--border-subtle);gap:1rem;min-height:48px}.profile-label{font-size:.88rem;color:var(--text-secondary);flex-shrink:0}.profile-value{font-size:.88rem;color:var(--text-primary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-edit-row{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end;min-width:0}.profile-edit-input{padding:.3rem .6rem;background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;font-family:var(--font-body);min-width:0;flex:1;max-width:160px}.profile-edit-input:focus{outline:none}.profile-edit-save{padding:.3rem .6rem;background:var(--accent-primary);color:var(--accent-text);border:none;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;font-family:var(--font-body);cursor:pointer;flex-shrink:0}.profile-edit-cancel{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.2rem;flex-shrink:0}.profile-edit-cancel:hover{color:var(--text-primary)}.profile-edit-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;font-family:var(--font-body);padding:.25rem .6rem;cursor:pointer;flex-shrink:0;transition:border-color var(--transition),color var(--transition)}.profile-edit-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.profile-section--danger{border-color:color-mix(in srgb,#ef4444 30%,transparent)}.btn-danger-outline{display:block;width:calc(100% - 2.5rem);margin:.5rem 1.25rem 1rem;padding:.65rem;background:none;border:1px solid #ef4444;border-radius:var(--radius);color:#ef4444;font-size:.88rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.btn-danger-outline:hover{background:color-mix(in srgb,#ef4444 8%,transparent)}.profile-delete-confirm{padding:.5rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.profile-delete-warning{font-size:.84rem;color:var(--text-secondary);line-height:1.5;margin:0}.profile-delete-prompt{font-size:.84rem;color:var(--text-secondary);margin:0}.profile-delete-input{padding:.55rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);width:100%;box-sizing:border-box}.profile-delete-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 15%,transparent)}.profile-delete-error{font-size:.8rem;color:#ef4444;margin:0}.profile-delete-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.btn-cancel:hover{background:var(--bg-card)}.btn-danger{padding:.5rem 1rem;background:#ef4444;border:none;border-radius:var(--radius);color:#fff;font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background var(--transition),opacity var(--transition)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.privacy-toggle{padding:.25rem .75rem;border-radius:999px;border:none;font-size:.72rem;font-weight:800;font-family:var(--font-body);cursor:pointer;flex-shrink:0;background:var(--border);color:var(--text-muted);transition:background var(--transition),color var(--transition)}.privacy-toggle--on{background:var(--accent-primary);color:var(--accent-text)}.top-books-selected{display:flex;gap:.75rem;margin-bottom:.75rem}.top-books-slot{flex:1;aspect-ratio:2/3;position:relative;border:1.5px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;transition:border-color var(--transition)}.top-books-slot:hover{border-color:var(--accent-primary)}.top-books-cover{width:100%;height:100%;object-fit:cover;display:block}.top-books-cover--empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--bg-secondary)}.top-books-empty-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted)}.top-books-remove{position:absolute;top:3px;right:3px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.top-books-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.top-books-search{width:100%;box-sizing:border-box;padding:.55rem .85rem;background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-subtle);font-size:.88rem;font-family:var(--font-body);color:var(--text-primary)}.top-books-search:focus{outline:none}.top-books-list{max-height:200px;overflow-y:auto}.top-books-pick-row{display:flex;align-items:center;gap:.65rem;padding:.5rem .85rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition)}.top-books-pick-row:hover{background:var(--bg-secondary)}.top-books-pick-row--selected{background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.top-books-pick-row--disabled{opacity:.4;cursor:not-allowed}.top-books-pick-thumb{width:32px;height:44px;object-fit:cover;border-radius:2px;flex-shrink:0}.top-books-pick-thumb--empty{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);font-size:.9rem}.top-books-pick-info{flex:1;min-width:0}.top-books-pick-title{font-size:.82rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-books-pick-author{font-size:.75rem;color:var(--text-muted);margin:0}.top-books-pick-check{color:var(--accent-primary);font-size:.9rem;flex-shrink:0}.top-books-done{display:block;width:100%;padding:.55rem;background:none;border:none;border-top:1px solid var(--border-subtle);color:var(--accent-primary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.top-books-done:hover{background:var(--bg-secondary)}.btn-primary-sm{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;background:var(--accent-primary);color:var(--accent-text);border:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background var(--transition),opacity var(--transition);white-space:nowrap}.btn-primary-sm:hover:not(:disabled){background:var(--accent-hover)}.btn-primary-sm:disabled{opacity:.5;cursor:not-allowed}.top-books-note-btn{position:absolute;bottom:3px;left:3px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.book-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0}.book-detail-modal{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:520px;max-height:80vh;overflow-y:auto;padding:1.25rem 1.25rem 2.5rem;position:relative;animation:sheetSlideUp .22s ease}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.book-detail-close{position:absolute;top:1rem;right:1rem;background:var(--bg-secondary);border:none;border-radius:50%;width:28px;height:28px;font-size:.8rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.book-detail-close:hover{color:var(--text-primary)}.book-detail-loading{text-align:center;padding:2rem;color:var(--text-muted);font-size:.88rem}.book-detail-top{display:flex;gap:1rem;margin-bottom:1rem}.book-detail-cover{width:80px;height:116px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.book-detail-cover--empty{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.75rem}.book-detail-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.book-detail-title{font-family:var(--font-display);font-size:1.05rem;color:var(--text-primary);margin:0;line-height:1.3}.book-detail-author{font-size:.85rem;color:var(--text-secondary);margin:0}.book-detail-series{font-size:.78rem;color:var(--accent-primary);margin:.15rem 0 0}.book-detail-facts{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.book-detail-facts span{font-size:.72rem;background:var(--bg-secondary);color:var(--text-muted);padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border-subtle)}.book-detail-publisher{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0}.book-detail-description{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.book-detail-link{font-size:.8rem;color:var(--accent-primary);text-decoration:none}.book-detail-link:hover{text-decoration:underline}.public-profile{max-width:480px;margin:0 auto;padding:0 0 3rem}.public-profile-back{display:block;background:none;border:none;color:var(--accent-primary);font-size:.88rem;font-family:var(--font-body);padding:.75rem 1rem;cursor:pointer;text-align:left}.public-profile-loading,.public-profile-error{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.88rem}.public-profile-header{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 1.25rem;text-align:center;border-bottom:1px solid var(--border-subtle)}.public-profile-avatar{margin-bottom:.75rem}.public-profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover}.public-profile-avatar-initials{width:80px;height:80px;border-radius:50%;background:var(--accent-primary);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;font-family:var(--font-display)}.public-profile-username{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary);margin:0 0 .25rem}.public-profile-since{font-size:.8rem;color:var(--text-muted);margin:0 0 .2rem}.public-profile-followers{font-size:.8rem;color:var(--text-muted);margin:0 0 .85rem}.public-profile-follow-btn{margin-top:.25rem}.public-profile-confirm-row{display:flex;gap:.5rem}.public-profile-private{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;gap:.75rem}.public-profile-private-icon{font-size:2.5rem;margin:0}.public-profile-private-text{font-size:.95rem;color:var(--text-muted);margin:0}.public-profile-stats{display:flex;justify-content:space-around;padding:1.25rem 1rem;border-bottom:1px solid var(--border-subtle)}.public-profile-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.public-profile-stat-value{font-size:1.5rem;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.public-profile-stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.public-profile-top-books{padding:1.25rem 1rem}.public-profile-section-title{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .85rem}.public-profile-books-row{display:flex;gap:.85rem}.public-profile-book{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.public-profile-book-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);display:block}.public-profile-book-cover--empty{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.public-profile-book-title{font-size:.78rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.public-profile-book-author{font-size:.72rem;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-profile-book-rating{font-size:.65rem;color:var(--accent-primary);margin:0;letter-spacing:.05em}.friends-page{display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding:0 0 3rem}.friends-search-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.friends-search-icon{font-size:.9rem;color:var(--text-muted);flex-shrink:0}.friends-search-input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .75rem;font-size:.9rem;font-family:var(--font-body);color:var(--text-primary)}.friends-search-input:focus{outline:none;border-color:var(--accent-primary)}.friends-search-clear{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.2rem}.friends-search-clear:hover{color:var(--text-primary)}.friends-section{display:flex;flex-direction:column}.friends-section-title{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:.85rem 1rem .4rem;margin:0}.friends-empty{font-size:.85rem;color:var(--text-muted);padding:1rem;text-align:center;line-height:1.5}.user-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition)}.user-row:hover{background:var(--bg-secondary)}.user-row-avatar{flex-shrink:0}.user-row-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-row-avatar-initials{width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;font-family:var(--font-display)}.user-row-info{flex:1;min-width:0}.user-row-username{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row-private{font-size:.75rem;color:var(--text-muted);margin:.1rem 0 0}.user-row-action{display:flex;gap:.4rem;flex-shrink:0}.btn-follow{padding:.3rem .85rem;background:var(--accent-primary);color:var(--accent-text);border:none;border-radius:999px;font-size:.78rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.btn-follow:hover{background:var(--accent-hover)}.btn-following{padding:.3rem .85rem;background:none;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;font-size:.78rem;font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.btn-following:hover{border-color:#ef4444;color:#ef4444}.btn-unfollow-confirm{padding:.3rem .75rem;background:#ef4444;color:#fff;border:none;border-radius:999px;font-size:.78rem;font-weight:700;font-family:var(--font-body);cursor:pointer}.btn-cancel-sm{padding:.3rem .6rem;background:none;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;font-size:.75rem;font-family:var(--font-body);cursor:pointer}.offline-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.4rem 1rem;font-size:.78rem;font-family:var(--font-body);font-weight:500;text-align:center;transition:background .3s ease,color .3s ease}.offline-banner--offline{background:#6b7280;color:#f9fafb}.offline-banner--synced{background:#166534;color:#dcfce7;animation:bannerFadeIn .25s ease}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:1}}.offline-banner-text{flex:1;text-align:center}.offline-banner-dismiss{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:.9rem;padding:0;flex-shrink:0;line-height:1}.offline-banner-dismiss:hover{opacity:1}.isbn-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.isbn-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow);animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.isbn-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-subtle)}.isbn-modal-header h2{font-family:var(--font-display);font-size:1.15rem;color:var(--text-primary);margin:0 0 .4rem}.isbn-modal-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.isbn-modal-list{padding:.5rem 0}.isbn-match-item{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.isbn-match-item:last-child{border-bottom:none}.isbn-match-covers{flex-shrink:0}.isbn-match-cover{width:52px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.isbn-match-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.isbn-match-comparison{display:flex;gap:.5rem;align-items:flex-start}.isbn-match-col{flex:1;min-width:0}.isbn-match-col-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .25rem}.isbn-match-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.isbn-match-author{font-size:.78rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.isbn-match-meta{font-size:.75rem;color:var(--text-muted);margin:0}.isbn-match-arrow{color:var(--text-muted);font-size:1rem;padding-top:1rem;flex-shrink:0}.isbn-match-actions{display:flex;gap:.5rem;justify-content:flex-end}.isbn-modal-bulk{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-subtle)}:root{--bg-primary: #f5f5f5;--bg-secondary: #ebebeb;--bg-card: #ffffff;--bg-sidebar: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #444444;--text-muted: #888888;--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-hover: #1d4ed8;--accent-text: #ffffff;--border: #d1d1d1;--border-subtle: #e4e4e4;--shadow: rgba(0, 0, 0, .08);--font-display: Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "Courier New", Courier, monospace;--radius: 6px;--radius-sm: 3px;--radius-lg: 12px;--sidebar-width: 260px;--topbar-height: 64px;--content-max-width: 1200px;--transition: .2s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%;overflow:hidden}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-slow),color var(--transition-slow);height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--text-primary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;transition:all var(--transition)}input,textarea,select{font-family:var(--font-body);font-size:.95rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 15%,transparent)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}@media (max-width: 768px){input,textarea,select{font-size:16px!important}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100dvh;background:var(--bg-primary);transition:background var(--transition-slow);overflow:hidden}.main-area{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.content-area{flex:1;padding:1.5rem 2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:var(--content-max-width);width:100%}.sidebar-backdrop{display:none}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;overflow:hidden;height:100dvh}.main-area{overflow:hidden;height:100dvh}.content-area{padding:1rem;overscroll-behavior:contain}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:299}}.view-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary)}.view-header-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary)}.scan-saved-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9998;display:flex;align-items:center;justify-content:center;padding:1.5rem}.scan-saved-box{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;max-width:300px;width:100%;box-shadow:0 16px 48px #0000004d}.scan-saved-icon{width:52px;height:52px;border-radius:50%;background:#16a34a;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.scan-saved-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.scan-saved-actions{display:flex;gap:.6rem;margin-top:.25rem}