:root{
  --bg:#110810;--surface:#1b0e1b;--surface-2:#2a1425;--ink:#fff3f8;--muted:#b995aa;
  --pink:#ff3b8d;--pink-dark:#ff2877;--lavender:#a34eff;--lavender-soft:#352040;
  --mint:#ff6cae;--yellow:#ffd08a;--blue:#c95cff;--line:#472039;--shadow:0 18px 48px rgba(0,0,0,.28);
  --sans:'Be Vietnam Pro',system-ui,sans-serif;--round:'Nunito',system-ui,sans-serif;--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65;overflow-x:hidden;transition:.25s}body.light{--bg:#211c2c;--surface:#2b2438;--surface-2:#352c45;--ink:#fff8fc;--muted:#bdb2c7;--line:#4a3f5c;--shadow:0 14px 40px rgba(0,0,0,.22)}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}[hidden]{display:none!important}.sky-decor{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.sky-decor span{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55}.sky-decor span:nth-child(1){width:360px;height:360px;background:#f2ddff;top:12%;left:-180px}.sky-decor span:nth-child(2){width:440px;height:440px;background:#dff8f2;right:-220px;top:44%}.sky-decor span:nth-child(3){width:270px;height:270px;background:#ffe7b7;left:38%;bottom:-160px}

.site-header{position:sticky;top:0;z-index:70;background:rgba(255,248,252,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(234,223,235,.8)}body.light .site-header{background:rgba(33,28,44,.9)}.header-inner{max-width:var(--max);height:76px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mascot{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--pink),#ffaacb);color:#fff;font-size:22px;box-shadow:0 8px 18px rgba(255,131,181,.28);transform:rotate(-5deg)}.brand-copy{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:4px;line-height:.8}.brand-copy strong,.brand-copy b{font:900 23px var(--round)}.brand-copy strong{color:var(--pink-dark)}.brand-copy b{color:var(--lavender)}.brand-copy small{grid-column:1/3;margin-top:6px;font:800 6px var(--sans);letter-spacing:.18em;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:5px;margin:auto}.main-nav a,.main-nav button{border:0;background:none;text-decoration:none;padding:9px 13px;border-radius:12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.main-nav a:hover,.main-nav button:hover,.main-nav .active{background:var(--surface-2);color:var(--pink-dark)}.header-actions{display:flex;gap:8px}.round-action,.menu-button{width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 6px 16px rgba(106,75,128,.08);position:relative}.round-action span{font-size:18px;color:var(--pink-dark)}.round-action i{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:var(--lavender);color:#fff;font-size:7px;font-style:normal}.menu-button{display:none}.menu-button span{width:18px;height:2px;background:var(--ink);margin:2px}.genre-drawer{display:none;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.genre-drawer.open{display:block}.genre-drawer:not(.open){visibility:hidden;pointer-events:none}.genre-drawer>div{max-width:var(--max);margin:auto;padding:18px 24px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px 12px}.genre-drawer button{border:0;background:none;padding:7px 9px;border-radius:9px;text-align:left;font-size:9px;font-weight:700}.genre-drawer button:hover{background:var(--surface-2);color:var(--pink-dark)}.genre-drawer small{float:right;color:var(--lavender)}

.hero{min-height:690px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff8fc 0%,#fff3f9 45%,#f1ecff 100%)}body.light .hero{background:linear-gradient(145deg,#211c2c,#2b2438 55%,#30274a)}.hero-inner{max-width:var(--max);min-height:660px;margin:auto;padding:55px 24px 35px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;z-index:2}.hero-copy{padding-bottom:40px}.kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 13px;border-radius:99px;background:#fff;border:1px solid #f5dbe7;box-shadow:0 8px 22px rgba(123,89,137,.09);font-size:9px;font-weight:800;color:#7c6d8a}.kicker span{background:var(--pink);color:#fff;border-radius:99px;padding:3px 7px;font-size:7px}.hero h1{max-width:680px;margin:26px 0 20px;font:900 clamp(52px,6vw,82px)/1.02 var(--round);letter-spacing:-.05em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--pink-dark),var(--lavender));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:600px;margin:0 0 27px;color:var(--muted);font-size:14px;font-weight:500}.hero-search{max-width:585px;height:59px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:19px;background:var(--surface);border:2px solid #f1dce8;box-shadow:0 13px 32px rgba(137,91,138,.13)}.hero-search:focus-within{border-color:var(--pink)}.hero-search>span{font:900 26px var(--round);color:var(--pink)}.hero-search input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--ink);font-weight:600}.hero-search input::placeholder{color:#b8adbd}.hero-search kbd{border:1px solid var(--line);background:var(--surface-2);padding:4px 8px;border-radius:8px;font-size:8px;color:var(--muted)}.hero-actions{display:flex;gap:11px;margin-top:18px}.primary-cta,.soft-cta{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 20px;border-radius:16px;text-decoration:none;border:0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.primary-cta{background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#fff;box-shadow:0 10px 22px rgba(236,95,155,.25)}.primary-cta:hover{transform:translateY(-2px)}.soft-cta{background:var(--surface);color:var(--lavender);border:1px solid var(--line)}.hero-stats{display:flex;gap:29px;margin-top:37px}.hero-stats span{display:grid}.hero-stats strong{font:900 23px var(--round);color:var(--ink)}.hero-stats small{font-size:8px;font-weight:800;color:var(--muted);text-transform:uppercase}.hero-visual{height:590px;position:relative;display:grid;place-items:end center}.hero-visual img{position:relative;z-index:3;width:min(465px,100%);height:600px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 24px rgba(104,70,129,.18))}.character-halo{position:absolute;width:440px;height:440px;border-radius:50%;background:linear-gradient(135deg,#ffdcea,#dfd5ff);top:70px;border:12px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(201,178,224,.25),0 28px 80px rgba(135,105,167,.2)}.character-halo:before,.character-halo:after{content:'✦';position:absolute;color:#fff;font-size:55px}.character-halo:before{left:25px;top:80px}.character-halo:after{right:24px;bottom:75px}.speech-card{position:absolute;z-index:5;right:-20px;top:105px;padding:14px 18px 14px 46px;border-radius:18px;background:#fff;color:#5a4969;box-shadow:var(--shadow);transform:rotate(4deg)}.speech-card>span{position:absolute;left:14px;top:17px;color:var(--pink);font-size:20px}.speech-card b,.speech-card small{display:block}.speech-card b{font:900 15px var(--round)}.speech-card small{font-size:8px;color:#9f90aa}.float-sticker{position:absolute;z-index:5;display:grid;place-items:center;text-align:center;font:900 11px/1.1 var(--round);color:#fff;box-shadow:var(--shadow)}.sticker-one{left:8px;bottom:120px;width:77px;height:77px;background:var(--lavender);border-radius:25px;transform:rotate(-10deg)}.sticker-two{right:10px;bottom:90px;width:52px;height:52px;background:var(--mint);border-radius:50%;font-size:24px;transform:rotate(12deg)}.hero-blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.6}.blob-one{width:300px;height:300px;background:#ffdce9;left:-130px;top:80px}.blob-two{width:230px;height:230px;background:#dff8f1;right:-90px;bottom:30px}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:42px;background:var(--bg);clip-path:polygon(0 65%,7% 42%,15% 62%,25% 35%,36% 62%,47% 38%,58% 65%,69% 35%,81% 61%,91% 40%,100% 62%,100% 100%,0 100%)}

.category-shortcuts{max-width:1040px;margin:-15px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;position:relative;z-index:6}.category-shortcuts button{min-height:88px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:14px;box-shadow:var(--shadow);transition:.2s}.category-shortcuts button:hover{transform:translateY(-5px);border-color:var(--pink)}.category-shortcuts span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);color:var(--pink-dark);font-size:22px}.category-shortcuts button:nth-child(2) span{background:#eee8ff;color:var(--lavender)}.category-shortcuts button:nth-child(3) span{background:#e4faf5;color:#4fbca5}.category-shortcuts button:nth-child(4) span{background:#fff4d7;color:#d8a932}.category-shortcuts button:nth-child(5) span{background:#e4f2ff;color:#579ddd}.category-shortcuts b{font:800 11px var(--round)}.category-shortcuts small{font-size:7px;color:var(--muted)}

.home-section{max-width:var(--max);margin:auto;padding:88px 24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-heading>div:first-child{display:flex;align-items:center;gap:14px}.section-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;font-size:23px}.section-icon.pink{background:#ffe2ee;color:var(--pink-dark)}.section-icon.yellow{background:#fff0ba;color:#c89713}.section-icon.lavender{background:#e9e1ff;color:var(--lavender)}.section-heading p{margin:0;color:var(--pink-dark);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.section-heading h2{margin:2px 0 0;font:900 32px/1 var(--round);letter-spacing:-.03em}.carousel-actions{display:flex;gap:8px}.carousel-actions button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--lavender);font-size:17px}.carousel-actions button:hover{background:var(--lavender);color:#fff}.featured-viewport{overflow:hidden;margin:0 -7px;padding:7px}.featured-track{display:flex;gap:17px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.featured-track::-webkit-scrollbar{display:none}.featured-card{flex:0 0 190px;border:0;background:none;padding:0;text-align:left;scroll-snap-align:start}.featured-cover{height:265px;border-radius:22px;background:var(--cover);background-color:#eadff2;position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(87,62,106,.14);transition:.2s}.featured-cover:after{content:'';position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(54,38,65,.55))}.featured-card:hover .featured-cover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(255,100,166,.2)}.featured-cover span{position:absolute;left:10px;top:10px;z-index:2;background:rgba(255,255,255,.9);color:var(--lavender);border-radius:10px;padding:4px 8px;font:900 10px var(--round)}.featured-cover b{position:absolute;right:10px;top:10px;z-index:2;background:var(--pink);color:#fff;border-radius:10px;padding:5px 8px;font:900 7px var(--sans)}.featured-card>small{display:block;margin-top:14px;color:var(--pink-dark);font-size:7px;font-weight:900;text-transform:uppercase}.featured-card>strong{display:block;margin-top:4px;font:800 13px/1.35 var(--round)}.featured-card>em{display:block;margin-top:5px;color:var(--muted);font-size:8px;font-style:normal}

.daily{background:linear-gradient(135deg,#8e72dd,#ad8ef2);color:#fff;padding:80px 24px;position:relative;overflow:hidden}.daily:before,.daily:after{content:'✦';position:absolute;color:rgba(255,255,255,.11);font-size:180px}.daily:before{left:-30px;top:-60px}.daily:after{right:10px;bottom:-90px}.daily-inner{max-width:var(--max);margin:auto;position:relative;z-index:2}.light-heading .section-heading{}.light-heading p{color:#ffe4f0}.light-heading h2{color:#fff}.live-pill{padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.15);font-size:8px;font-weight:800}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#93ffd9;margin-right:5px}.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.daily-card{min-height:112px;display:grid;grid-template-columns:38px 67px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:19px;background:rgba(255,255,255,.11);color:#fff;text-align:left;backdrop-filter:blur(8px)}.daily-card:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.daily-card>span{font:900 28px var(--round);color:#ffe19a}.daily-cover{height:86px;border-radius:13px;background:var(--cover);background-color:#6756a0}.daily-card small,.daily-card em{display:block;color:rgba(255,255,255,.72);font-size:6px;font-style:normal;text-transform:uppercase}.daily-card strong{display:block;font:800 10px/1.4 var(--round);margin:4px 0}.daily-card>b{color:#ffe19a;font-size:17px}

.content-layout{max-width:var(--max);margin:auto;padding:95px 24px 110px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px}.catalog-heading{padding-bottom:19px;border-bottom:1px solid var(--line)}.catalog-heading>p{margin:0;padding:7px 12px;border-radius:99px;background:var(--surface-2);color:var(--pink-dark);font:900 10px var(--round)}.catalog-tools{display:flex;justify-content:flex-end;gap:10px;margin:17px 0}.filter-toggle,.sort-select{height:43px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-size:9px;font-weight:800}.filter-toggle{padding:0 15px}.filter-toggle span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);opacity:0}.filter-toggle span.on{opacity:1}.sort-select{display:flex;align-items:center;gap:7px;padding:0 7px 0 13px}.sort-select>span{color:var(--muted)}.sort-select select{border:0;background:var(--surface-2);color:var(--ink);border-radius:9px;padding:6px;outline:0}.filter-panel{display:none;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:19px;margin-bottom:24px;box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:20px}.filter-panel.open{display:grid}.filter-group>span{font-size:8px;font-weight:900;text-transform:uppercase;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:99px;padding:6px 10px;font-size:8px;font-weight:700}.chip.active{background:var(--lavender);border-color:var(--lavender);color:#fff}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 16px}.story-card{cursor:pointer;min-width:0;outline:none}.story-card:focus-visible .story-cover{box-shadow:0 0 0 4px #dcd0ff}.story-cover{aspect-ratio:3/4.35;position:relative;overflow:hidden;border-radius:20px;background:var(--cover);background-color:#eee7f3;box-shadow:0 10px 26px rgba(88,63,102,.12);transition:.22s}.story-card:hover .story-cover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(255,107,169,.2)}.story-cover:before{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(51,36,62,.7))}.story-cover[data-cover="false"]:after{content:attr(data-glyph);position:absolute;right:12px;bottom:12px;color:#fff;font:900 65px var(--round)}.cover-lines{display:none}.cover-issue{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.9);color:var(--lavender);border-radius:9px;padding:4px 7px;font:900 8px var(--round)}.cover-badge{position:absolute;left:10px;bottom:12px;background:var(--pink);color:#fff;border-radius:9px;padding:5px 8px;font-size:6px;font-weight:900;text-transform:uppercase}.save-button{position:absolute;right:10px;top:10px;width:35px;height:35px;border:0;border-radius:12px;background:rgba(255,255,255,.9);color:var(--pink-dark);font-size:16px;opacity:0;box-shadow:0 5px 14px rgba(0,0,0,.12)}.story-card:hover .save-button,.save-button.saved{opacity:1}.save-button.saved{background:var(--pink);color:#fff}.cover-title{position:absolute;left:12px;right:12px;bottom:40px;color:#fff;font:900 17px/1.05 var(--round);text-shadow:0 2px 10px rgba(0,0,0,.3);text-transform:uppercase}.story-info{padding:13px 4px}.story-info h3{margin:0;font:800 13px/1.4 var(--round)}.story-info p{margin:5px 0 0;color:var(--pink-dark);font-size:6px;font-weight:900;text-transform:uppercase}.story-stats{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:7px;font-weight:700}.rating{color:var(--lavender)}.load-more{display:block;margin:45px auto 0;border:0;border-radius:16px;background:linear-gradient(135deg,var(--pink),var(--lavender));color:#fff;padding:13px 22px;font-size:9px;font-weight:900;box-shadow:0 10px 22px rgba(183,119,203,.2)}.load-more span{margin-left:7px}.empty-state{text-align:center;padding:70px 20px}.empty-state>span{font-size:65px;color:#d7cae3}.empty-state h3{font:900 25px var(--round)}.empty-state p{color:var(--muted)}.empty-state button{border:0;border-radius:12px;background:var(--lavender);color:#fff;padding:9px 14px}

.home-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-widget{border:1px solid var(--line);background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.widget-title{display:flex;align-items:center;gap:10px;padding:16px 17px;background:linear-gradient(135deg,var(--surface-2),#f1edff)}body.light .widget-title{background:var(--surface-2)}.widget-title>span{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--pink-dark);font-size:17px}.widget-title small,.widget-title h3{display:block}.widget-title small{font-size:6px;color:var(--pink-dark);text-transform:uppercase;font-weight:900}.widget-title h3{margin:0;font:900 17px var(--round)}.sidebar-empty{padding:19px;color:var(--muted);font-size:9px}.mini-list button,.rank-list button{width:100%;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--line);background:none;padding:9px;text-align:left}.mini-list button:hover,.rank-list button:hover{background:var(--surface-2)}.mini-cover{height:57px;border-radius:9px;background:var(--cover);background-color:#eee}.mini-list strong,.rank-list strong{display:block;font:800 9px/1.35 var(--round)}.mini-list small,.rank-list small{display:block;color:var(--muted);font-size:6px;margin-top:3px}.mini-list button>b{color:var(--pink)}.rank-list button{grid-template-columns:29px 1fr}.rank-list button>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--lavender-soft);color:var(--lavender);font:900 10px var(--round)}.rank-list button:nth-child(-n+3)>span{background:#ffe4ef;color:var(--pink-dark)}.genre-cloud{padding:13px;display:flex;flex-wrap:wrap;gap:5px}.genre-cloud button{border:0;border-radius:99px;background:var(--surface-2);color:var(--muted);padding:5px 8px;font-size:7px;font-weight:700}.genre-cloud button:hover{background:var(--pink);color:#fff}.genre-cloud small{display:none}

.reading-banner{max-width:1120px;margin:0 auto 100px;padding:65px 35px;text-align:center;border-radius:34px;background:linear-gradient(135deg,#fff0f6,#eee7ff);border:1px solid #eadcf1;position:relative;overflow:hidden}.reading-banner:before,.reading-banner:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.6)}.reading-banner:before{width:220px;height:220px;left:-90px;top:-110px}.reading-banner:after{width:170px;height:170px;right:-70px;bottom:-90px}.banner-stars{color:var(--pink);font-size:20px}.reading-banner>p{margin:10px 0;color:var(--pink-dark);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.reading-banner h2{margin:0;font:900 44px/1.1 var(--round);letter-spacing:-.04em}.reading-banner h2 em{font-style:normal;color:var(--lavender)}.benefit-row{display:flex;justify-content:center;gap:25px;margin-top:30px}.benefit-row span{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800}.benefit-row b{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--pink);font-size:13px}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:35px 24px 48px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase}footer div{display:flex;gap:17px}footer a,footer button{border:0;background:none;text-decoration:none;font:inherit}.footer-brand .brand-mascot{width:38px;height:38px}.footer-brand .brand-copy strong,.footer-brand .brand-copy b{font-size:19px}

.age-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(56,43,68,.72);backdrop-filter:blur(18px)}.age-gate.dismissed{display:none}.age-card{width:min(430px,100%);padding:45px 40px;text-align:center;border-radius:30px;background:var(--surface);box-shadow:0 28px 80px rgba(40,28,49,.3);position:relative}.age-badge{width:82px;height:82px;margin:0 auto 12px;display:grid;place-items:center;border-radius:27px;background:linear-gradient(135deg,var(--pink),var(--lavender));color:#fff;font:900 34px var(--round);transform:rotate(-5deg)}.age-badge sup{font-size:13px}.age-stars{color:var(--yellow);font-size:18px}.age-card>p{margin:12px 0 4px;color:var(--pink-dark);font-size:8px;font-weight:900;text-transform:uppercase}.age-card h2{margin:0;font:900 34px/1.15 var(--round)}.age-card>small{display:block;margin:14px 0 24px;color:var(--muted)}.age-card .primary-cta{width:100%}.age-card>a{display:block;margin-top:16px;font-size:8px;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:120;background:rgba(45,34,55,.72);backdrop-filter:blur(13px);overflow:auto;padding:45px 20px}.modal-close{position:fixed;right:20px;top:16px;z-index:3;width:43px;height:43px;border:0;border-radius:15px;background:#fff;color:var(--pink-dark);font-size:24px;box-shadow:var(--shadow)}.detail-shell{max-width:980px;margin:auto;display:grid;grid-template-columns:360px 1fr;min-height:630px;border-radius:28px;background:var(--surface);overflow:hidden;box-shadow:0 28px 80px rgba(42,28,53,.32)}.detail-cover{min-height:630px;background:var(--cover);background-color:#e8def0;position:relative}.detail-cover:before{content:'';position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(48,34,58,.72))}.detail-cover[data-cover="false"]:after{content:attr(data-glyph);position:absolute;right:20px;bottom:30px;color:#fff;font:900 140px var(--round)}.detail-cover .cover-title{bottom:28px;font-size:31px}.detail-info{padding:40px}.detail-info .tags{display:flex;flex-wrap:wrap;gap:5px}.detail-info .tags span{padding:5px 8px;border-radius:99px;background:var(--surface-2);color:var(--pink-dark);font-size:7px;font-weight:800}.detail-info h2{margin:20px 0 8px;font:900 42px/.98 var(--round);letter-spacing:-.04em}.detail-info .author,.detail-info .summary{color:var(--muted)}.detail-info .summary{font-size:11px}.detail-actions{display:flex;gap:10px;margin:25px 0}.primary-button,.secondary-button{min-height:48px;border:0;border-radius:15px;padding:0 16px;font-size:9px;font-weight:900}.primary-button{display:inline-flex;align-items:center;gap:18px;background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#fff;text-decoration:none}.secondary-button{background:var(--lavender-soft);color:var(--lavender)}.chapters h3{font:900 21px var(--round)}.chapters h3 small{color:var(--pink);font-size:10px}.chapter-item{width:100%;display:flex;justify-content:space-between;padding:11px 5px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:9px}.chapter-item:hover{background:var(--surface-2)}.chapter-item span{color:var(--muted)}.detail-loading{grid-column:1/-1;display:grid;place-items:center;min-height:620px;font:900 27px var(--round);color:var(--lavender)}
.reader{position:fixed;inset:0;z-index:150;background:#211c28;color:#fff;overflow:auto}.reader.paper{background:#fff8fc;color:var(--ink)}.reader-bar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:3;background:rgba(40,32,48,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.reader-bar button{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08);color:#fff}.reader-bar div{text-align:center}.reader-bar strong,.reader-bar small{display:block}.reader-bar strong{font:800 11px var(--round)}.reader-bar small{color:#bfb2c5;font-size:7px}.reader-progress{position:fixed;top:64px;left:0;right:0;height:3px;z-index:5}.reader-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--lavender))}.reader-pages{max-width:820px;margin:12px auto}.comic-source-page{display:block;width:100%;height:auto;min-height:120px;margin:0 auto 7px;background:#312a38}.reader-nav{max-width:820px;margin:25px auto 70px;display:flex;justify-content:space-between}.reader-nav button{border:1px solid currentColor;border-radius:13px;background:none;color:inherit;padding:11px 15px;font-size:8px;font-weight:800}.toast{position:fixed;right:18px;bottom:18px;z-index:230;padding:12px 17px;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 14px 40px rgba(60,42,70,.25);font-size:9px;font-weight:800;transform:translateY(100px);transition:.25s}.toast.show{transform:translateY(0)}

@media(max-width:980px){.main-nav{display:none;position:absolute;left:15px;right:15px;top:72px;padding:10px;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-button{display:grid}.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:54px}.speech-card{right:0}.category-shortcuts{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:1fr 1fr}.genre-widget{grid-column:1/-1}.daily-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.header-inner{height:68px;padding:0 14px;gap:12px}.brand-copy strong,.brand-copy b{font-size:19px}.brand-copy small{font-size:5px}.brand-mascot{width:39px;height:39px}.header-actions{margin-left:auto}.round-action{width:36px;height:36px}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:48px 17px 0}.hero-copy{padding-bottom:10px}.kicker{font-size:7px}.hero h1{font-size:48px}.hero-copy>p{font-size:12px}.hero-search{height:54px}.hero-stats{gap:20px}.hero-stats strong{font-size:19px}.hero-visual{height:510px}.hero-visual img{height:515px}.character-halo{width:340px;height:340px;top:85px}.speech-card{top:70px;right:0}.sticker-one{left:0;bottom:90px}.category-shortcuts{grid-template-columns:repeat(2,1fr);padding:0 15px;margin-top:5px}.category-shortcuts button:last-child{grid-column:1/-1}.home-section{padding:68px 15px}.section-heading h2{font-size:26px}.section-icon{width:45px;height:45px}.featured-card{flex-basis:162px}.featured-cover{height:226px}.daily{padding:65px 15px}.daily-grid{grid-template-columns:1fr}.content-layout{padding:72px 15px}.catalog-tools{justify-content:stretch}.catalog-tools>*{flex:1}.filter-panel{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(2,1fr);gap:29px 11px}.story-cover{border-radius:16px}.cover-title{font-size:14px}.home-sidebar{grid-template-columns:1fr}.genre-widget{grid-column:auto}.reading-banner{margin:0 15px 70px;padding:50px 20px}.reading-banner h2{font-size:34px}.benefit-row{flex-direction:column;align-items:center;gap:10px}.detail-shell{display:block}.detail-cover{min-height:430px}.detail-info{padding:26px 19px}.detail-info h2{font-size:34px}.modal{padding:45px 0 0}.modal-close{right:10px;top:8px}.reader-pages{margin:5px auto}.reader-nav{padding:0 10px}footer{padding:30px 15px;flex-direction:column;gap:20px;text-align:center}.footer-brand{display:none}.age-card{padding:38px 24px}.age-card h2{font-size:29px}}

/* Navigation: persistent search and visible primary links. */
.site-header{isolation:isolate}
.header-inner{display:grid;grid-template-columns:auto minmax(200px,1fr) auto;gap:28px;height:84px}
.header-search{display:flex;align-items:center;gap:12px;min-width:0;padding:5px 6px 5px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.header-search>span{font-size:25px;color:var(--pink);line-height:1}
.header-search input{min-width:0;width:100%;height:36px;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px}
.header-search:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,59,141,.13)}
.header-search button{align-self:stretch;flex-shrink:0;border:0;border-radius:8px;padding:0 19px;background:var(--pink-dark);color:white;font-weight:700;font-size:13px}
.site-header .main-nav{position:static;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;height:51px;max-width:var(--max);margin:0 auto;padding:0 24px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;overflow-x:auto;scrollbar-width:none}
.site-header .main-nav::-webkit-scrollbar{display:none}
.site-header .main-nav a,.site-header .main-nav button{flex:0 0 auto;white-space:nowrap;min-height:38px;padding:8px 18px;border-radius:8px;font-size:13px;text-transform:none;letter-spacing:0}
.site-header .genre-drawer{position:absolute;top:100%;left:max(16px,calc((100vw - var(--max))/2));right:max(16px,calc((100vw - var(--max))/2));max-height:min(480px,60dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.genre-drawer .genre-drawer-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}
.genre-drawer-heading strong{font-size:14px}.genre-drawer-heading button{width:36px;height:36px;text-align:center;padding:0;font-size:25px}
.genre-drawer #navGenres{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:16px}
.genre-drawer #navGenres button{font-size:12px;min-height:40px}
html{scroll-padding-top:165px}
@media(max-width:980px){.header-inner{grid-template-columns:auto minmax(140px,1fr) auto;gap:16px}.site-header .main-nav{top:auto;left:auto;right:auto}.site-header .menu-button{display:none}}
@media(max-width:650px){.header-inner{height:auto;min-height:124px;padding:12px 16px;grid-template-columns:1fr auto;gap:12px}.header-search{grid-column:1/-1;grid-row:2}.header-search input{height:33px;font-size:13px}.header-search button{padding:0 18px}.header-actions{margin-left:0}.site-header .main-nav{padding:0 12px;gap:2px;height:48px}.site-header .main-nav a,.site-header .main-nav button{padding:8px 13px;font-size:12px}.genre-drawer #navGenres{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .genre-drawer{left:12px;right:12px;max-height:55dvh}html{scroll-padding-top:190px}.hero-inner{padding-top:30px}}

/* Reading and discovery usability */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff80b5;outline-offset:3px}
button:disabled{opacity:.4;cursor:not-allowed}
.header-search{position:relative}
.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 15px 40px #0006;overflow:hidden;z-index:6}
.search-suggestions button{display:block;width:100%;min-height:54px;padding:10px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;color:var(--ink)}
.search-suggestions button:hover{background:var(--surface-2)}.search-suggestions strong{display:block;font-size:13px;line-height:1.4}.search-suggestions small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.header-actions .round-action{width:auto;min-width:43px;display:flex;gap:6px;padding:0 10px}.round-action b{font-size:11px;white-space:nowrap;font-weight:600}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.active-filters button{padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);font-size:12px}.active-filters span{margin-left:7px;color:var(--pink)}
.catalog-status{color:var(--muted);font-size:13px;margin:12px 0 22px}.filter-group select{width:100%;display:block;margin-top:8px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--ink);background:var(--surface)}
.filter-group>span{font-size:12px}.chips .chip{font-size:12px;min-height:40px}.filter-panel{grid-template-columns:1fr 1fr;max-height:280px;overflow:auto}
.story-card .save-button{opacity:1;min-width:40px;min-height:40px}.story-card .cover-title{display:none}.story-info h3{font-size:16px;line-height:1.45}.story-info p{font-size:11px;line-height:1.5}.story-stats{font-size:12px;align-items:center;gap:6px}.story-stats .continue-link{border:0;background:none;color:var(--pink);padding:8px 0;font-size:12px}
.reading-badge{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:8px;background:#281842e8;color:white;font-size:11px}
.cover-badge{font-size:10px}.featured-card>strong{font-size:15px}.featured-card>small,.featured-card>em{font-size:11px}.daily-card strong{font-size:14px}.daily-card em{font-size:11px}.rank-list strong,.mini-list strong{font-size:13px}.rank-list small,.mini-list small{font-size:11px}.genre-cloud button{font-size:12px;min-height:36px}
.detail-info h2{font-size:32px;line-height:1.18}.detail-info .summary{font-size:14px;line-height:1.8}.detail-info .tags span{font-size:11px}.detail-actions{flex-wrap:wrap}.primary-button,.secondary-button{font-size:13px;padding:12px 16px;line-height:1.5;min-height:46px}.chapter-search{position:sticky;top:0;z-index:1;width:100%;min-height:44px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.chapter-item{font-size:13px;min-height:48px;align-items:center;gap:10px}.chapter-item span{font-size:12px}.detail-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;text-align:center}
.reader-toolbar{position:sticky;top:66px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:#1b1020;color:#fff;border-bottom:1px solid #442439}.reader-toolbar button{min-width:40px;min-height:38px;border:1px solid #66415b;border-radius:8px;background:#2b1830;color:white}.reader-toolbar select{min-width:0;max-width:430px;flex:1;min-height:38px;padding:8px;border:1px solid #66415b;background:#2b1830;color:white;border-radius:8px;font-size:13px}.reader-bar strong{font-size:14px}.reader-bar small{font-size:12px}.reader-bar div{max-width:70%}.reader-bar strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-progress{top:64px}.reader-page{margin:0 0 12px}.reader-page figcaption{font-size:11px;text-align:center;color:#b59eaf;padding:6px}.reader-nav button{font-size:13px;min-height:44px}.image-retry{display:block;width:100%;min-height:150px;padding:20px;background:#302033;color:#fff;border:1px dashed #9c688f;font-size:14px}.reader.paper{background:#f7f0e8;color:#302238}
.browsing .hero,.browsing .category-shortcuts,.browsing .featured,.browsing .daily,.browsing .reading-banner{display:none}.browsing .content-layout{padding-top:30px}
@media(max-width:650px){.header-actions .round-action{padding:0 8px;min-width:36px}.header-actions .round-action b{display:none}.hero-inner{min-height:0}.hero-visual{height:300px!important}.hero-visual img{height:310px!important}.character-halo{width:240px;height:240px;top:30px}.speech-card{display:none}.hero-stats{margin-top:20px}.content-layout{padding-top:40px}.catalog-heading{align-items:flex-start;gap:8px}.catalog-heading h2{font-size:23px;line-height:1.25}.catalog-heading>p{font-size:11px;white-space:nowrap}.story-info h3{font-size:14px}.story-info p{font-size:10px}.story-stats{flex-wrap:wrap;font-size:11px}.home-sidebar{gap:16px}.filter-panel{grid-template-columns:1fr}.reader-toolbar{gap:6px}.reader-toolbar span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Velvet After Dark — mature anime lounge */
body{background:radial-gradient(circle at 75% 5%,rgba(122,27,94,.2),transparent 34%),linear-gradient(180deg,#10070f,#170914 42%,#10070f);background-attachment:fixed}
body.light{--bg:#fff4f7;--surface:#fff;--surface-2:#ffe8f0;--ink:#42172e;--muted:#8e667b;--line:#f1ccdc;--shadow:0 14px 40px rgba(116,41,78,.12);background:#fff4f7}
.sky-decor span:nth-child(1){background:#8f194c;opacity:.16}.sky-decor span:nth-child(2){background:#51168d;opacity:.18}.sky-decor span:nth-child(3){background:#ff2c76;opacity:.12}
.site-header{background:rgba(17,8,16,.86);border-bottom-color:rgba(255,55,139,.18)}body.light .site-header{background:rgba(255,244,247,.9)}
.brand-mascot{background:linear-gradient(135deg,#ff236f,#8e28e8);box-shadow:0 8px 24px rgba(255,35,111,.32)}.brand-copy strong{color:#fff}.brand-copy b{color:var(--pink)}body.light .brand-copy strong{color:#4c1832}.brand-copy small{color:#c9a5b7}
.main-nav a:hover,.main-nav button:hover,.main-nav .active{background:rgba(255,50,127,.12);color:#ff75ad}.round-action,.menu-button{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.11);box-shadow:none}.round-action span{color:#ff70aa}
.genre-drawer{background:rgba(23,9,20,.98);border-bottom-color:#54203f}.genre-drawer button:hover{background:#351228;color:#ff6cae}
.hero{background:radial-gradient(circle at 78% 38%,rgba(255,35,111,.2),transparent 28%),radial-gradient(circle at 58% 5%,rgba(155,58,255,.2),transparent 31%),linear-gradient(145deg,#120711 0%,#1b0917 45%,#240a22 100%)}body.light .hero{background:linear-gradient(145deg,#fff4f7,#ffe9f1 55%,#f3e7ff)}
.kicker{background:rgba(255,255,255,.06);border-color:rgba(255,93,153,.25);color:#d9acbf;box-shadow:0 8px 28px rgba(0,0,0,.2)}body.light .kicker{background:#fff;color:#86556c}.kicker span{background:#ff216e}
.hero h1{font-size:clamp(58px,6.6vw,94px);text-shadow:0 10px 35px rgba(0,0,0,.3)}.hero h1 em{background:linear-gradient(90deg,#ff377f,#cc4cff 72%,#ff7dad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{color:#c29eaf}.hero-search{background:rgba(255,255,255,.075);border-color:rgba(255,90,151,.3);box-shadow:0 14px 42px rgba(0,0,0,.24)}body.light .hero-search{background:#fff}.hero-search input::placeholder{color:#9e788b}.primary-cta{background:linear-gradient(135deg,#ff216e,#b129ed);box-shadow:0 12px 28px rgba(255,33,110,.28)}.soft-cta{background:rgba(255,255,255,.06);color:#ff79b1;border-color:rgba(255,255,255,.12)}.hero-stats span{padding-left:14px;border-left:1px solid rgba(255,255,255,.14)}.hero-stats strong{color:#fff}body.light .hero-stats strong{color:#42172e}.hero-stats small{color:#b98ba2}
.character-halo{background:radial-gradient(circle at 50% 45%,#a52d67 0,#591445 48%,#26102e 72%);border-color:rgba(255,71,139,.18);box-shadow:0 0 80px rgba(255,28,113,.22),0 0 0 1px rgba(255,110,167,.22)}.hero-visual img{filter:drop-shadow(0 20px 34px rgba(0,0,0,.42)) saturate(1.08)}.speech-card{background:rgba(28,10,23,.94);color:#fff;border:1px solid #612446;box-shadow:0 18px 50px rgba(0,0,0,.3)}.speech-card small{color:#c89aae}.speech-card>span{color:#ff3b8d}.sticker-one{background:linear-gradient(135deg,#a333dc,#54118b)}.sticker-two{background:linear-gradient(135deg,#ff236f,#ad174f)}.blob-one{background:#8f1649}.blob-two{background:#6a1984}.hero-wave{background:var(--bg);opacity:.92}
.category-shortcuts button{background:linear-gradient(145deg,#1d0d1c,#251020);border-color:#452039}.category-shortcuts button:hover{border-color:#ff3b8d;box-shadow:0 14px 34px rgba(255,42,122,.17)}body.light .category-shortcuts button{background:#fff}.category-shortcuts span,.category-shortcuts button:nth-child(n) span{background:#351128;color:#ff63a0}.category-shortcuts button:nth-child(2) span{background:#29113f;color:#c76cff}.category-shortcuts button:nth-child(3) span{background:#3a122b;color:#ff72ae}.category-shortcuts button:nth-child(4) span{background:#362411;color:#ffd08a}.category-shortcuts button:nth-child(5) span{background:#261438;color:#c66cff}
.section-icon.pink{background:#3b122d;color:#ff4f94}.section-icon.yellow{background:#39260f;color:#ffd08a}.section-icon.lavender{background:#2d1741;color:#bb69ff}.section-heading p{color:#ff70a9}.carousel-actions button{background:#21101f;border-color:#472039;color:#ff67a2}.carousel-actions button:hover{background:#ff2e7d;color:#fff}
.featured-cover{background-color:#351a31;box-shadow:0 16px 36px rgba(0,0,0,.3)}.featured-card:hover .featured-cover{box-shadow:0 20px 42px rgba(255,34,116,.25)}.featured-cover span{background:rgba(23,7,20,.9);color:#ff7aaf}.featured-cover b{background:linear-gradient(135deg,#ff236f,#b226dc)}
.daily{background:radial-gradient(circle at 15% 50%,rgba(255,39,115,.22),transparent 35%),linear-gradient(135deg,#220b20,#3e0d32 50%,#30104b)}.daily-card{background:rgba(255,255,255,.055);border-color:rgba(255,107,166,.16)}.daily-card:hover{background:rgba(255,61,137,.14)}.daily-cover{background-color:#36172f}.live-pill i{background:#ff4e97}
.catalog-heading{border-bottom-color:#3d1b32}.catalog-heading>p{background:#301125;color:#ff69a5}.filter-toggle,.sort-select{background:#1b0d1a;border-color:#472039}.sort-select select{background:#2a1425;color:#fff}.filter-panel{background:#1b0d1a;border-color:#472039}.chip{background:#291322;border-color:#4b213b;color:#ba92a7}.chip.active{background:linear-gradient(135deg,#ff216e,#9f2de7);border-color:transparent}
.story-cover{background-color:#32172e;box-shadow:0 14px 32px rgba(0,0,0,.28)}.story-card:hover .story-cover{box-shadow:0 19px 40px rgba(255,36,119,.23)}.cover-issue{background:rgba(25,8,20,.9);color:#ff75ad}.cover-badge{background:linear-gradient(135deg,#ff216e,#b32cd9)}.save-button{background:rgba(24,8,20,.88);color:#ff5da0}.save-button.saved{background:#ff276f}.story-info p{color:#ff6da8}.rating{color:#c66cff}.load-more{background:linear-gradient(135deg,#ff216e,#912ce0)}
.sidebar-widget{background:#1a0d19;border-color:#432038}.widget-title{background:linear-gradient(135deg,#2c1025,#281335)}.widget-title>span{background:#43152f;color:#ff61a0}.widget-title small{color:#ff62a1}.mini-list button:hover,.rank-list button:hover{background:#2a1224}.rank-list button>span{background:#2e173f;color:#c56bff}.rank-list button:nth-child(-n+3)>span{background:#42142e;color:#ff6ca8}.genre-cloud button{background:#2b1324;color:#c099ad}.genre-cloud button:hover{background:#ff2877;color:#fff}
.reading-banner{background:radial-gradient(circle at 50% 0,rgba(255,44,122,.18),transparent 42%),linear-gradient(135deg,#210b1d,#30102c 54%,#251039);border-color:#4b1e3b;box-shadow:0 26px 70px rgba(0,0,0,.25)}.reading-banner:before,.reading-banner:after{background:rgba(255,46,124,.07)}.reading-banner>p{color:#ff6ba5}.reading-banner h2 em{color:#c966ff}.benefit-row b{background:#3b142d;color:#ff6da5}
footer{border-top-color:#3d1b32}.age-gate{background:rgba(10,3,9,.84)}.age-card{background:linear-gradient(145deg,#1d0d1c,#2a1024);border:1px solid #55203f;box-shadow:0 30px 90px rgba(0,0,0,.5)}.age-badge{background:linear-gradient(135deg,#ff216e,#9b2ae1)}.age-stars{color:#ff77ae}.age-card>p{color:#ff68a3}.modal{background:rgba(8,3,8,.86)}.detail-shell{background:#1a0d19}.detail-cover{background-color:#36172f}.detail-info .tags span{background:#321429;color:#ff6ca6}.secondary-button{background:#321641;color:#c66cff}.chapter-item:hover{background:#2b1225}.modal-close{background:#2a1024;color:#ff6aa4}.reader{background:#090408}.reader-bar{background:rgba(15,5,13,.94)}.toast{background:#2a1024;border:1px solid #53203f}
@media(max-width:650px){.hero h1{font-size:52px}.hero-visual{height:535px}.hero-visual img{height:540px}.speech-card{top:90px}.category-shortcuts button{background:#1d0d1c}.reading-banner{background:linear-gradient(135deg,#210b1d,#30102c)}}