:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{width:100%;height:100%;margin:0}.shell{min-height:100svh;width:100%;background:#0f0f12;padding:24px;box-sizing:border-box;display:block}:root{--ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{font-family:var(--ui-font)}.overlay{width:min(1100px,96vw);height:min(860px,92vh);background:transparent;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #00000040;display:grid;grid-template-rows:68px 1fr 150px;margin:auto}.topbar{background:#141416f2;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-weight:800;letter-spacing:.5px}.nav{display:flex;gap:10px;align-items:center}.navBtn{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.14);padding:8px 12px;border-radius:10px;cursor:pointer}.content{position:relative;padding:18px;background:transparent;overflow-y:auto}@media(max-width:640px){.heroTitle{font-size:28px;line-height:1.2}.heroSub{font-size:14px}}.heroBtns{display:flex;gap:12px;margin-bottom:18px}.btnPrimary{background:#ff3b7a;border:none;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700}.btnGhost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#fffffff2;padding:10px 14px;border-radius:12px;cursor:pointer}.latestGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.heroTitle{font-size:34px;font-weight:800;letter-spacing:.4px;line-height:1.2;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.75),0 -2px 0 rgba(0,0,0,.75),2px 0 0 rgba(0,0,0,.75),-2px 0 0 rgba(0,0,0,.75),0 8px 0 rgba(0,0,0,.25),0 14px 28px rgba(0,0,0,.55)}.heroSub{margin-top:6px;font-size:15px;font-weight:600;line-height:1.45;letter-spacing:.15px;color:#fff;display:inline-block;padding:4px 10px;border-radius:8px;background:#000000a8;text-shadow:none}.btnGhostHero{background:#00000067;border-color:#ffffff40;padding:8px 12px}.chapterCard{background:#3f2e2e1f;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;color:#fff;padding:0}.chapterImg{width:100%;height:140px;object-fit:cover;display:block}.chapterMeta{padding:12px}.chapterId{font-weight:800;color:#fff9;letter-spacing:1px;font-size:13px;text-transform:uppercase}.chapterName{font-size:22px;font-weight:900;margin:4px 0 8px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14)}.previewHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.previewTitle{font-size:18px;font-weight:900}.previewHint{opacity:.8;font-size:13px}.previewBtns{display:flex;gap:10px}.previewPages{height:calc(100% - 56px);display:grid;grid-template-columns:1fr 1fr;gap:12px}.pageImg{width:100%;height:100%;object-fit:contain;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px}.readerStub{height:100%;display:grid;place-items:center;gap:10px;text-align:center}.readerStubTitle{font-size:20px;font-weight:900}.readerStubHint{opacity:.8;max-width:520px}.wheel{border-top:1px solid rgba(255,255,255,.08);background:#0e0e10f2;padding:12px 14px;overflow:hidden}.wheelInner{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.wheelItem{min-width:180px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;cursor:pointer;color:#fff;padding:0}.wheelItem.active{border-color:#ff3b7acc}.wheelItem img{width:100%;height:92px;object-fit:cover;display:block}.wheelLabel{padding:10px 12px;font-weight:800;opacity:.9}.chapterPreview{height:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.chapterPreviewLeft{display:flex;flex-direction:column;gap:14px}.previewSummary{white-space:pre-line;line-height:1.5;opacity:.9;max-width:520px}.chapterPreviewRight{display:flex;align-items:center;justify-content:center}.chapterPreviewRight img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.heroArt{display:block;height:auto;max-height:90vh;width:auto;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 88%,rgba(0,0,0,.7) 94%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 88%,#000000b3 94%,#0000)}.heroArtFade{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,#0000,#00000059,#000000bf 70%,#000);pointer-events:none}@media(max-width:640px){.heroArt{display:block;height:auto;max-height:125vw;width:auto}}@media(max-width:640px){.latestGrid{grid-template-columns:1fr}}@media(max-width:900px){.heroContent{align-items:center;text-align:left;padding-left:24px;padding-right:24px}.heroBtns{justify-content:flex-start}}.hero{margin-left:-18px;margin-right:-18px;display:flex;flex-direction:column}.heroBackdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center,#00000026,#00000073 45%,#000000bf 70%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,.4) 90%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 75%,#0006 90%,#0000);z-index:1}.heroContent{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;padding:32px}.heroText{position:absolute;left:6%;bottom:0%;max-width:520px;padding:18px 22px;border-radius:14px;background:linear-gradient(to bottom,#000000a6,#0000008c 55%,#00000059 80%,#0000)}.heroArtWrap{position:absolute;left:50%;top:0;transform:translate(-50%);pointer-events:none;z-index:1}@media(max-width:640px){.heroArtWrap{padding:0;position:absolute;left:50%;bottom:0%;transform:translate(-50%) translateY(0)}}@media(max-width:640px){.heroTitle{font-size:clamp(22px,5vw,34px);line-height:1.15}.heroSub{font-size:clamp(13px,3.2vw,15px);line-height:1.4}.heroBtns{flex-direction:column;gap:10px}.btnPrimary,.btnGhostHero{width:100%}.btnPrimary,.btnGhostHero{padding:8px 12px;font-size:13px}.heroText{max-width:92%}}.heroArtInner{position:relative;display:inline-block;overflow:hidden}.heroHeader{position:relative;height:clamp(460px,70vh,620px);overflow:visible;border-radius:0;background-size:cover;background-position:center top}@media(max-width:640px){.heroHeader{height:320px}}.charactersPage{display:flex;flex-direction:column;gap:24px}.characterGroup{display:flex;flex-direction:column;gap:12px}.characterGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.characterCard{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;color:#fff;padding:0}.characterCard img{width:100%;height:180px;object-fit:cover;display:block}.characterMeta{padding:10px 12px}.characterName{font-weight:800;font-size:16px;line-height:1.2;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.characterTag{font-size:12px;opacity:.75;margin-top:2px}.characterProfile{display:flex;justify-content:center;padding:12px 0}.characterProfileCard{width:100%;max-width:780px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px;box-shadow:0 18px 50px #0006}.profileHeader{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;margin-bottom:28px}.profileHeader img{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.profileHeader h1{font-size:42px;font-weight:900;margin:0 0 6px}.profileNicknames{opacity:.8;font-size:14px}.characterProfile section{margin-top:28px}.characterProfile h2{font-size:22px;font-weight:900;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.characterProfile ul{list-style:none;padding:0;margin:0}.characterProfile li{padding:6px 0;opacity:.9}.characterProfile strong{display:block;margin-top:14px;margin-bottom:6px;font-size:13px;letter-spacing:.4px;opacity:.75;text-transform:uppercase}.characterProfile p{margin:6px 0 0;line-height:1.5;opacity:.9}.characterProfile .storyLine{margin-bottom:6px;opacity:.9}@media(max-width:700px){.profileHeader{grid-template-columns:1fr;text-align:center}.profileHeader img{max-width:220px;margin:0 auto}}.characterProfile section ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.badgeRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;opacity:.95}.badge.trait{background:#ffffff14}.badge.preference{background:#ff3b7a26;border-color:#ff3b7a59}.badge.sensitive{background:#ff8c0024;border-color:#ff8c0059}.bulletList li{position:relative;padding-left:16px}.bulletList li:before{content:"•";position:absolute;left:0;color:#ff3b7a;font-weight:900}.relName{font-weight:800;opacity:.98;text-transform:none;letter-spacing:0;font-size:14px}.relDash{opacity:.5}.relLabel{opacity:.85}.latestGrid{position:relative;z-index:4;margin-top:0;padding:0 18px 32px;transform:translate(0) translateY(60px);background:#0f0f128c;border-radius:18px 18px 0 0}.content.home .latestSection{position:relative;z-index:4;margin-top:20px;padding:28px 18px 32px;transform:translate(0) translateY(60px);background:#0f0f128c;border-radius:18px 18px 0 0;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 6%,rgba(0,0,0,1) 12%);mask-image:linear-gradient(to bottom,#0000,#0009,#000 12%)}@media(max-width:640px){.content.home .latestSection{margin-top:120px}}.latestSection:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0f0f12bf,#0f0f12a6 40%,#0f0f128c);pointer-events:none;z-index:-1}@media(max-width:640px){.brand{font-size:14px;letter-spacing:.3px;line-height:1.1;max-width:120px;white-space:normal}}.content.home{position:relative}.content.home>*{position:relative;z-index:1}@media(max-width:640px){.heroText{position:absolute;left:6%;bottom:-90%;transform:scale(.9);transform-origin:left bottom;max-width:250px;padding:10px 15px;border-radius:14px}}.navIconBtn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.navIconBtn:hover{background:#ffffff14;border-color:#ffffff59}.navIconBtn.active{background:#ffffff1f;border-color:#ffffff8c}.navIconBtn.active svg{stroke-width:2.5}.patreonBtn{color:#f96854;border-color:#f9685480}.patreonBtn:hover{background:#f9685426}@media(max-width:640px){.content.home .latestSection{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,1) 18%);mask-image:linear-gradient(to bottom,#0003,#000 18%)}}.sectionTitleWrap{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;transform:translate(0) translateY(40px);background:#0006;border:1px solid rgba(255,255,255,.25);color:#fffffff2;font-weight:700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin-bottom:16px}.sectionTitle{margin:0;font-size:20px;font-weight:400;line-height:1.2}.scrollHint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:10;pointer-events:none;transition:opacity .3s ease,transform .3s ease}@media(max-width:640px){.scrollHint{left:50%;transform:none;bottom:-290px}}.scrollHint.hidden{opacity:0;transform:translate(-50%) translateY(-10px)}.scrollArrow{width:24px;height:24px;border-left:3px solid white;border-bottom:3px solid white;transform:rotate(-45deg);opacity:.9;filter:drop-shadow(0 0 6px rgba(0,0,0,.8));animation:bobArrow 1.6s ease-in-out infinite}@keyframes bobArrow{0%{transform:rotate(-45deg) translateY(0);opacity:.6}50%{transform:rotate(-45deg) translateY(8px);opacity:1}to{transform:rotate(-45deg) translateY(0);opacity:.6}}.ageGate{position:fixed;inset:0;background:#0f0f12;display:grid;place-items:center;z-index:9999}.ageGateCard{background:#111;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;max-width:420px;text-align:center;color:#fff}.ageGateCard h1{margin-bottom:12px}.ageGateCard p{opacity:.85;margin-bottom:18px}