:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1d212b;--border:#2a3040;--text:#e6e9ef;--muted:#9aa3b2;--accent:#7c5cff;--accent-soft:#7c5cff29;--c-read:#4f8cff;--c-wish:#b06cf0;--c-complete:#3ecf8e;--c-unfinished:#f0647a;--c-hold:#f0b23e;--radius:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 80% -10%, #7c5cff17, transparent), var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);background:#0f1115bf}.header-inner{max-width:1656px;margin:0 auto;padding:18px 24px 14px}.logo{letter-spacing:.2px;margin:0;font-size:22px;font-weight:700}.logo-mark{filter:saturate(1.2)}.header-sub{color:var(--muted);margin:6px 0 0;font-size:13px}.main{flex:1;width:100%;max-width:1656px;margin:0 auto;padding:16px 24px 40px}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:16px 24px 22px;font-size:13px}.footer code{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:12px}.filterbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);background:#0f1115e0;flex-direction:column;gap:10px;margin-bottom:18px;padding:12px;display:flex;position:sticky;top:0}.filterbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px;font-size:14px}.control:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.search{flex:260px;min-width:200px}.select-btn{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.select-btn .caret{color:var(--muted);font-size:11px}.select-btn.active{border-color:var(--accent);background:var(--accent-soft)}.clear-btn{cursor:pointer;color:var(--muted)}.clear-btn:hover{color:var(--text);border-color:var(--muted)}.results-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.badge-count{color:var(--muted);background:#ffffff1a;border-radius:999px;padding:1px 7px;font-size:11px}.chip-on .badge-count{color:var(--text);background:#ffffff38}.list-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;transition:border-color .12s,background .12s;display:inline-flex}.chip:hover{border-color:var(--muted)}.chip.chip-on{color:#fff;border-color:#0000}.chip-read.chip-on{background:var(--c-read)}.chip-wish.chip-on{background:var(--c-wish)}.chip-complete.chip-on{background:var(--c-complete)}.chip-unfinished.chip-on{background:var(--c-unfinished)}.chip-hold.chip-on{background:var(--c-hold)}.chip:not(.chip-read):not(.chip-wish):not(.chip-complete):not(.chip-unfinished):not(.chip-hold).chip-on{background:var(--accent)}.dropdown{position:relative}.dropdown-panel{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;width:280px;max-width:85vw;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000073}.dropdown-search{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:7px;outline:none;padding:7px 9px;font-size:13px}.dropdown-search:focus{border-color:var(--accent)}.dropdown-options{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.dropdown-option{cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:6px 8px;font-size:13.5px;display:flex}.dropdown-option:hover{background:var(--panel-2)}.dropdown-option input{accent-color:var(--accent)}.dropdown-empty{color:var(--muted);padding:8px;font-size:13px}.dropdown-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);gap:14px;padding:14px;transition:border-color .14s,transform .14s,box-shadow .14s;display:flex}.card:hover{border-color:#3d455c;transform:translateY(-2px);box-shadow:0 10px 26px #00000059}.card-cover{background:var(--panel-2);border-radius:8px;flex:0 0 108px;height:158px;display:block;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-placeholder{width:100%;height:100%;color:var(--muted);background:linear-gradient(160deg, var(--panel-2), #232936);justify-content:center;align-items:center;font-size:42px;font-weight:700;display:flex}.card-body{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.card-title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.card-title{color:var(--text);overflow-wrap:anywhere;font-size:15.5px;font-weight:650;line-height:1.3}.card-title:hover{color:var(--accent);text-decoration:none}.rating{color:var(--c-hold);white-space:nowrap;font-size:13px;font-weight:600}.card-badges,.card-meta,.card-genres,.card-authors,.card-release,.card-progress{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill{letter-spacing:.2px;white-space:nowrap;border-radius:999px;padding:2.5px 9px;font-size:11px;font-weight:600}.pill-read{color:#8db4ff;background:#4f8cff29}.pill-wish{color:#cf9df7;background:#b06cf029}.pill-complete{color:#6fdfab;background:#3ecf8e26}.pill-unfinished{color:#f79aa9;background:#f0647a29}.pill-hold{color:#f7cd85;background:#f0b23e26}.pill-yes{color:#6fdfab;background:#3ecf8e26}.pill-no{color:var(--muted);background:#9aa3b224}.pill-status.st-ongoing{color:#8db4ff;background:#4f8cff24}.pill-status.st-complete{color:#6fdfab;background:#3ecf8e26}.pill-status.st-hiatus{color:#f7cd85;background:#f0b23e26}.pill-status.st-dropped{color:#f79aa9;background:#f0647a29}.pill-status.st-unknown{color:var(--muted);background:#9aa3b224}.meta-item{color:var(--muted);white-space:nowrap;font-size:12.5px}.author{color:var(--text);white-space:nowrap;font-size:13px}.author-type{color:var(--muted);font-size:12px}.genre{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:6px;padding:1.5px 7px;font-size:11.5px}.genre-more{border-style:dashed}.card-release{border-top:1px dashed var(--border);margin-top:auto;padding-top:4px;font-size:13px}.release-chapter{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:1px 7px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600}.release-group{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.release-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12.5px}.progress-chip{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:1.5px 7px;font-size:11.5px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow-x:auto}.manga-table{border-collapse:collapse;width:100%;min-width:1180px;font-size:13px}.manga-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px;font-size:11.5px;font-weight:600}.manga-table th.sortable{cursor:pointer}.manga-table th.sortable:hover{color:var(--text)}.manga-table th.sorted{color:var(--accent)}.manga-table th .arrow{margin-left:4px;font-size:10px}.manga-table td{vertical-align:middle;padding:9px 10px}.manga-table tbody tr{border-bottom:1px solid var(--border)}.manga-table tbody tr:last-child{border-bottom:none}.manga-table tbody tr:hover{background:var(--panel-2)}.t-cover{background:var(--panel-2);border-radius:4px;width:34px;height:48px;display:block;overflow:hidden}.t-cover img{object-fit:cover;width:100%;height:100%;display:block}.t-cover-placeholder{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.t-title a{color:var(--text);font-weight:600}.t-title a:hover{color:var(--accent);text-decoration:none}.t-sub{color:var(--muted);white-space:nowrap;font-size:11.5px}.t-pills,.t-genres{flex-wrap:wrap;gap:4px;display:flex}.t-genres{flex-wrap:nowrap;align-items:center}.t-authors{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.t-release .release-chapter{font-size:11.5px}.col-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}th.col-num{text-align:right}.col-center{text-align:center}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg-btn{background:var(--panel-2);color:var(--muted);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 13px;font-size:13.5px;display:inline-flex}.seg-btn+.seg-btn{border-left:1px solid var(--border)}.seg-btn:hover{color:var(--text)}.seg-btn.seg-on{background:var(--accent-soft);color:var(--text)}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:70px 20px;font-size:15px;display:flex}@media (width<=560px){.grid{grid-template-columns:1fr}.card-cover{flex-basis:84px;height:126px}.header-inner,.main{padding-left:14px;padding-right:14px}.release-group{max-width:110px}}