:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}html,body{height:100%}body{min-height:100vh;display:flex;flex-direction:column}#root{flex:1 0 auto;min-height:100vh;display:flex;flex-direction:column}.page{padding:16px 16px 90px;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.list{width:100%}.row{width:100%;box-sizing:border-box}body{margin:0;color:#f5f5ff;background:radial-gradient(1100px 760px at 18% 12%,rgba(255,90,30,.34),transparent 62%),radial-gradient(950px 720px at 86% 78%,rgba(255,35,10,.28),transparent 62%),radial-gradient(760px 560px at 52% 46%,rgba(255,205,55,.26),transparent 70%),radial-gradient(900px 700px at 45% 110%,rgba(255,130,40,.12),transparent 60%),linear-gradient(180deg,#0e0e16,#0b0b14 60%,#080812);background-attachment:fixed}a{color:inherit;text-decoration:none}.nav{top:0;z-index:100;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(180deg,#100a0aeb,#0a0a10db);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ff763c8d;box-shadow:0 14px 40px #00000059,inset 0 -1px #ffffff0a;position:sticky;isolation:isolate}.nav:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff3c0000,#ff3c00f2,#ff8c00f2,#ffd228e6,#ff8c00f2,#ff3c00f2,#ff3c0000);box-shadow:0 0 18px #ff8c2873;pointer-events:none;z-index:-1}.brand{font-weight:800;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(90deg,#ff5a1f,#ffb347,#ffe27a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navSearchWrap{position:relative;width:100%;max-width:560px;min-width:140px}.navSearchWrap input{width:100%;padding:10px 44px 10px 14px;border-radius:999px;border:1px solid #ffaa5a1f;background:#121220b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f5f5ff;outline:none;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #00000040}.navSearchWrap input::placeholder{color:#f5f5ff8c}.navSearchWrap input:focus{border-color:#ffa05059;box-shadow:0 0 0 3px #ff8c282e,0 10px 28px #00000040}.navSearchClear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;margin:0;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f5f5ffe6;display:grid;place-items:center;cursor:pointer;line-height:1}.navSearchClear:hover{background:#ffffff1a;border-color:#ffaa5a38}.navSearchClear:active{transform:translateY(-50%) scale(.98)}.navlinks{display:flex;gap:12px;color:#cfcfe6;margin-left:auto;align-items:center}.pageControls{padding:12px}.searchBar{display:flex;gap:10px;align-items:center;margin:12px 0 6px;flex-wrap:wrap}.searchInput{flex:1 1 240px;min-width:220px;padding:10px 12px;border-radius:12px;border:1px solid #ff763c;background:#0f0f1a;color:inherit;outline:none}.moreMenu{position:relative;display:inline-flex;align-items:center;z-index:60}.morePanel{position:absolute;top:calc(100% + 8px);right:0;display:flex;gap:8px;padding:8px;border-radius:12px;border:1px solid #ff763c;background:#0f0f1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 35px #00000059;z-index:80;white-space:nowrap;overflow:visible}.readerSettingsWrapper{position:relative;display:inline-flex;align-items:center}.readerSettingsPanel{position:absolute;top:calc(100% + 8px);left:0;right:auto;display:flex;flex-direction:row;gap:8px;padding:8px;border-radius:12px;border:1px solid #ff763c;background:#0f0f1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 35px #00000059;z-index:120;white-space:nowrap}.h1{font-size:28px;margin:12px 0}.h2{font-size:18px;margin:18px 0 10px;color:#dedeee}.p{color:#c9c9df;line-height:1.5}.grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:#112;border:1px solid #ffaa5a1a;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column}.card.locked{cursor:not-allowed;position:relative;opacity:.85}.card.locked .cover{filter:grayscale(.8) brightness(.7)}.card.locked:hover .comingSoon{opacity:1}.synopsis{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.cardTags{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap;padding-top:8px}.cardTag{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,200,120,.16);background:#ff782814;text-transform:uppercase;letter-spacing:.05em}.btn.active{filter:brightness(1.1)}.comingSoon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#0a0a14b3;color:#fff;opacity:0;transition:opacity .2s ease;border-radius:14px}.cover{aspect-ratio:3/4;background-size:cover;background-position:center;background-color:#1a1a2a;position:relative}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1000px 500px at 20% 10%,rgba(255,255,255,.1),transparent 55%),radial-gradient(800px 400px at 90% 80%,rgba(140,120,255,.12),transparent 55%),linear-gradient(180deg,#ffffff0f,#00000040);pointer-events:none}.cardBody{padding:10px;display:flex;flex-direction:column;flex:1}.cardContent{display:flex;flex-direction:column;gap:6px}.title{font-weight:700;margin-bottom:6px}.muted{color:#a8a8c9;font-size:13px}.hero{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}.heroCover{width:120px;aspect-ratio:3/4;border-radius:14px;background-size:cover;background-position:center;background-color:#ff763c;border:1px solid #ff763c}.heroInfo{padding-top:4px}@media (min-width: 700px){.hero{grid-template-columns:180px 1fr}.heroCover{width:180px}}.ipAuthor{display:flex;align-items:center;gap:12px;margin-top:14px}.ipAuthorAvatar{width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.15)}.ipAuthorMeta{display:flex;flex-direction:column}.ipAuthorLabel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.ipAuthorName{font-weight:700;font-size:14px}.ipAuthorAvatarLink{display:inline-block;border-radius:50%;transition:transform .15s ease,box-shadow .15s ease}.ipAuthorAvatarLink:hover{transform:scale(1.05);box-shadow:0 0 10px #ff8c3c99}.ipSection{margin-top:22px}.ipSection--chapters{margin-bottom:38px}.ipSection--related{margin-top:34px}.newRow{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.newRow::-webkit-scrollbar{display:none}.newCard{display:flex;gap:10px;align-items:center;min-width:280px;max-width:360px;padding:10px;border-radius:12px;border:1px solid #ffaa5a1f;background:#112;box-shadow:0 10px 30px #0000002e}.newThumb{width:46px;height:62px;border-radius:10px;border:1px solid rgba(255,170,90,.1);background:#1a1a2a;background-size:cover;background-position:center;flex:0 0 auto}.newMeta{min-width:0}.newTitle{display:flex;gap:8px;align-items:center;min-width:0}.newIp{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.newSub{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.newBadge{font-size:11px;font-weight:900;letter-spacing:.08em;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,210,120,.2);background:#ffaa3c1a;text-transform:uppercase}.list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.row{padding:12px;border-radius:12px;background:#112;border:1px solid #ffaa5a1f;display:flex;align-items:center;justify-content:space-between;gap:10px}.rowTitle{font-weight:650}.lockedRow{opacity:.75;cursor:not-allowed}.soonBadge{margin-left:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid #ff763c;background:#ffffff0f}.reader{background:#0f0f1a;border:1px solid #ff763c;border-radius:14px;overflow:visible;margin-top:14px;position:relative;z-index:1}.readerTop,.readerBtns{overflow:visible}.readerTop{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #ff763c}.readerTitle{font-weight:750}.readerBtns{display:flex;gap:8px;flex-wrap:wrap}.readerControls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pages{padding:12px}.pageControls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pageImg{width:100%;border-radius:12px;border:1px solid #000000;background:#000}.pageImg.fit{max-width:100%;height:auto}.pageImg.full{width:100%;height:auto}.textReader{height:calc(100vh - 180px);overflow:auto;padding:12px}.textBody{max-width:760px;margin:0 auto;line-height:1.75;color:#e8e8ff}.textBody p{margin:0 0 14px;white-space:pre-wrap}.theme-dark{background:#0f1115;color:#eaeaea}.theme-sepia{background:#b7b7b7;color:#000}.theme-light{background:#fff;color:#000}.theme-light .textBody,.theme-sepia .textBody,.theme-light .muted,.theme-sepia .muted,.theme-light .readerTitle,.theme-sepia .readerTitle{color:#000}.btn{padding:8px 10px;border-radius:10px;border:1px solid #ffaa5a1f;background:#14142a;color:#f5f5ff;cursor:pointer}.btn.active{background:#22224a;border-color:#ff763c}.btn:disabled{opacity:.5;cursor:not-allowed}.theme-light .btn,.theme-sepia .btn{color:#000;background:#0000001a;border-color:#ff763c}.theme-light .btn.active,.theme-sepia .btn.active{background:#0000002e;border-color:#ff763c}.theme-light .morePanel .btn,.theme-sepia .morePanel .btn,.theme-light .readerSettingsPanel .btn,.theme-sepia .readerSettingsPanel .btn{color:#f5f5ff;background:#14142a;border-color:#ff763c}.theme-light .morePanel .btn.active,.theme-sepia .morePanel .btn.active,.theme-light .readerSettingsPanel .btn.active,.theme-sepia .readerSettingsPanel .btn.active{background:#22224a;border-color:#ff763c}.theme-light .morePanel,.theme-sepia .morePanel,.theme-light .readerSettingsPanel,.theme-sepia .readerSettingsPanel{color:#f5f5ff}.dropdown{position:absolute;right:0;top:calc(100% + 8px);width:min(420px,92vw);max-height:60vh;overflow:auto;background:#0f0f1a;border:1px solid #ff763c;border-radius:12px;box-shadow:0 14px 40px #00000073;padding:8px;z-index:50}.dropdownEmpty{padding:10px}.dropdownRow{display:flex;align-items:center;gap:8px;border-radius:10px;padding:8px}.dropdownRow:hover{background:#ffffff0d}.dropdownLink{flex:1;min-width:0}.dropdownTitle{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdownX{width:32px;height:32px;border-radius:10px;border:1px solid #ff763c;background:#14142a;color:#f5f5ff;cursor:pointer}.footer{margin-top:auto;padding:12px 16px;border-top:1px solid rgba(255,120,40,.25);background:#0a060699;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footerInner{max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center}.footerCopy{text-align:center;font-size:10px;color:#e9e9e9cc;letter-spacing:.06em}@media (max-width: 600px){.nav{flex-wrap:wrap;gap:10px}.navSearch{order:3;flex:1 1 100%;max-width:none;min-width:0}.navlinks{margin-left:auto}.readerTop{flex-direction:column;align-items:flex-start;gap:10px}.readerTitle{width:100%;line-height:1.25}.readerBtns{width:100%;justify-content:flex-start;gap:8px}.chapterNav{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.chapterNav::-webkit-scrollbar{display:none}.btn{padding:7px 9px;border-radius:10px;font-size:14px;white-space:nowrap}.morePanel{max-width:calc(100vw - 24px);flex-wrap:nowrap;overflow:visible;white-space:nowrap}.readerSettingsWrapper{position:static}.readerSettingsPanel{position:absolute;top:calc(100% + 8px);left:0;right:0;width:auto;display:flex;flex-direction:row;justify-content:flex-start;gap:8px;max-width:calc(100vw - 24px);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;white-space:nowrap;z-index:200}.readerSettingsPanel::-webkit-scrollbar{display:none}.row{align-items:flex-start!important;flex-wrap:wrap!important}.rowTitle{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}.row>.muted{width:100%!important}.soonBadge{flex:0 0 auto!important;white-space:nowrap!important}}@media (max-width: 520px){.row{flex-direction:column!important}.footerInner{flex-direction:column;align-items:center}}
