:root{--bg:#faf8f5;--fg:#2b2620;--muted:#8a8177;--accent:#3d6b52;--accent-soft:#eaf1ec;--accent-fg:#fff;--border:#ddd6cc;--error:#b3372f;--surface:#fff;--surface-hover:#f4f0ea;--chip-bg:#eee;--status-reading-bg:#fdf0d5;--status-finished-bg:#e3efe6;--danger-soft:#f6ebea;--danger-border:#e3bcb8;--badge-bg:#ffffffd9;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #2b26200f, 0 1px 1px #2b26200a;--shadow-md:0 4px 14px #2b26201a, 0 1px 3px #2b26200f;--shadow-lg:0 12px 32px #2b262029, 0 2px 6px #2b262014;--transition-fast:.14s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;line-height:1.6}:root[data-theme=dark]{--bg:#17130f;--fg:#ece6de;--muted:#a2988c;--accent:#7fb598;--accent-soft:#26362d;--accent-fg:#0f231a;--border:#3a332c;--error:#e28b83;--surface:#221d18;--surface-hover:#2c261f;--chip-bg:#363028;--status-reading-bg:#46391b;--status-finished-bg:#24402f;--danger-soft:#3a2724;--danger-border:#5f3b36;--badge-bg:#14110ebf;--shadow-sm:0 1px 2px #0000004d, 0 1px 1px #0003;--shadow-md:0 4px 14px #0006, 0 1px 3px #00000040;--shadow-lg:0 12px 32px #0000008c, 0 2px 6px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;transition:background .2s,color .2s}button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);transition:box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);padding:.6em 1.2em}button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button:active:not(:disabled){transform:scale(.98)}button:focus{outline:none}button[type=submit]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button:disabled{opacity:.6;cursor:default}input,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.6em .8em}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical}.center-message{text-align:center;color:var(--muted);margin-top:30vh}.auth-page{max-width:860px;margin:0 auto;padding:8vh 1.25rem 3rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:.5rem;padding:2rem 2.25rem 2.25rem;display:flex}.auth-title{align-items:center;gap:.6rem;margin:0;font-size:1.75rem;display:flex}.app-mark{flex-shrink:0;display:block}.about-list{flex-direction:column;gap:.35rem;margin:.4rem 0;padding-left:1.2rem;font-size:.92rem;line-height:1.7;display:flex}.tagline{color:var(--muted);margin:0 0 1.5rem;font-size:.9rem}.auth-columns{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=700px){.auth-columns{grid-template-columns:1fr;gap:1.5rem}.auth-card{padding:1.5rem 1.25rem 1.75rem}}.auth-col{flex-direction:column;gap:.75rem;min-width:0;display:flex}.auth-col--email{background:var(--surface-hover);border-radius:var(--radius-md);padding:1.1rem 1.2rem 1.3rem}.auth-col-title{margin:0;font-size:.95rem;font-weight:700}.auth-tabs{gap:.35rem;display:flex}.auth-tab{color:var(--muted);background:0 0;border-color:#0000;flex:1;padding:.5em .6em;font-size:.88rem;font-weight:600}.auth-tab--active{background:var(--surface);border-color:var(--border);color:var(--fg)}.auth-form{flex-direction:column;gap:.35rem;display:flex}.auth-form label{margin-top:.5rem;font-size:.85rem;font-weight:600}.auth-form .hint{margin:.1rem 0 0}.auth-badge{color:var(--error);background:var(--danger-soft);border-radius:4px;margin-left:.2em;padding:.05em .4em;font-size:.68rem;font-weight:600}.auth-submit{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);margin-top:.9rem;font-weight:600}.auth-submit:disabled{background:var(--surface);border-color:var(--border);color:var(--muted)}.google-button{justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:flex}.google-mark{color:#4285f4;font-weight:700}.auth-sent{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.notice{background:var(--accent-soft);border-radius:8px;padding:1rem}.error{color:var(--error);font-size:.9rem}.app-topbar{z-index:30;position:sticky;top:0}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:.8rem max(1.2rem,50% - 540px);display:flex}.app-header h1{margin:0}.app-logo{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:flex}.app-logo-text{color:var(--accent);flex-direction:column;gap:.05rem;font-size:1.05rem;font-weight:700;line-height:1.15;display:flex}.app-logo-tagline{color:var(--muted);font-size:.68rem;font-weight:400}.header-actions{align-items:center;gap:.8rem;display:flex}.about-info-button{border:1px solid var(--border);width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.about-info-button:hover{background:var(--surface-hover);color:var(--fg)}.user-name{color:var(--muted);font-size:.85rem}.shelf-empty{text-align:center;padding:20vh 1.5rem 0}.shelf-empty .hint{color:var(--muted);font-size:.9rem}.tab-bar{background:var(--surface);border-bottom:1px solid var(--border);gap:.4rem;padding:.6rem max(1.2rem,50% - 540px) 0;display:flex}.tab-bar button{color:var(--muted);transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.5rem .3rem}.tab-bar button:hover:not(:disabled){box-shadow:none;color:var(--fg)}.tab-bar button.tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.shelf-main{width:100%;max-width:calc(1080px + 2.4rem);margin:0 auto;padding:1.2rem}.shelf-toolbar{background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem max(1.2rem,50% - 540px);display:flex}.hint{color:var(--muted);font-size:.9rem}.work-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}.work-card{background:var(--surface);border-radius:var(--radius-md);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;flex-direction:column;align-items:stretch;gap:.3rem;padding:.7rem;display:flex;position:relative}.work-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.work-card:active{transform:translateY(0)}.work-card.work-card-selected{box-shadow:0 0 0 2px var(--accent), var(--shadow-md);background:var(--accent-soft);transform:none}.work-card-cover{aspect-ratio:3/4.2;object-fit:cover;border-radius:6px;width:100%}.work-card-cover.no-cover{background:var(--chip-bg);color:var(--muted);justify-content:center;align-items:center;font-size:.72rem;display:flex}.work-card-cover-wrap{display:block;position:relative}.cover-edit-btn{color:#fff;cursor:pointer;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;display:flex;position:absolute;bottom:4px;right:4px}.cover-edit-btn:hover{background:#000000bf}.work-card-title{font-size:.9rem;font-weight:600;line-height:1.3}.work-card-author{color:var(--muted);font-size:.78rem}.work-card-meta{color:var(--muted);font-size:.75rem}.work-author{color:var(--muted);margin:0 0 .6rem;font-size:.85rem}.volume-status{background:var(--chip-bg);border:1px solid var(--border);border-radius:999px;padding:.15em .6em;font-size:.72rem}.status-reading{background:var(--status-reading-bg)}.status-finished{background:var(--status-finished-bg)}.reading-log{flex-direction:column;gap:1.6rem;max-width:560px;margin:0 auto;display:flex}.reading-log h3{margin:0 0 .6rem;font-size:.95rem}.stat-card-row{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .5rem;display:flex}.stat-card-value{color:var(--accent);font-size:1.6rem;font-weight:700;line-height:1}.stat-card-label{color:var(--muted);font-size:.72rem}.month-chart-scroll{padding-bottom:.2rem;overflow-x:auto}.month-chart{height:128px;display:block}.month-bar{fill:var(--accent-soft);transition:fill var(--transition-fast)}.month-bar.month-bar-current{fill:var(--accent)}.month-bar-baseline{fill:var(--border)}.month-bar-count{fill:var(--fg);font-size:10px;font-weight:600}.month-bar-label{fill:var(--muted);font-size:9px}.stats-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.stats-list li{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.stats-label{min-width:4.5em;color:var(--muted)}.stats-count{text-align:right;min-width:3em}.stats-bar-track{background:var(--chip-bg);border-radius:999px;flex:1;height:10px;overflow:hidden}.stats-bar{background:var(--accent);height:100%;display:block}.recent-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.recent-list li{gap:.8rem;font-size:.85rem;display:flex}.recent-date{color:var(--muted);min-width:6em}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;animation:overlay-fade-in var(--transition-fast);background:#1e1a1473;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;padding:0;display:flex;overflow:hidden}.modal-body{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;padding:.75rem 1.2rem 1.2rem;overflow-y:auto}.modal-wide{max-width:560px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.2rem .75rem;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{background:var(--surface-hover);color:var(--muted);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;padding:0;font-size:1.1rem;line-height:1;display:flex}.modal-close:hover{background:var(--border);color:var(--fg)}.choose-mode{flex-direction:column;gap:.6rem;display:flex}.add-book-form{flex-direction:column;gap:.4rem;display:flex}.add-book-form label{color:var(--muted);margin-top:.4rem;font-size:.85rem}.cover-preview{border-radius:6px;align-self:center;max-width:100px}.search-mode{flex-direction:column;gap:.6rem;display:flex}.search-mode label{color:var(--muted);font-size:.85rem}.search-status{color:var(--accent);align-items:center;gap:.5em;font-size:.88rem;font-weight:600;display:flex}.search-status:before{content:"";border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:.9em;height:.9em;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-results{flex-direction:column;gap:.4rem;max-height:45vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-result-item{text-align:left;align-items:center;gap:.7rem;width:100%;padding:.5rem;display:flex}.search-result-item:hover{background:var(--surface-hover)}.search-result-cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:42px;height:60px}.search-result-cover.no-cover{background:var(--chip-bg);color:var(--muted);justify-content:center;align-items:center;font-size:.6rem;display:flex}.search-result-text{flex-direction:column;min-width:0;display:flex}.search-result-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.search-result-author{color:var(--muted);font-size:.78rem}.search-result-series-badge{color:var(--accent);margin-top:.15rem;font-size:.72rem}.series-list{flex-direction:column;gap:.6rem;display:flex}.series-list-header h3{margin:.2rem 0 0;font-size:1rem}.series-list-header-sticky{z-index:5;background:var(--surface);margin-bottom:-.2rem;padding-bottom:.4rem;position:sticky;top:-.75rem}.series-loading-badge{color:var(--muted);background:var(--surface-2,#7f7f7f1f);border-radius:999px;align-items:center;gap:.4rem;width:fit-content;padding:.2rem .6rem;font-size:.75rem;display:inline-flex}.series-select-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.series-select-bar .hint{flex:1;margin:0}.select-all-button{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));flex-shrink:0;padding:.4em .9em;font-size:.82rem;font-weight:600}.select-all-button:hover:not(:disabled){background:var(--accent);color:var(--accent-fg)}.sort-toggle{gap:.4rem;display:flex}.sort-toggle button{padding:.3em .8em;font-size:.78rem}.sort-toggle button.sort-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.series-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.6rem;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.series-grid-item{border-radius:var(--radius-sm);width:100%;transition:background var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;align-items:center;gap:.2rem;padding:.3rem;display:flex;position:relative}.series-grid-item:hover{background:var(--surface-hover)}.series-grid-item.series-selected{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.series-grid-item.series-owned{opacity:.45;cursor:default}.series-owned-badge{color:#fff;white-space:nowrap;background:#000000a6;border-radius:999px;padding:.1em .5em;font-size:.65rem;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.select-badge{background:var(--badge-bg);width:1.5em;height:1.5em;box-shadow:0 0 0 1.5px #80766a73, var(--shadow-sm);color:#0000;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:.4rem;right:.4rem}.select-badge.select-badge-checked{background:var(--accent);box-shadow:0 0 0 1.5px var(--accent);color:var(--accent-fg);transform:scale(1.08)}.load-more-tile{border:1px dashed var(--border);height:100%;min-height:110px;color:var(--accent);white-space:pre-line;text-align:center;border-radius:6px;justify-content:center;font-size:.78rem}.bulk-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem;padding:.6rem .8rem;display:flex;position:sticky;bottom:.8rem}.bulk-bar select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.4em .5em;font-size:.85rem}.bulk-add-button{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);white-space:nowrap;flex-shrink:0;align-items:center;gap:.4em;margin-left:auto;display:inline-flex}.volume-detail{flex-direction:column;gap:.5rem;display:flex}.volume-detail label{color:var(--muted);margin-top:.4rem;font-size:.85rem}.volume-detail-head{align-items:center;gap:.8rem;display:flex}.volume-detail-cover{aspect-ratio:3/4.2;object-fit:cover;border-radius:6px;flex-shrink:0;width:72px}.volume-detail-cover-wrap{flex-shrink:0;display:inline-block;position:relative}.volume-detail-cover.no-cover{background:var(--chip-bg);color:var(--muted);justify-content:center;align-items:center;font-size:.65rem;display:flex}.volume-detail-title{margin:0;font-weight:600}.review-actions{justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.cycle-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.cycle-tabs button{padding:.3em .7em;font-size:.78rem}.cycle-tabs button.cycle-tab-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.cycle-tabs button.cycle-tab-add{color:var(--accent);background:0 0;border-style:dashed}.cycle-tab-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);align-items:stretch;display:inline-flex;overflow:hidden}.cycle-tab-wrap--active{border-color:var(--accent)}.cycle-tab-wrap button:first-child{border:none;border-right:1px solid var(--border);border-radius:0;padding:.3em .7em}.cycle-tab-wrap--active button:first-child{border-right-color:color-mix(in srgb, var(--accent) 50%, transparent)}.cycle-tab-delete{width:auto;height:auto;color:inherit;opacity:.5;background:0 0;border:none;border-radius:0;align-items:center;padding:0 .5em;font-size:.85rem;line-height:1;display:flex}.cycle-tab-delete:hover{opacity:1;box-shadow:none;background:var(--surface-hover)}.cycle-tab-wrap--active .cycle-tab-delete{background:var(--accent);color:var(--accent-fg);opacity:.75}.cycle-tab-wrap--active .cycle-tab-delete:hover{opacity:1;background:var(--accent)}.danger-button{color:var(--error);border-color:var(--error);background:var(--surface)}.danger-button:hover:not(:disabled){background:var(--danger-soft)}.bulk-add-button.danger-button{background:var(--danger-soft);border-color:var(--danger-border);color:var(--error)}.bulk-add-button.danger-button:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}.select-toggle-button{color:var(--error);border-color:var(--danger-border);background:var(--surface);align-items:center;gap:.4em;padding:.45em .9em;font-size:.85rem;display:inline-flex}.select-toggle-button:hover:not(:disabled){background:var(--danger-soft);border-color:var(--error);color:var(--error)}.select-toggle-button.select-toggle-active,.select-toggle-button.select-toggle-active:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}.status-segmented{border:1px solid var(--border);border-radius:var(--radius-sm);width:fit-content;display:inline-flex;overflow:hidden}.status-segmented button{border:none;border-right:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:0;padding:.5em 1.2em;font-size:.9rem}.status-segmented button:last-child{border-right:none}.status-segmented button:hover:not(:disabled){box-shadow:none;background:var(--surface-hover)}.status-segmented button.status-seg-active{background:var(--accent);color:var(--accent-fg);font-weight:600}.follow-section{border-radius:var(--radius-md);background:var(--surface);border:1.5px solid var(--border);transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;gap:.55rem;margin-bottom:.9rem;padding:.7rem .9rem;font-size:.85rem;display:flex}.follow-section--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.follow-main-row{align-items:center;gap:.8rem;display:flex}.follow-toggle-button{color:var(--accent);border-color:var(--accent);flex-shrink:0;padding:.4em 1em;font-size:.85rem;font-weight:600}.follow-toggle-button--following{color:var(--muted);border-color:var(--border);background:0 0}.follow-auto-add{color:var(--fg);cursor:pointer;align-items:center;gap:.5em;display:inline-flex}.follow-hint{color:var(--muted);margin:0;font-size:.78rem}.new-badge{background:var(--error);color:#fff;vertical-align:middle;border-radius:999px;margin-left:.5em;padding:.1em .5em;font-size:.65em;font-weight:700;display:inline-block}.work-card-new-badge{background:var(--error);color:#fff;box-shadow:var(--shadow-sm);border-radius:999px;padding:.15em .5em;font-size:.65rem;font-weight:700;position:absolute;top:.4rem;left:.4rem}.account-menu-wrap{position:relative}.account-menu-trigger{background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;display:flex}.account-menu-trigger:hover{background:var(--surface-hover);border-color:var(--border)}.account-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.account-avatar--placeholder{background:var(--accent-soft);color:var(--accent);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.account-avatar--lg{width:44px;height:44px;font-size:1.1rem}.account-menu-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;flex-direction:column;gap:.15rem;min-width:230px;padding:.75rem;display:flex;position:absolute;top:calc(100% + 6px);right:0}.account-menu-profile{flex-wrap:wrap;align-items:center;gap:.6rem;padding-bottom:.4rem;display:flex}.account-menu-avatar-wrap{flex-shrink:0;position:relative}.account-avatar-edit{background:var(--surface);border:1px solid var(--border);width:18px;height:18px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;display:flex;position:absolute;bottom:-4px;right:-4px}.account-avatar-edit:hover{color:var(--accent);border-color:var(--accent)}.account-menu-profile-text{flex-direction:column;min-width:0;display:flex}.account-menu-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.account-menu-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.account-menu-edit-name{flex-shrink:0;width:100%;padding:.3rem .2rem;font-size:.8rem}.account-menu-row--danger{color:var(--error)}.account-menu-row{text-align:left;color:var(--fg);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.4rem .2rem;font-size:.88rem;display:flex}.account-menu-row:hover{background:var(--surface-hover)}.account-menu-back{color:var(--muted);margin-bottom:.15rem;font-weight:600}.volume-list-toolbar{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.reading-log-list-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.reading-log-list-header h3{margin:0}.by-work-list{flex-direction:column;gap:.8rem;display:flex}.by-work-title{margin:0 0 .3rem;font-size:.88rem;font-weight:600}.invisible{visibility:hidden}.trash-card{cursor:default}.trash-card:hover{border-color:var(--border)}.series-grid-cover{aspect-ratio:3/4.2;object-fit:cover;border-radius:4px;width:100%}.series-grid-cover.no-cover{background:var(--chip-bg);color:var(--muted);text-align:center;justify-content:center;align-items:center;font-size:.6rem;display:flex}.series-grid-no{font-size:.75rem}.search-actions{flex-direction:column;gap:.4rem;margin-top:.4rem;display:flex}.link-button{color:var(--accent);background:0 0;border:none;padding:.3rem;font-size:.85rem;text-decoration:underline}.link-button--danger{color:var(--error)}.form-actions{justify-content:space-between;align-items:center;margin-top:.6rem;display:flex}.add-book-form input:read-only{background:var(--surface-hover);color:var(--muted)}.scanner-overlay{flex-direction:column;align-items:center;gap:.6rem;display:flex}.scanner-video{background:#000;border-radius:8px;width:100%;max-width:360px}.scanner-hint{color:var(--muted);margin:0;font-size:.85rem}.modal-header{align-items:flex-start;gap:.5rem;display:flex}.modal-header h2{flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;min-width:0;margin:0;display:flex}.modal-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.favorite-button{cursor:pointer;color:var(--muted);transition:color var(--transition-fast), transform var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;padding:0 .15rem;font-size:1.4rem;line-height:1}.favorite-button:hover{color:#e8a000;background:var(--surface-hover)}.favorite-button--on{color:#e8a000}.favorite-button:disabled{opacity:.5}.header-delete-btn{background:var(--surface);border:1px solid var(--danger-border);color:var(--danger,#d64545);white-space:nowrap;border-radius:var(--radius-sm);align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.78rem;line-height:1;display:flex}.header-delete-btn:hover:not(:disabled){background:var(--danger-soft)}.header-delete-btn:disabled{opacity:.5;cursor:default}.shelf-section{margin-bottom:1.5rem}.shelf-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);margin:0 0 .6rem .25rem;padding-bottom:.35rem;font-size:.8rem;font-weight:600}.work-card-fav-badge{color:#fff;background:#e8a000e6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;line-height:1;display:flex;position:absolute;top:4px;left:4px}.shelf-toolbar-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.section-settings-wrap{position:relative}.section-settings-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;color:var(--muted);transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1rem;display:flex}.section-settings-btn:hover{background:var(--surface-hover);color:var(--fg)}.section-settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;min-width:160px;padding:.75rem;position:absolute;top:calc(100% + 6px);right:0}.section-settings-title{color:var(--muted);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.section-settings-row{cursor:pointer;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem;display:flex}.datepicker{display:inline-block;position:relative}.datepicker-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.9rem;display:flex}.datepicker-trigger:hover{border-color:var(--accent);background:var(--surface-hover)}.datepicker-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:300;min-width:240px;margin-top:6px;padding:.75rem}.datepicker-nav{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.datepicker-nav-btn{color:var(--fg);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem;font-size:1rem}.datepicker-nav-btn:hover{background:var(--surface-hover)}.datepicker-month-label{font-size:.9rem;font-weight:600}.datepicker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-weekday{text-align:center;color:var(--muted);padding:.2rem 0;font-size:.7rem;font-weight:600}.datepicker-weekday.sat{color:#4a7bc9}.datepicker-weekday.sun{color:#c94a4a}.datepicker-day{border-radius:var(--radius-sm);aspect-ratio:1;cursor:pointer;width:100%;color:var(--fg);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.8rem;display:flex}.datepicker-day:hover:not(:disabled){background:var(--surface-hover)}.datepicker-day:disabled{cursor:default}.datepicker-day.sat{color:#4a7bc9}.datepicker-day.sun{color:#c94a4a}.datepicker-day.dp-selected{background:var(--accent);color:var(--accent-fg);font-weight:700}.datepicker-day.dp-today{border:1.5px solid var(--accent);font-weight:600}.datepicker-footer{justify-content:flex-end;margin-top:.5rem;display:flex}.add-volumes-button{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);padding:.3rem .75rem;font-size:.82rem}.add-volumes-button:hover{background:var(--accent);color:var(--accent-fg)}.volume-toolbar-actions{align-items:center;gap:.5rem;display:flex}.search-status-row{align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.volume-detail-back-bar{background:var(--surface-hover);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:.6rem;margin-bottom:.75rem;padding:.45rem .75rem;display:flex}.volume-detail-back-btn{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.2rem .45rem;font-size:.9rem;font-weight:600}.volume-detail-back-btn:hover{background:var(--accent-soft);border-radius:var(--radius-sm)}.volume-detail-back-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.work-card[draggable=true]{cursor:grab}.work-card[draggable=true]:active{cursor:grabbing}.work-card-dragging{opacity:.4}.work-card-drag-over{outline:2px dashed var(--accent);outline-offset:2px}.volume-list-toolbar{flex-direction:column;gap:.4rem;margin-bottom:.5rem;display:flex}.volume-select-hint{margin:0;font-size:.8rem}.section-settings-note{color:var(--muted);border-top:1px solid var(--border);margin:.4rem 0 0;padding-top:.4rem;font-size:.72rem}.star-rating{gap:2px;display:flex}.star-btn{cursor:pointer;color:var(--border);transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1}.star-rating-sm .star-btn{font-size:1.1rem}.star-btn.star-filled{color:#e8a000}.star-btn:not(.star-btn-static):hover{color:#e8a000;transform:scale(1.15)}.star-btn-static{cursor:default;display:inline-block}.work-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.work-header-cover-wrap{flex-shrink:0;width:96px;display:inline-block;position:relative}.work-header-cover{aspect-ratio:3/4.2;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:96px;box-shadow:var(--shadow-sm);display:block}.work-header-cover.no-cover{background:var(--chip-bg);color:var(--muted);justify-content:center;align-items:center;font-size:.7rem;display:flex}.work-header-cover-wrap .cover-edit-btn{border:1px solid var(--border);background:var(--surface);width:1.6rem;height:1.6rem;color:var(--muted);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.8rem;line-height:1;display:flex;position:absolute;bottom:-6px;right:-6px}.work-header-cover-wrap .cover-edit-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--surface)}.work-header-info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.work-field-row{align-items:center;gap:.2rem;min-width:0;margin:0;display:flex}.work-field-title{font-size:1.05rem;font-weight:600}.work-field-author{color:var(--muted);font-size:.85rem}.work-author-empty{color:var(--muted)}.work-edit-button{color:var(--muted);opacity:.6;background:0 0;border:none;flex-shrink:0;padding:.2em .4em;font-size:.85rem;line-height:1}.work-edit-button:hover{opacity:1}.work-field-edit{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.work-field-edit input{flex:1;min-width:8rem;padding:.35em .6em;font-size:.9rem}.work-field-edit button{flex-shrink:0;padding:.35em .8em;font-size:.8rem}.work-field-edit--cover{margin-bottom:1rem}.work-edit-button:hover{color:var(--fg)}.work-rating-row{align-items:center;gap:.5rem;margin:.25rem 0 .75rem;display:flex}.work-rating-label{color:var(--muted);white-space:nowrap;font-size:.78rem}.work-rating-value{color:var(--muted);font-size:.78rem}.volume-rating-row{align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.volume-rating-label{color:var(--muted);white-space:nowrap;font-size:.75rem}.volume-detail-head{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.volume-detail-head-info{flex-direction:column;gap:.25rem;display:flex}.volume-detail-title{margin:0;font-size:.95rem;font-weight:600}.review-textarea{box-shadow:inset 0 2px 6px #2b262014,inset 0 1px 2px #2b26200f}:root[data-theme=dark] .review-textarea{box-shadow:inset 0 2px 6px #00000040,inset 0 1px 2px #00000026}.series-loading-tile{aspect-ratio:auto;opacity:.5;justify-content:center;align-items:center;min-height:80px;display:flex;cursor:default!important}.select-all-button.select-all-active{background:var(--surface-hover);color:var(--muted);border-color:var(--border)}.volume-detail-back-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.volume-nav-buttons{gap:.375rem;margin-left:auto;display:flex}.volume-nav-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap;padding:.25rem .6rem;font-size:.75rem;transition:background .15s}.volume-nav-btn:hover:not(:disabled){background:var(--surface-hover)}.volume-delete-btn{white-space:nowrap;border:1px solid var(--danger,#d64545);border-radius:var(--radius-sm);background:var(--surface);color:var(--danger,#d64545);cursor:pointer;flex-shrink:0;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;display:flex}.volume-delete-btn:hover:not(:disabled){background:var(--danger,#d64545);color:#fff}.volume-nav-btn:disabled{opacity:.35;cursor:default}.sort-mode-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);cursor:pointer;padding:.25rem .5rem;font-size:.8rem}.series-loading-text{color:var(--muted);margin-top:.25rem;font-size:.7rem}.about-section{margin-bottom:1.75rem}.about-section h3{border-bottom:1px solid var(--border);margin-bottom:.5rem;padding-bottom:.25rem;font-size:1rem;font-weight:600}.about-flow-diagram{width:100%;max-width:560px;height:auto;color:var(--muted);margin-top:.75rem}.about-icon{color:var(--muted);margin-top:.5rem}.about-section p{color:var(--fg);font-size:.9rem;line-height:1.7}.about-feature-list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.about-feature-list li{padding-left:1.25rem;font-size:.9rem;position:relative}.about-feature-list li:before{content:"✓";color:var(--accent);font-size:.8rem;position:absolute;left:0}.about-section a{color:var(--accent);text-decoration:underline}.shelf-section-header{top:var(--topbar-height,64px);z-index:10;background:var(--bg);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 0;display:flex;position:sticky}.section-custom-hint{margin:-.25rem 0 .5rem}.section-settings-divider{border:none;border-top:1px solid var(--border);margin:.5rem 0}.toast{border-radius:var(--radius-sm);background:var(--fg);max-width:min(90vw,480px);color:var(--bg);box-shadow:var(--shadow-lg);z-index:10000;padding:.7rem 1.1rem;font-size:.85rem;animation:.2s ease-out toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(.5rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.code-search-mode{flex-direction:column;gap:1rem;display:flex}.code-step{flex-direction:column;gap:.5rem;display:flex}.code-step--helper{background:var(--surface-hover);border-radius:var(--radius-md);padding:.85rem .9rem}.code-step-title{align-items:center;gap:.45rem;margin:0;font-size:.92rem;font-weight:700;display:flex}.code-step-num{background:var(--accent);width:1.35rem;height:1.35rem;color:var(--accent-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;display:flex}.code-step-optional{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.05rem .45rem;font-size:.68rem;font-weight:600}.code-step-lead{color:var(--muted);margin:0;font-size:.82rem;line-height:1.6}.code-lookup-row{align-items:center;gap:.5rem;display:flex}.code-lookup-row input{flex:1;min-width:0}.code-lookup-button{white-space:nowrap;flex-shrink:0;padding:.55em .9em;font-size:.8rem}.code-input{letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:center;font-size:1.1rem}.code-search-submit{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.code-search-submit:disabled{background:var(--surface);border-color:var(--border);color:var(--muted)}.confirm-overlay{z-index:200;background:#1e1a1480;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:1.1rem;width:100%;max-width:24rem;padding:1.4rem 1.5rem 1.1rem;display:flex}.confirm-message{white-space:pre-line;margin:0;font-size:.95rem;line-height:1.7}.confirm-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.confirm-accept{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.confirm-accept:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.confirm-accept--danger,.confirm-accept--danger:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}.finished-date-slot{flex-direction:column;justify-content:center;gap:.3rem;min-height:4.2rem;display:flex}.finished-date-empty{color:var(--muted);margin:0;padding:.55em 0;font-size:.85rem}.back-link{color:var(--accent);background:0 0;border:none;align-self:flex-start;margin-bottom:.2rem;padding:.3rem .45rem;font-size:.85rem;font-weight:600}.back-link:hover{background:var(--accent-soft);border-radius:var(--radius-sm)}.form-actions--single{justify-content:flex-end}.isbn-fill-row{align-items:center;gap:.5rem;display:flex}.isbn-fill-row input{flex:1;min-width:0}.isbn-fill-row button{white-space:nowrap;flex-shrink:0;padding:.55em .8em;font-size:.8rem}.search-alt-methods{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.9rem;display:flex}.search-alt-title{color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.search-alt-button{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .9rem;display:flex}.search-alt-label{font-size:.9rem;font-weight:600}.search-alt-desc{color:var(--muted);font-size:.76rem}.search-alt-button:hover:not(:disabled) .search-alt-desc{color:var(--accent)}.series-suggestion{background:var(--surface-hover);border-radius:var(--radius-md);flex-direction:column;gap:.4rem;margin-top:.9rem;padding:.75rem .85rem;display:flex}.series-suggestion .hint{margin:0}.series-suggestion button{color:var(--accent);border-color:var(--accent);align-self:flex-start;font-size:.85rem;font-weight:600}.code-fallback-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.9rem;padding:.7rem .8rem;display:flex}.code-fallback-bar .hint{flex:1;min-width:12rem;margin:0}.sort-segmented{border:1px solid var(--border);border-radius:var(--radius-sm);margin-left:auto;display:inline-flex;overflow:hidden}.sort-segmented button{background:var(--surface);color:var(--muted);border:none;border-right:1px solid var(--border);border-radius:0;padding:.35em .65em;font-size:.75rem}.sort-segmented button:last-child{border-right:none}.sort-segmented button:hover:not(:disabled){box-shadow:none;background:var(--surface-hover)}.sort-segmented button.sort-seg-active{background:var(--accent);color:var(--accent-fg);font-weight:600}.work-card-stars{line-height:1}.work-card-stars .star-rating{gap:1px}.work-card-stars .star-btn{cursor:default;font-size:.75rem}.work-card-stars .star-btn:hover{transform:none}:root button:focus-visible,:root .star-btn:focus-visible{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);outline:none}:root .cycle-tab-active:focus-visible,:root .status-segmented button[aria-pressed=true]:focus-visible{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}