*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0d1320;--bg-surface:#131b2c;--bg-elevated:#1a2438;--bg-card:#161f31;--border-subtle:#ffffff12;--border-default:#ffffff21;--border-accent:#e5a85a4d;--text-primary:#f2ece0;--text-secondary:#97a0b5;--text-muted:#525d76;--amber:#e5a85a;--amber-light:#f3c684;--amber-dim:#e5a85a21;--teal:#5bb3a6;--teal-dim:#5bb3a624;--rose:#d98a8a;--rose-dim:#d98a8a24;--violet:#9a8cd0;--violet-dim:#9a8cd029;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--transition:.18s ease;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);background-image:radial-gradient(1200px 600px at 80% -10%,#e5a85a14,#0000 60%);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.15}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 20px 64px}.spinner{border:3px solid var(--border-default);border-top-color:var(--amber);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--radius-md);transition:var(--transition);background:var(--amber);color:#20160a;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--amber-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-ghost:hover{border-color:var(--border-accent);background:var(--bg-card)}.tag{letter-spacing:.02em;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag.amber{background:var(--amber-dim);color:var(--amber-light);border-color:var(--border-accent)}.tag.teal{background:var(--teal-dim);color:var(--teal);border-color:#5bb3a64d}.tag.violet{background:var(--violet-dim);color:var(--violet);border-color:#9a8cd04d}.tag.rose{background:var(--rose-dim);color:var(--rose);border-color:#d98a8a4d}.page-head{margin-bottom:22px}.page-title{font-size:clamp(26px,4vw,36px)}.page-sub{color:var(--text-secondary);margin-top:4px}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.empty{text-align:center;color:var(--text-secondary);padding:64px 20px}.empty-title{color:var(--text-primary);margin-bottom:8px;font-family:Fraunces,serif;font-size:22px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;display:grid}.nav{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0d1320d9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:14px;display:flex}.nav-home{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.nav-home:hover{color:var(--amber-light);background:var(--bg-elevated)}.nav-home-arrow{font-size:16px}.nav-brand{align-items:center;gap:9px;font-family:Fraunces,serif;font-size:20px;font-weight:600;display:flex}.nav-brand-icon{font-size:22px}.nav-brand-name{color:var(--text-primary)}.nav-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:6px;padding:8px 13px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-link.active{color:var(--amber-light);background:var(--amber-dim)}.nav-badge{background:var(--bg-elevated);min-width:18px;height:18px;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.nav-link.active .nav-badge{background:var(--amber);color:#20160a}@media (width<=560px){.nav-home-text{display:none}.nav-left{gap:8px}}.cover{aspect-ratio:2/3;border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000059}.cover img{object-fit:cover;width:100%;height:100%}.cover-fallback{text-align:center;border-left:3px solid #ffffff2e;flex-direction:column;justify-content:center;gap:8px;padding:14px;display:flex}.cover-fallback-title{color:#ffffffeb;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-family:Fraunces,serif;font-size:15px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.cover-fallback-author{color:#fff9;font-size:11px}.book-card{transition:transform var(--transition);flex-direction:column;gap:10px;display:flex}.book-card:hover{transform:translateY(-4px)}.book-card-cover{position:relative}.book-card-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--bg-base);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.book-card-badge.currently-reading{background:var(--teal-dim);color:var(--teal);border-color:#5bb3a666}.book-card-badge.to-read{background:var(--amber-dim);color:var(--amber-light);border-color:var(--border-accent)}.book-card-badge.perfect{background:var(--amber);color:#20160a;border:none}.book-card-badge.close{background:var(--violet-dim);color:var(--violet);border-color:#9a8cd066}.book-card-body{flex-direction:column;gap:2px;display:flex}.book-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-card-author{color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.book-card-rating{color:var(--amber);align-items:center;gap:6px;font-size:12px;display:flex}.book-card-rating span{color:var(--text-muted)}.library-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.library-tabs{flex-wrap:wrap;gap:6px;display:flex}.library-tab{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:var(--transition);border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.library-tab span{color:var(--text-muted);font-variant-numeric:tabular-nums}.library-tab:hover{color:var(--text-primary)}.library-tab.active{background:var(--amber-dim);color:var(--amber-light);border-color:var(--border-accent)}.library-tab.active span{color:var(--amber)}.library-tools{gap:8px;display:flex}.library-search,.library-sort{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);padding:8px 12px;font-size:13px}.library-search{min-width:180px}.library-search:focus,.library-sort:focus{border-color:var(--amber);outline:none}.library-sort{cursor:pointer}.library-none{color:var(--text-secondary);text-align:center;padding:40px}.dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);background:var(--bg-card);padding:48px 24px}.dropzone:hover,.dropzone.dragging{border-color:var(--amber);background:var(--amber-dim)}.dropzone-icon{margin-bottom:12px;font-size:40px;display:block}.dropzone-title{font-size:17px;font-weight:600}.dropzone-sub{color:var(--text-secondary);margin-top:4px;font-size:14px}.import-error{background:var(--rose-dim);color:var(--rose);border-radius:var(--radius-md);border:1px solid #d98a8a4d;margin-top:16px;padding:12px 16px;font-size:14px}.import-result{background:var(--teal-dim);color:var(--teal);border-radius:var(--radius-md);border:1px solid #5bb3a64d;margin-top:16px;padding:12px 16px;font-size:14px}.import-progress{margin-top:16px}.import-progress-bar{background:var(--bg-elevated);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.import-progress-bar div{background:var(--amber);height:100%;transition:width .3s}.import-progress span{color:var(--text-secondary);font-size:13px}.import-help{color:var(--text-secondary);margin-top:24px;font-size:14px}.import-help summary{cursor:pointer;color:var(--text-primary);font-weight:500}.import-help ol{flex-direction:column;gap:6px;margin:12px 0 0 20px;display:flex}.import-help code{background:var(--bg-elevated);border-radius:4px;padding:1px 5px}.import-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.import-status-sub{color:var(--text-secondary)}.import-status-actions{gap:8px;display:flex}.btn-ghost.danger{color:var(--rose);border-color:#d98a8a4d}.btn-ghost.danger:hover{background:var(--rose-dim)}.detail-back{color:var(--text-secondary);transition:var(--transition);margin-bottom:18px;font-size:14px}.detail-back:hover{color:var(--text-primary)}.detail-top{grid-template-columns:200px 1fr;align-items:start;gap:28px;display:grid}.detail-cover{width:200px}.detail-title{font-size:clamp(24px,4vw,34px)}.detail-authors{color:var(--text-secondary);margin-top:4px;font-size:16px}.detail-series{color:var(--amber);margin-top:6px;font-size:14px}.detail-meta{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.detail-status{margin-top:22px}.detail-status-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:12px;display:block}.detail-status-btns{gap:6px;display:flex}.detail-status-btn{border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default);transition:var(--transition);padding:7px 14px;font-size:13px}.detail-status-btn:hover{color:var(--text-primary)}.detail-status-btn.active{background:var(--amber);color:#20160a;border-color:#0000;font-weight:600}.detail-follow{margin-top:18px}.detail-follow.following{color:var(--teal);background:var(--teal-dim);border-color:#5bb3a666}.detail-section{margin-top:28px}.detail-section h2{margin-bottom:10px;font-size:16px}.detail-chips{flex-wrap:wrap;gap:7px;display:flex}.detail-review{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;font-size:15px;font-style:italic;line-height:1.7}.detail-remove{margin-top:36px}@media (width<=560px){.detail-top{grid-template-columns:130px 1fr;gap:18px}.detail-cover{width:130px}}.filters{flex-direction:column;gap:18px;display:flex}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px}.filter-chips{flex-wrap:wrap;gap:7px;display:flex}.filter-chip{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition);text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:13px}.filter-chip:hover{color:var(--text-primary);border-color:var(--border-default)}.filter-chip.active{background:var(--amber-dim);color:var(--amber-light);border-color:var(--border-accent)}.filter-chip.violet.active{background:var(--violet-dim);color:var(--violet);border-color:#9a8cd066}.filter-chip.teal.active{background:var(--teal-dim);color:var(--teal);border-color:#5bb3a666}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.filter-time{align-items:center;gap:12px;display:flex}.filter-time input[type=range]{accent-color:var(--amber);width:200px}.filter-time-value{color:var(--text-secondary);min-width:90px;font-size:13px}.filter-owned{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.filter-owned input{accent-color:var(--amber);width:16px;height:16px}.matcher-clear{margin:16px 0 0}.matcher-hint{color:var(--text-secondary);text-align:center;padding:36px}.matcher-section{margin-top:30px}.matcher-section-title{align-items:center;gap:10px;margin-bottom:16px;font-size:18px;display:flex}.matcher-section-title span{background:var(--bg-elevated);color:var(--text-secondary);border-radius:20px;padding:2px 9px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.matcher-section-title.amber{color:var(--amber-light)}.matcher-section-title.violet{color:var(--violet)}.roulette-stage{justify-content:center;align-items:center;min-height:320px;margin:10px 0 24px;display:flex}.roulette-placeholder{text-align:center;color:var(--text-muted)}.roulette-placeholder span{margin-bottom:10px;font-size:56px;display:block}.roulette-pick{align-items:center;gap:28px;max-width:620px;display:flex}.roulette-cover{flex-shrink:0;width:180px;transition:transform .1s}.roulette-pick.spinning .roulette-cover{opacity:.85;transform:scale(.96)rotate(-1deg)}.roulette-pick-info h2{margin-bottom:4px;font-size:26px}.roulette-pick-info>p{color:var(--text-secondary);margin-bottom:18px}.roulette-actions{flex-wrap:wrap;gap:8px;display:flex}.roulette-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.roulette-spin{padding:12px 32px;font-size:16px}.roulette-filters{margin-top:24px}@media (width<=560px){.roulette-pick{text-align:center;flex-direction:column}.roulette-actions{justify-content:center}}.chart-empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:13px}.bar-chart{flex-direction:column;gap:9px;display:flex}.bar-row{grid-template-columns:84px 1fr 44px;align-items:center;gap:10px;display:grid}.bar-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bar-track{background:var(--bg-elevated);border-radius:6px;height:12px;overflow:hidden}.bar-fill{border-radius:6px;min-width:2px;height:100%;transition:width .4s}.bar-value{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.line-chart{flex-direction:column;gap:6px;width:100%;display:flex}.line-svg{flex:1;width:100%;overflow:visible}.line-labels{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.line-labels span{text-align:center;flex:1}.line-labels span:first-child{text-align:left}.line-labels span:last-child{text-align:right}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;padding:20px}.stat-value{font-family:Fraunces,serif;font-size:30px;font-weight:600}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:12px}.insight-block{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:18px;padding:20px}.insight-title{margin-bottom:16px;font-size:16px}.insight-note{color:var(--text-muted);margin-top:12px;font-size:12px}.insight-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.insight-cols .insight-block{margin-bottom:18px}.reading-now{flex-direction:column;gap:2px;display:flex}.reading-row{border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.reading-row:hover{background:var(--bg-elevated)}.reading-row-title{font-weight:500}.reading-row-finish{color:var(--teal);white-space:nowrap;font-size:13px}.speed-control label{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.speed-control input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:90px;color:var(--text-primary);padding:8px 10px}.speed-control input:focus{border-color:var(--amber);outline:none}@media (width<=720px){.stat-grid{grid-template-columns:repeat(2,1fr)}.insight-cols{grid-template-columns:1fr}}.rel-follow{flex-direction:column;gap:12px;display:flex}.rel-chips{flex-wrap:wrap;gap:7px;display:flex}.rel-chip{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:var(--transition);border-radius:20px;padding:6px 12px;font-size:13px}.rel-chip:hover{color:var(--text-primary);border-color:var(--border-default)}.rel-chip.following{background:var(--teal-dim);color:var(--teal);border-color:#5bb3a666}.rel-muted{color:var(--text-muted);font-size:13px}.rel-add-author{gap:8px;display:flex}.rel-add-author input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);max-width:260px;color:var(--text-primary);flex:1;padding:8px 12px;font-size:13px}.rel-add-author input:focus{border-color:var(--amber);outline:none}.rel-suggest{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.rel-loading{text-align:center;color:var(--text-secondary);padding:30px}.rel-loading p{margin-top:10px;font-size:14px}.rel-section{margin-top:28px}.rel-section-title{margin-bottom:14px;font-size:18px}.rel-section-title.amber{color:var(--amber-light)}.rel-list{flex-direction:column;gap:8px;display:flex}.rel-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.rel-row-title{font-weight:500}.rel-row-sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.rel-soon{color:var(--amber);font-family:Fraunces,serif;font-size:18px}.rel-x{color:var(--text-muted);transition:var(--transition);padding:4px 8px;font-size:14px}.rel-x:hover{color:var(--rose)}.rel-manual{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.rel-manual input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:130px;color:var(--text-primary);flex:1;padding:8px 12px;font-size:13px}.rel-manual input:focus{border-color:var(--amber);outline:none}