body{overflow-x:hidden}.container{width:min(1180px,100% - 40px);margin:0 auto}main{background:#eef2f7;min-height:760px;padding:16px 0 65px}.crumbs{color:#8995a6;gap:7px;margin-bottom:15px;font-size:10px;display:flex}.crumbs a{color:#4771b9}.browse-heading{background:#e4efff;border:1px solid #d6e1f1;border-radius:7px;justify-content:space-between;align-items:end;margin-bottom:26px;padding:27px 31px;display:flex}.kicker{color:#3c6db7;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.browse-heading h1{color:#283d64;letter-spacing:-.06em;margin:7px 0 6px;font-size:clamp(34px,4vw,48px);font-weight:900;line-height:1}.browse-heading em{color:#3570d0;font-style:normal}.browse-heading p{color:#687b99;margin:0;font-size:12px}.heading-stat{border-left:1px solid #c6d8ef;gap:3px;min-width:122px;padding-left:22px;display:grid}.heading-stat b{color:#2d5dae;font-size:25px;line-height:1}.heading-stat span{color:#70819a;font-size:9px;font-weight:700}.heading-stat button{color:#2d5dae;cursor:pointer;background:#dceaff;border:1px solid #a9c2e8;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:9px;font-weight:800}.heading-stat button:hover{background:#cfe1fb}.submit-novel-panel{background:#f6faff;border:1px dashed #b9cdf0;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.submit-novel-panel[hidden]{display:none}.submit-copy{color:#4a6388;gap:2px;display:grid}.submit-copy b{font-size:11px}.submit-copy span{color:#7d8fa8;font-size:9px}.submit-novel-panel form{flex:1;gap:8px;min-width:280px;display:flex}.submit-novel-panel input{color:#31425f;border:1px solid #c7d6ea;border-radius:4px;flex:1;min-width:0;padding:8px 10px;font-size:10px}.submit-novel-panel button{color:#fff;cursor:pointer;background:#3f6fc0;border:0;border-radius:4px;padding:8px 14px;font-size:10px;font-weight:800}.submit-novel-panel button:hover{background:#335ca4}.submit-status{color:#3c6bb5;width:100%;margin:0;font-size:10px;font-weight:700}.catalog-layout{grid-template-columns:215px minmax(0,1fr);align-items:start;gap:16px;display:grid}.filters{background:#fff;border:1px solid #d7dfe9;border-radius:6px}.filter-title,.filter-group{border-bottom:1px solid #e6ebf1;padding:15px}.filter-title{justify-content:space-between;align-items:center;display:flex}.filter-title h2{color:#2d4267;margin:0;font-size:14px;font-weight:900}.filter-title button{color:#4c78c1;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.filter-group:last-child{border-bottom:0}.filter-group h3{color:#63728a;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:900}.check-list{gap:8px;display:grid}.check-list label{color:#52627c;grid-template-columns:13px 1fr auto;align-items:center;gap:6px;font-size:10px;font-weight:700;display:grid}.check-list input{accent-color:#3c6dc0;width:12px;height:12px;margin:0}.check-list b{color:#a1aab7;font-size:8px;font-weight:600}.genre-options,.score-options{gap:4px;display:grid}.genre-options button,.score-options button{color:#687891;text-align:left;background:0 0;border:1px solid #0000;border-radius:3px;padding:6px 7px;font-size:10px;font-weight:700}.genre-options button:hover,.score-options button:hover{background:#f5f8fd}.genre-options button.selected,.score-options button.selected{color:#3c6bb5;background:#eaf2ff;border-color:#d5e1f3}.tag-options{flex-wrap:wrap;gap:4px;display:flex}.tag-options button{color:#5d7092;background:#f8faff;border:1px solid #dbe3ef;border-radius:3px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;font-weight:700;display:inline-flex}.tag-options button:hover{border-color:#8ba7d6}.tag-options button.selected{color:#2f63b6;background:#e7f0ff;border-color:#4f82c9}.tag-options b{color:#a0aab8;font-size:7px;font-weight:700}.tag-options button.selected b{color:#6f92c4}.author a{color:#4775ba;font-weight:800}.author a:hover{text-decoration:underline}.catalog-content{min-width:0}.catalog-search{background:#fff;border:1px solid #cbd7e7;border-radius:6px;align-items:center;height:47px;padding:0 12px;display:flex;box-shadow:0 1px 3px #283b590a}.catalog-search svg{stroke:#74859e;stroke-width:2px;fill:none;width:18px}.catalog-search input{color:#31425f;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 10px;font-size:12px}.catalog-search input::placeholder{color:#98a5b4}.catalog-search kbd{color:#96a0ae;border:1px solid #dce3ec;border-radius:3px;padding:3px 6px;font-family:DM Mono,monospace;font-size:9px}.catalog-toolbar{justify-content:space-between;align-items:center;padding:13px 0 10px;display:flex}.catalog-toolbar p{color:#8491a3;margin:0;font-size:10px}.catalog-toolbar p b{color:#3f5e8d}.sort-control{color:#8692a3;align-items:center;gap:6px;font-size:9px;display:flex}.sort-control select{color:#53647e;font:inherit;background:#fff;border:1px solid #d5dfe9;border-radius:3px;padding:5px 19px 5px 7px;font-weight:700}.catalog-results{gap:8px;display:grid}.novel-row{background:#fff;border:1px solid #d8e0e9;border-radius:6px;grid-template-columns:68px minmax(0,1fr) 90px 95px 30px;align-items:center;gap:13px;min-height:118px;padding:10px;display:grid;box-shadow:0 1px 3px #21395c09}.row-cover{border-radius:3px;height:96px;display:block;overflow:hidden;box-shadow:0 2px 4px #1b30501f}.row-cover :global(.book-cover){height:100%}.row-title{align-items:center;gap:7px;display:flex}.status{color:#388053;background:#e8f3e9;border-radius:3px;padding:3px 5px;font-size:8px;font-weight:900}.status.completed{color:#5271a8;background:#e9eff9}.status.hiatus{color:#a56c1c;background:#fff2dc}.row-title h2{color:#34496e;letter-spacing:-.25px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:900;overflow:hidden}.author{color:#8b97a7;margin:3px 0 6px;font-size:9px}.synopsis{color:#63728a;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:550px;margin:0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.row-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.row-tags span{color:#6f7f95;background:#f3f6fa;border-radius:3px;padding:3px 5px;font-size:8px;font-weight:700}.row-score,.row-update{align-self:center;gap:4px;display:grid}.row-score b{color:#b77b1e;font-size:11px}.row-score b.unrated{color:#4a80c9}.row-score span,.row-score small,.row-update span,.row-update small{color:#8c98a7;font-size:8px}.row-update b{color:#536786;font-size:9px}.add-button{color:#3e71bd;background:#f9fbff;border:1px solid #cfdbe9;border-radius:4px;place-items:center;width:27px;height:27px;padding:0;font-size:17px;display:grid}.add-button.added{color:#3d915e;background:#edf8f0;border-color:#87bca0}.empty-state{color:#75849b;text-align:center;background:#f9fbfd;border:1px dashed #cbd7e7;border-radius:6px;padding:64px 20px}.empty-state>span{color:#7696c8;font-size:30px}.empty-state h2{color:#455a7c;margin:8px 0 3px;font-size:16px}.empty-state p{margin:0;font-size:11px}.empty-state button{color:#3e6db5;background:#fff;border:1px solid #b9cbe4;border-radius:3px;margin-top:14px;padding:7px 10px;font-size:10px;font-weight:800}@media (width<=820px){.catalog-layout{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,1fr);display:grid}.filter-title,.tags-group{grid-column:1/-1}.filter-group{border-bottom:0;border-right:1px solid #e6ebf1}.filter-group:last-child{border-right:0}.novel-row{grid-template-columns:68px minmax(0,1fr) 82px 30px}.row-update{display:none}}@media (width<=600px){.container{width:min(100% - 28px,540px)}.browse-heading{flex-direction:column;align-items:start;gap:18px;padding:23px}.heading-stat{border-left:0;padding-left:0}.filters{display:block}.filter-group{border-bottom:1px solid #e6ebf1;border-right:0}.novel-row{grid-template-columns:52px minmax(0,1fr) 29px;gap:9px;min-height:96px;padding:8px}.row-cover{height:76px}.row-score,.synopsis{display:none}.row-tags{margin-top:5px}.row-tags span:nth-child(n+3){display:none}.catalog-toolbar{padding-top:11px}.catalog-search kbd{display:none}}.live-cover{object-fit:cover;width:100%;height:100%;display:block}.fallback-cover{color:#fff;background:#365d9b;place-items:center;font-size:26px;font-weight:900;display:grid}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}