:root{--bg:#fff;--surface:#f4f5f7;--surface2:#e9ebef;--text:#101114;--muted:#656a73;--line:#dfe2e7;--accent:#d7193f;--accent2:#ff315b;--nav:#ffffffd6;--shadow:0 18px 55px #11141b1c;--hero:#090b10;--heroText:#fff;--scrollbar-thumb:#c1c5cd;--scrollbar-track:#f4f5f7}html[data-theme=dark]{--bg:#08090c;--surface:#12141a;--surface2:#1b1e26;--text:#f7f8fa;--muted:#a1a6b0;--line:#252933;--nav:#08090cd6;--shadow:0 22px 65px #0000007a;--hero:#0c0e13;--scrollbar-thumb:#2d323f;--scrollbar-track:#12141a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;transition:background .25s,color .25s;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}body::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::selection{background:var(--accent);color:#fff}.shell{width:min(1440px,100%);margin:auto;padding-inline:clamp(20px,4vw,64px)}.nav{z-index:50;background:var(--nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent);height:68px;transition:background .25s;position:fixed;inset:0 0 auto}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-family:Newsreader,serif;font-size:21px;font-weight:500;display:flex}.mark{background:linear-gradient(145deg, var(--accent), #b31030);color:#fff;border-radius:6px;place-items:center;width:28px;height:28px;font-family:Newsreader,serif;font-size:15px;font-weight:600;display:grid;box-shadow:0 4px 12px #d7193f29}.links{color:var(--muted);gap:32px;font-size:13.5px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.links a{padding-block:4px;transition:color .2s;position:relative}.links a:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1.5px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.links a:hover,.links a.active{color:var(--text)}.links a:hover:after,.links a.active:after{transform-origin:0;transform:scaleX(1)}.nav-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:grid}.icon-btn:hover{border-color:var(--text);background:var(--surface2);transform:translateY(-1.5px)}.menu{display:none}.mobile-nav-overlay{background:var(--bg);z-index:49;border-top:1px solid var(--line);flex-direction:column;padding-top:68px;animation:.28s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:fixed;inset:0}.mobile-nav-brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:20px 24px 14px;display:flex}.mobile-nav-links{flex:1;padding:8px 0;overflow-y:auto}.mobile-nav-links a{color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);justify-content:space-between;align-items:center;padding:16px 24px;font-size:17px;font-weight:600;transition:color .2s,background .2s;display:flex}.mobile-nav-links a svg{opacity:.4;transition:opacity .2s,transform .2s}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--text);background:var(--surface)}.mobile-nav-links a:hover svg,.mobile-nav-links a.active svg{opacity:1;transform:translate(3px)}.mobile-nav-links a.active{border-left:3px solid var(--accent);padding-left:21px}.mobile-nav-footer{border-top:1px solid var(--line);padding:16px 24px}.mobile-theme-btn{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.mobile-theme-btn:hover{background:var(--surface2);border-color:var(--text)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.hero{--glow:215, 25, 63;--glow2:56, 73, 131;background:var(--hero);min-height:min(850px,92vh);color:var(--heroText);padding-top:76px;transition:background .8s;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 77% 36%, rgba(var(--glow), .42), transparent 27%), radial-gradient(circle at 64% 60%, rgba(var(--glow2), .32), transparent 33%), linear-gradient(90deg, #090b10 5%, #090b10e8 38%, #090b1047 74%, #090b10 100%);z-index:1;pointer-events:none;transition:background 1s;animation:9s ease-in-out infinite alternate heroBreath;position:absolute;inset:-10%}.hero:after{content:"";aspect-ratio:1;z-index:1;pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:46vw;animation:12s ease-in-out infinite orbitAndPulse;position:absolute;top:12%;right:4vw;box-shadow:0 0 0 60px #ffffff06,0 0 0 125px #ffffff05}.hero[data-slide="1"]{--glow:31, 91, 122;--glow2:21, 122, 100}.hero[data-slide="2"]{--glow:122, 46, 88;--glow2:54, 42, 102}@keyframes heroBreath{to{transform:scale(1.08)translate(-1%,1%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbitAndPulse{0%{transform:scale(.82)translate(0,0)}50%{transform:scale(1.18)translate(-35px,45px)}to{transform:scale(.82)translate(0,0)}}.hero-grid{z-index:2;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:6vw;min-height:calc(min(850px,92vh) - 76px);padding-block:72px;display:grid;position:relative}.hero-copybox,.feature-art{transition:opacity .35s,transform .45s}.hero.changing .hero-copybox{opacity:0;transform:translate(-22px)}.hero.changing .feature-art{opacity:0;transform:translate(28px)scale(.96)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#ffffffa3;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.eyebrow i{background:var(--accent2);width:34px;height:1px}.hero h1{letter-spacing:-.055em;max-width:850px;margin:24px 0 25px;font-family:Newsreader,serif;font-size:clamp(48px,6.5vw,94px);font-weight:500;line-height:.92}.hero h1 em{color:#ff4268;font-style:normal}.hero-copy{color:#ffffffb8;max-width:640px;font-size:clamp(15px,1.3vw,19px);line-height:1.75}.meta{flex-wrap:wrap;gap:9px;margin:28px 0;display:flex}.chip{background:#ffffff17;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:0;border-radius:11px;align-items:center;gap:10px;padding:14px 19px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#0b0d11;background:#fff}.btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff29}.hero-dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:30px;left:clamp(20px,4vw,64px)}.hero-dot{cursor:pointer;background:#ffffff40;border:0;border-radius:9px;width:26px;height:4px;padding:0;transition:all .3s}.hero-dot.active{background:#fff;width:52px}.feature-art{place-items:center;height:540px;display:grid;position:relative}.book{aspect-ratio:3/4.25;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(155deg,#182226,#07100f 48%,#132b28);border-radius:4px 18px 18px 4px;width:min(330px,75%);padding:38px;transition:background .5s;position:relative;overflow:hidden;transform:perspective(900px)rotateY(-8deg)rotate(3deg);box-shadow:-24px 30px 80px #00000094}.book:before{content:"";border:1px solid #ffffff2e;border-radius:50%;width:230px;height:230px;position:absolute;bottom:40px;right:-65px;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.book small{text-transform:uppercase;letter-spacing:.25em;color:#ffffff94;font-size:9px}.book h2{margin:42px 0 0;font-family:Newsreader,serif;font-size:38px;font-weight:500;line-height:1.04;position:relative}.book .edition{letter-spacing:.17em;text-transform:uppercase;font-size:10px;position:absolute;bottom:34px;left:38px}.book.book-mountain{background:linear-gradient(155deg,#262d39f7,#090c12fa 50%,#1f2732f5)}.book.book-window{background:linear-gradient(155deg,#301d34f7,#0f0a14fa 50%,#371d2bf5)}.float-note{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#ffffffb8;z-index:3;background:#ffffff1a;border:1px solid #ffffff24;border-radius:13px;width:190px;padding:16px;font-size:11px;line-height:1.5;animation:4.8s ease-in-out infinite noteFloat;position:absolute;bottom:58px;right:2%}.hero-bg{z-index:0;opacity:.62;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .45s,background-image .2s,transform 7s;position:absolute;inset:0;transform:scale(1.025)}.hero-bg.bg-dawn{background-image:url(/assets/hero-dawn.png)}.hero-bg.bg-mountain{background-image:url(/assets/hero-mountain.png)}.hero-bg.bg-window{background-image:url(/assets/hero-window.png)}.hero.changing .hero-bg{opacity:.15;transform:scale(1.055)}@keyframes bookPulse{0%,to{opacity:.62;transform:scale(.96);box-shadow:0 0 0 28px #ffffff06,0 0 0 58px #ffffff04}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 42px #ffffff0a,0 0 0 84px #ffffff06}}@keyframes noteFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}main{overflow:hidden}.section{padding-block:clamp(64px,8vw,112px)}.section.alt{background:var(--surface);transition:background .25s}.heading-row{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px;display:flex}.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin-bottom:9px;font-size:10px;font-weight:800}.heading-row h2{letter-spacing:-.055em;margin:0;font-size:clamp(27px,3vw,42px);line-height:1.08}.see-all{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}.see-all:hover{color:var(--accent)}.rail-outer{scrollbar-width:none;margin:-18px 0 -28px;padding:18px 4px 28px;overflow:auto visible}.rail-outer::-webkit-scrollbar{display:none}.rail{scroll-snap-type:x mandatory;grid-auto-columns:minmax(280px,24%);grid-auto-flow:column;gap:20px;min-width:max-content;display:grid}.card{scroll-snap-align:start;color:#fff;background:#111418;border-radius:20px;flex-direction:column;min-height:370px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001f,0 8px 24px -4px #00000038}.card:hover{box-shadow:0 4px 8px #00000029, 0 20px 48px -8px #00000061, 0 0 0 1px #ffffff0f, 0 32px 64px -16px var(--card-glow,#ffffff14);transform:translateY(-8px)scale(1.02)}.card-bg{background:var(--card);background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.card:hover .card-bg{transform:scale(1.06)}.card-bg:after{content:"";background:linear-gradient(170deg,#00000014 0%,#0000004d 40%,#000000eb 100%);position:absolute;inset:0}.card:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);position:absolute;inset:0;transform:translate(-100%)skew(-15deg)}.card:hover:before{animation:.65s forwards shimmerSlide}.card-badge{z-index:4;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:18px;left:18px}.card-badge--editor{color:#fff;background:#f59e0be0}.card-badge--populer{color:#fff;background:#ef4444e0}.card-badge--baru{color:#fff;background:#6366f1e6}.card-badge--terbit{color:#fff;background:#10b981e0}.card-badge--selesai{color:#fff;background:#64748bd1}.orb{z-index:1;border:1px solid #ffffff24;border-radius:50%;width:200px;height:200px;animation:7s ease-in-out infinite orbDrift;position:absolute;top:18px;right:-60px;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff03}.card:nth-child(2n) .orb{animation-duration:8.5s;animation-delay:-2.4s}.card:nth-child(3n) .orb{animation-duration:6.5s;animation-delay:-4s}.card:hover .orb{animation-duration:3.2s}.card-content{z-index:2;padding:0;position:absolute;inset:auto 0 0}.card-footer{background:linear-gradient(#0000 0%,#000000b8 100%);padding:20px 22px}.card-tag{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-bottom:8px;font-size:9px}.card h3{letter-spacing:-.02em;color:#fff;margin:0 0 14px;font-family:Newsreader,serif;font-size:24px;font-weight:500;line-height:1.1}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-meta-chip{color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;display:inline-flex}.card-meta-chip--live{color:#4ade80;background:#4ade801f;border-color:#4ade8040}@keyframes orbDrift{0%,to{transform:translate(0,0)scale(.92)}35%{transform:translate(-24px,16px)scale(1.08)}70%{transform:translate(9px,33px)scale(.98)}}@keyframes shimmerSlide{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(250%)skew(-15deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--glow,#d7193f80)}50%{box-shadow:0 0 0 10px #0000}}@keyframes progressFill{0%{width:0%}}.continue{grid-template-columns:1fr 1fr;gap:20px;display:grid}.progress-card{border-radius:22px;min-height:230px;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000002e}.progress-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 20px 50px #0000004d}.progress-visual{background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.progress-card:hover .progress-visual{transform:scale(1.06)}.progress-overlay{background:linear-gradient(160deg,#00000026 0%,#00000073 45%,#000000d1 100%);position:absolute;inset:0}.progress-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);position:absolute;inset:0;transform:translate(-100%)skew(-15deg)}.progress-card:hover:after{animation:.7s forwards shimmerSlide}.progress-body{z-index:2;color:#fff;flex-direction:column;justify-content:flex-end;min-height:230px;padding:26px 28px;display:flex;position:relative}.progress-label{letter-spacing:.22em;text-transform:uppercase;color:#ffffffbf;margin-bottom:8px;font-size:9px;font-weight:800}.progress-card h3{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-family:Newsreader,serif;font-size:20px;font-weight:500;line-height:1.2}.progress-card p{color:#ffffffa6;margin:0 0 18px;font-size:12px;line-height:1.5}.progress-bottom{align-items:center;gap:12px;display:flex}.progress{background:#fff3;border-radius:99px;flex:1;height:3px;overflow:hidden}.progress span{background:#fff;border-radius:99px;height:100%;animation:1s cubic-bezier(.16,1,.3,1) both progressFill;display:block}.percent{color:#ffffffd9;white-space:nowrap;font-size:11px;font-weight:800}.resume{color:#111;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11px;transition:transform .25s,box-shadow .25s;animation:2.5s ease-in-out infinite pulseGlow;display:grid}.progress-card:hover .resume{animation:none;transform:scale(1.18);box-shadow:0 0 0 8px #ffffff2e}.serial-no{z-index:2;color:#ffffff2e;letter-spacing:-.04em;pointer-events:none;font-family:Newsreader,serif;font-size:56px;font-weight:500;line-height:1;transition:color .3s;position:absolute;top:22px;left:24px}.progress-card:hover .serial-no{color:#ffffff47}.quote{--quote1:#d7193f;--quote2:#7d0021;background:linear-gradient(135deg, var(--quote1), var(--quote2));color:#fff;border-radius:22px;padding:clamp(32px,5vw,68px);transition:background .7s;position:relative;overflow:hidden}.quote:after{content:"“";color:#ffffff1a;pointer-events:none;font-family:Newsreader,serif;font-size:260px;animation:7s ease-in-out infinite quoteMark;position:absolute;top:-38px;right:5%}.quote-inner{transition:opacity .3s,transform .4s}.quote.changing .quote-inner{opacity:0;transform:translateY(18px)}.quote p{letter-spacing:-.045em;z-index:1;max-width:1100px;margin:0;font-family:Newsreader,serif;font-size:clamp(30px,4.7vw,70px);line-height:1.03;position:relative}.quote footer{letter-spacing:.2em;text-transform:uppercase;color:#ffffffa6;margin-top:28px;font-size:10px}.quote-controls{z-index:3;gap:8px;display:flex;position:absolute;bottom:clamp(25px,4vw,52px);right:clamp(25px,5vw,68px)}.quote-dot{cursor:pointer;background:#ffffff52;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.quote-dot.active{background:#fff;border-radius:8px;width:26px}@keyframes quoteMark{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translate(-16px,13px)rotate(3deg)}}.episodes{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.episode{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr auto auto;align-items:center;gap:18px;padding:25px 18px;transition:all .22s;display:grid;position:relative}.episode:nth-child(odd){border-right:1px solid var(--line)}.episode:hover{background:var(--surface);padding-left:25px}.episode-no{color:var(--muted);font-family:Newsreader,serif;font-size:32px}.episode-series{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px;font-size:9px;font-weight:800}.episode h3{letter-spacing:-.035em;margin:0;font-size:15px;line-height:1.35}.episode-meta{text-align:right;color:var(--muted);font-size:10px;line-height:1.8}.episode-play{background:var(--text);width:34px;height:34px;color:var(--bg);border-radius:50%;place-items:center;margin-left:auto;font-size:10px;display:grid}@keyframes marqueeLeft{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0,0)}}.topics-marquee-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.topics-marquee-row{will-change:transform;gap:16px;width:max-content;padding-block:10px;display:flex}.topics-marquee-row--left{animation:52s linear infinite marqueeLeft}.topics-marquee-row--right{margin-top:0;animation:58s linear infinite marqueeRight}.topics-marquee-wrap:hover .topics-marquee-row--left,.topics-marquee-wrap:hover .topics-marquee-row--right{animation-play-state:paused}.topic{background:var(--surface);border:1px solid var(--line);width:300px;height:170px;color:var(--text);cursor:pointer;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:22px 24px;text-decoration:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .4s;display:flex;position:relative;overflow:hidden}@media (width<=640px){.topic{width:252px;height:155px;padding:18px 20px}}.topic-card-glow{background:radial-gradient(circle at 100% 0%, var(--tone), transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.topic:hover{border-color:var(--theme-color);transform:translateY(-5px)scale(1.02);box-shadow:0 16px 40px #00000029}.topic:hover .topic-card-glow{opacity:1}.topic-header{justify-content:space-between;align-items:center;display:flex}.topic-index{color:var(--muted);font-family:Newsreader,serif;font-size:24px;font-weight:500;transition:color .3s}.topic:hover .topic-index{color:var(--theme-color)}.topic-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:var(--bg);border-radius:99px;padding:3px 9px;font-size:8px;font-weight:800}.topic-name{color:var(--text);margin:0 0 4px;font-family:Newsreader,serif;font-size:20px;font-weight:500}.topic-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.topic-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.topic-count{color:var(--muted);font-size:10px}.topic-go{letter-spacing:.1em;text-transform:uppercase;color:var(--theme-color);align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.topic-go-arrow{font-size:13px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.topic:hover .topic-go-arrow{transform:translate(4px)}.footer{color:#ffffffd1;background:#090b0e;border-top:1px solid #ffffff14;margin-top:80px}.footer-inner{padding-top:56px;padding-bottom:32px}.footer-grid{border-bottom:1px solid #ffffff14;grid-template-columns:2.2fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-brand{color:#fffffff2!important}.footer-tagline{color:#ffffff73;max-width:360px;margin:14px 0 22px;font-size:13px;line-height:1.7}.footer-social{flex-wrap:wrap;gap:10px;display:flex}.footer-social-btn{color:#ffffffbf;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:7px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.footer-social-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.footer-heading{letter-spacing:.18em;text-transform:uppercase;color:#ffffff59;margin:0 0 16px;font-size:10px;font-weight:800}.footer-links{flex-direction:column;gap:4px;display:flex}.footer-links a{color:#ffffff8c;padding:4px 0;font-size:13.5px;text-decoration:none;transition:color .2s,transform .2s;display:block}.footer-links a:hover{color:#fff;transform:translate(3px)}.footer-bottom{color:#ffffff4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:11.5px;display:flex}.footer-bottom-tagline{font-style:italic}@media (width<=768px){.footer-inner{padding-top:44px;padding-bottom:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px;padding-bottom:32px}.footer-brand-col{grid-column:1/-1}.footer-tagline{max-width:100%}}@media (width<=480px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}.fade{opacity:0;transition:all .65s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.fade.in{opacity:1;transform:none}.intro{padding:140px 0 56px;position:relative;overflow:hidden}.intro:before{content:"";pointer-events:none;background:radial-gradient(circle,#d7193f0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;right:-180px}.intro:after{content:"";pointer-events:none;background:radial-gradient(circle,#d7193f0a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-60px;left:-80px}.crumb{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:20px;font-size:10px;font-weight:800;display:inline-flex}.crumb:before{content:"";background:var(--accent);border-radius:2px;width:20px;height:2px;display:inline-block}.intro h1{letter-spacing:-.06em;margin:0 0 28px;font-family:Newsreader,serif;font-size:clamp(54px,8.5vw,108px);line-height:.88}.intro p{max-width:620px;color:var(--muted);margin:0;font-size:15px;line-height:1.8}.intro-stats{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:0;width:max-content;margin-top:48px;display:flex;overflow:hidden}.stat{border-right:1px solid var(--line);padding:18px 32px;position:relative}.stat:last-child{border-right:0}.stat strong{letter-spacing:-.04em;color:var(--text);font-family:Newsreader,serif;font-size:36px;font-weight:500;line-height:1;display:block}.stat span{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:4px;font-size:9px;display:block}.toolbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);position:sticky;top:68px}.toolbar-inner{align-items:center;gap:12px;min-height:70px;display:flex}.search{border:1.5px solid var(--line);background:var(--surface);min-width:220px;max-width:340px;color:var(--text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;border-radius:12px;flex-shrink:0;padding:11px 16px 11px 40px;font-size:13px;transition:border-color .25s,box-shadow .25s}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);outline:none}.filters{scrollbar-width:none;flex:1;gap:6px;padding-block:2px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:11.5px;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1)}.filter:hover{border-color:var(--text);color:var(--text);background:var(--surface)}.filter.active{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:0 2px 8px #00000026}.featured-wrap{padding:40px 0 0}.featured{color:#fff;background:linear-gradient(120deg,#071311 0%,#0e3832 50%,#163f3a 100%);border:1px solid #ffffff12;border-radius:24px;grid-template-columns:1fr auto;min-height:380px;display:grid;position:relative;overflow:hidden}.featured:before{content:"";pointer-events:none;background:radial-gradient(at 80%,#2aa08c26 0%,#0000 60%);position:absolute;inset:0}.featured-copy{z-index:2;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,64px);display:flex;position:relative}.featured-label{letter-spacing:.19em;text-transform:uppercase;color:#4ecfc0;align-items:center;gap:8px;font-size:9px;font-weight:800;display:inline-flex}.featured-label:before{content:"";background:#4ecfc0;border-radius:50%;width:6px;height:6px;animation:2s infinite livePulse;display:inline-block}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.featured h2{letter-spacing:-.045em;color:#fff;margin:20px 0 16px;font-family:Newsreader,serif;font-size:clamp(36px,4.5vw,62px);line-height:.95}.featured>.featured-copy>p{color:#fff9;max-width:520px;margin:0;font-size:13px;line-height:1.75}.featured-meta{flex-wrap:wrap;gap:8px;margin:24px 0 28px;display:flex}.featured-meta span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:10px}.featured-btn{color:#101114;background:#fff;border-radius:12px;align-items:center;gap:8px;width:max-content;padding:14px 22px;font-size:12px;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.featured-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.featured-art{place-items:center;width:320px;display:grid;position:relative;overflow:hidden}.featured-ring{aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;width:min(260px,80%);animation:40s linear infinite spinSlow;box-shadow:0 0 0 36px #ffffff08,0 0 0 72px #ffffff04}@keyframes spinSlow{to{transform:rotate(360deg)}}.featured-num{color:#ffffffd9;letter-spacing:-.06em;font-family:Newsreader,serif;font-size:160px;line-height:1;position:absolute}.catalog{padding:64px 0 110px}.catalog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;margin-bottom:32px;padding-bottom:20px;display:flex}.catalog-head h2{letter-spacing:-.04em;margin:0;font-family:Newsreader,serif;font-size:32px;font-weight:500}.count{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:11px}.grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-card{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;display:flex;position:relative;overflow:hidden}.grid-card:hover{box-shadow:0 2px 4px #0000001a, 0 16px 40px -8px #00000038, 0 0 0 1px #ffffff14, 0 32px 64px -16px var(--card-glow,#0000001a);border-color:#0000;transform:translateY(-6px)}.art{background:#0d0f14;flex-shrink:0;height:205px;position:relative;overflow:hidden}.art-bg{background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.grid-card:hover .art-bg{transform:scale(1.08)}.art:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff0f 0%,#0000 50%),linear-gradient(#0000 30%,#0006 100%);position:absolute;inset:0}.art-orb{pointer-events:none;z-index:1;border:1px solid #ffffff26;border-radius:50%;width:150px;height:150px;animation:8s ease-in-out infinite orbDrift;position:absolute;top:-20px;right:-35px;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff04}.grid-card:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)skew(-15deg)}.grid-card:hover:after{animation:.7s forwards shimmerSlide}.art-no{color:#ffffffd9;letter-spacing:-.04em;z-index:2;font-family:Newsreader,serif;font-size:68px;line-height:1;position:absolute;bottom:8px;left:20px}.art-status{letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);color:#fff;z-index:2;border:1px solid #fff3;border-radius:99px;align-items:center;gap:5px;padding:5px 11px;font-size:8.5px;font-weight:800;display:inline-flex;position:absolute;top:14px;right:14px}.art-status-dot{background:#4ade80;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 6px #4ade80}.art-status--live{color:#86efac;background:#22c55e38;border-color:#4ade8059}.art-status--done{color:#ffffffe6;background:#ffffff1f}.art-status--soon{color:#fde68a;background:#fbbf2433;border-color:#fbbf2459}.grid-card-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.tag{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;width:max-content;margin-bottom:12px;padding:4px 10px;font-size:8.5px;font-weight:800;display:inline-flex}.grid-card h3{letter-spacing:-.03em;color:var(--text);flex:1;margin:0 0 10px;font-family:Newsreader,serif;font-size:26px;line-height:1.08}.grid-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 18px;font-size:12.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.grid-card-meta{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:14px;display:flex}.grid-card-meta-chip{color:var(--muted);background:var(--surface2,var(--surface));border:1px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.grid-card-meta-chip--highlight{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--accent);font-weight:700}.grid-card-meta-chip--edition{margin-left:auto;font-weight:700}.empty{text-align:center;color:var(--muted);padding:80px 0;font-size:15px}@media (width<=860px){.featured{grid-template-columns:1fr}.featured-art{display:none}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.grid{grid-template-columns:1fr;gap:20px}.art{height:185px}.grid-card-body{padding:18px 20px 20px}.grid-card h3{font-size:23px}.grid-card p{margin-bottom:14px;font-size:12px}.grid-card-meta{gap:5px;padding-top:12px}.grid-card-meta-chip{padding:3px 7.5px;font-size:9px}.grid-card-meta-chip--edition{margin-left:0}.toolbar-inner{flex-direction:column;align-items:stretch;gap:10px;min-height:auto;padding-block:12px}.search{width:100%;min-width:0;max-width:100%}}.reading-progress-bar{z-index:100;background:var(--accent);transform-origin:0;height:3px;transition:transform .1s linear;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.reading-content{color:var(--text);font-size:clamp(16px,1.1vw,18px);line-height:1.85}.reading-content p{margin-bottom:1.6rem}.reading-content p:first-of-type:first-letter{float:left;color:var(--accent);margin-top:.4rem;margin-right:.6rem;font-family:Newsreader,serif;font-size:3.75rem;font-weight:500;line-height:.9}.reading-content h2{letter-spacing:-.02em;color:var(--text);margin:2.5rem 0 1.2rem;font-family:Newsreader,serif;font-size:1.7rem;font-weight:500}.reading-content blockquote{border-left:2px solid var(--accent);color:var(--text);margin:2.5rem 0;padding:1.5rem 0 1.5rem 2rem;font-family:Newsreader,serif;font-size:1.4rem;font-style:italic;font-weight:400;line-height:1.4}.reader-container{max-width:720px;margin:0 auto;padding-inline:24px}.reader-header{border-bottom:1px solid var(--line);margin-bottom:36px;padding-top:40px;padding-bottom:28px}.reader-crumb{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;font-size:11px}.reader-crumb a{color:var(--muted);transition:color .2s}.reader-crumb a:hover{color:var(--text)}.reader-kicker{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:700}.reader-title{letter-spacing:-.02em;color:var(--text);margin-bottom:20px;font-family:Newsreader,serif;font-size:clamp(28px,4vw,44px);font-weight:500;line-height:1.12}.reader-meta-bar{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.reader-meta-dot{background:var(--muted);border-radius:50%;width:4px;height:4px}.reader-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-block:32px;display:flex}.reader-nav-btn{align-items:center;gap:14px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex}.reader-nav-btn.prev:hover{transform:translate(-4px)}.reader-nav-btn.next:hover{transform:translate(4px)}.reader-nav-icon{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;font-size:14px;transition:all .25s;display:grid}.reader-nav-btn:hover .reader-nav-icon{background:var(--text);color:var(--bg);border-color:var(--text)}.reader-nav-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.reader-nav-title{color:var(--text);margin-top:2px;font-size:14px;font-weight:600}.reader-index-box{border-top:1px solid var(--line);padding-block:40px}.reader-index-item{border-bottom:1px solid var(--line);border-radius:8px;align-items:center;gap:16px;margin-inline:-12px;padding:14px 12px;text-decoration:none;transition:background .2s,transform .2s;display:flex}.reader-index-item:hover{background:var(--surface2);transform:translate(4px)}.reader-index-num{width:28px;color:var(--muted);flex-shrink:0;font-family:Newsreader,serif;font-size:20px}.reader-index-item.active .reader-index-num{color:var(--accent);font-weight:600}.reader-index-title{color:var(--muted);flex-grow:1;font-size:14px}.reader-index-item.active .reader-index-title{color:var(--text);font-weight:600}.reader-index-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:99px;padding:3px 8px;font-size:9px;font-weight:700}.reader-ebook-box{border-top:1px solid var(--line);margin-bottom:40px;padding-block:40px}.reader-ebook-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex}@media (width<=600px){.reader-ebook-card{flex-direction:column;align-items:flex-start}}.reader-focused-shell{max-width:720px;margin:0 auto;padding:32px 24px 80px}.floating-reader-bar{z-index:40;background:var(--nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:99px;align-items:center;gap:20px;max-width:calc(100vw - 32px);padding:8px 16px 8px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000040}.floating-reader-info{white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex;overflow:hidden}.floating-reader-title{color:var(--text);text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.floating-reader-pct{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.floating-reader-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.reader-circle-fab{z-index:40;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:28px}@media (width>=768px){.reader-circle-fab{bottom:32px;right:40px}}.reader-circle-fab__ring{background:var(--nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border:none;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 6px 24px #00000047}.reader-circle-fab__ring:active{transform:scale(.93)}.reader-circle-fab__ring svg{width:100%;height:100%;position:absolute;inset:0}.reader-circle-fab__pct{z-index:1;color:var(--text);letter-spacing:-.5px;pointer-events:none;font-size:12px;font-weight:800;line-height:1;position:relative}@keyframes fabMorphIn{0%{opacity:.6;border-radius:50%;width:56px}40%{border-radius:50%;width:56px}to{opacity:1;border-radius:99px;width:200px}}@keyframes fabPillText{0%,40%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.reader-circle-fab__pill{background:var(--text);height:56px;color:var(--bg);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fabMorphIn;display:flex;overflow:hidden;box-shadow:0 8px 28px #00000059}.reader-circle-fab__pill span{animation:.5s cubic-bezier(.16,1,.3,1) .15s both fabPillText}.reader-circle-fab__pill svg{flex-shrink:0;animation:.5s cubic-bezier(.16,1,.3,1) .2s both fabPillText}.next-chapter-hero{background:linear-gradient(145deg, var(--surface), var(--surface2));border:1.5px solid var(--line);border-radius:20px;margin-top:56px;padding:36px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.next-chapter-hero:hover{border-color:var(--text);transform:translateY(-3px);box-shadow:0 16px 40px #0003}.next-chapter-hero:before{content:"";background:var(--accent);width:4px;height:100%;position:absolute;top:0;left:0}.next-chapter-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10px;font-weight:700}.next-chapter-title{color:var(--text);margin-bottom:12px;font-family:Newsreader,serif;font-size:clamp(24px,3vw,32px);font-weight:500;line-height:1.15}.next-chapter-teaser{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:24px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.next-chapter-btn{background:var(--text);color:var(--bg);border-radius:99px;align-items:center;gap:10px;padding:12px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.next-chapter-btn:hover{transform:translate(4px);box-shadow:0 6px 20px #00000040}@keyframes ebookFloat{0%,to{transform:perspective(1000px)rotateY(-16deg)rotateX(4deg)translate(0,0)}50%{transform:perspective(1000px)rotateY(-10deg)rotateX(1deg)translateY(-8px)}}@keyframes downloadPulse{0%,to{box-shadow:0 4px 15px #0003}50%{box-shadow:0 8px 25px var(--card-accent-glow,#d7193f73)}}.reader-ebook-showcase{background:linear-gradient(145deg, var(--surface), var(--surface2));border:1px solid var(--line);border-radius:20px;align-items:center;gap:36px;margin-top:56px;padding:36px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 12px 36px #0000001f}.reader-ebook-showcase:hover{border-color:var(--text);box-shadow:0 16px 45px #0003}@media (width<=600px){.reader-ebook-showcase{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}}.ebook-showcase-mockup{width:135px;height:180px;box-shadow:-14px 18px 36px #00000073, inset 4px 0 8px #ffffff40, 0 0 20px var(--card-accent-glow,#d7193f33);color:#fff;border-left:5px solid #ffffff59;border-radius:6px 12px 12px 6px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:16px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;animation:6s ease-in-out infinite ebookFloat;display:flex;position:relative;overflow:hidden}.reader-ebook-showcase:hover .ebook-showcase-mockup{box-shadow:-22px 30px 50px #0009, inset 4px 0 12px #ffffff59, 0 0 35px var(--card-accent-glow,#d7193f80);animation-play-state:paused;transform:perspective(1000px)rotateY(-2deg)rotateX(0)scale(1.08)translateY(-6px)}.ebook-showcase-mockup:after{content:"";background:linear-gradient(45deg,#0000 45%,#ffffff2e 50%,#0000 55%);width:200%;height:200%;transition:transform .75s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)translateY(-100%)}.reader-ebook-showcase:hover .ebook-showcase-mockup:after{transform:rotate(25deg)translateY(100%)}.download-pulse-btn{transition:transform .25s,background .25s;animation:3s ease-in-out infinite downloadPulse}.download-pulse-btn:hover{transform:scale(1.04)}.toc-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:55;background:#0009;justify-content:center;align-items:flex-end;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@media (width>=640px){.toc-drawer-overlay{align-items:center}}.toc-drawer-content{background:var(--bg);border:1px solid var(--line);border-radius:24px 24px 0 0;width:100%;max-width:580px;max-height:80vh;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 -10px 40px #0000004d}@media (width>=640px){.toc-drawer-content{border-radius:24px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reader-full-index-row{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:16px 20px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.reader-full-index-row:hover{background:var(--surface2);border-color:var(--text);transform:translate(4px)}.reader-full-index-row.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.reader-full-index-num{flex-shrink:0;width:28px;font-family:Newsreader,serif;font-size:22px;font-weight:500}.reader-full-index-title{color:var(--text);font-size:15px;font-weight:600}.reader-full-index-meta{color:var(--muted);margin-top:2px;font-size:11px}.reader-index-badge.read{border-color:var(--muted);color:var(--muted);background:var(--surface2)}.reader-index-arrow{color:var(--muted);font-size:16px;transition:transform .2s}.reader-full-index-row:hover .reader-index-arrow{color:var(--text);transform:translate(3px)}.mutiara-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.mutiara-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:250px;padding:30px;transition:all .25s;display:flex}.mutiara-card:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-4px)}.quote-icon{color:var(--accent);opacity:.5;font-family:Newsreader,serif;font-size:40px;line-height:1}.mutiara-card p{margin:15px 0 25px;font-family:Newsreader,serif;font-size:20px;font-weight:500;line-height:1.4}.mutiara-card footer{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:10px}.ebook-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.ebook-card{border:1px solid var(--line);background:var(--bg);border-radius:20px;transition:all .3s;display:flex;overflow:hidden}.ebook-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.ebook-cover{color:#fff;flex-direction:column;flex-shrink:0;justify-content:space-between;width:140px;padding:16px;display:flex;position:relative}.ebook-cover:after{content:"";background:linear-gradient(#0006 0%,#0000 30%,#000000b3 100%);position:absolute;inset:0}.ebook-cover-content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.ebook-cover small{letter-spacing:.15em;text-transform:uppercase;font-size:8px}.ebook-cover h3{margin:0;font-family:Newsreader,serif;font-size:15px;font-weight:500;line-height:1.15}.ebook-details{flex-direction:column;flex-grow:1;justify-content:space-between;padding:24px;display:flex}.ebook-details h3{margin:0 0 10px;font-family:Newsreader,serif;font-size:20px;line-height:1.25}.ebook-details p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.6}.ebook-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.ebook-meta-tag{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:9px}.ebook-btn{background:var(--text);color:var(--bg);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:800;transition:opacity .2s}.ebook-btn:hover{opacity:.9}.about-container{max-w:760px;margin:auto;padding-block:80px}.search-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090ceb;flex-direction:column;padding:100px 30px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.search-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:30px;right:30px}.search-box-wrap{flex-direction:column;gap:40px;width:min(800px,100%);margin:auto;display:flex}.search-input-big{color:#fff;background:0 0;border:0;border-bottom:2px solid #fff3;width:100%;padding-bottom:15px;font-family:Newsreader,serif;font-size:clamp(24px,4vw,44px);transition:border-color .3s}.search-input-big:focus{border-color:#fff;outline:none}.search-results{flex-direction:column;gap:15px;max-height:400px;padding-right:10px;display:flex;overflow-y:auto}.search-result-item{color:#fffc;border-bottom:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;transition:background .2s,color .2s;display:flex}.search-result-item:hover{color:#fff;background:#ffffff0d}.search-result-item h4{margin:0;font-size:16px;font-weight:600}.search-result-item p{color:#ffffff80;margin:5px 0 0;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=850px){.links{display:none}.menu{display:grid}.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:58px}.feature-art{height:420px}.book{width:250px}.float-note{bottom:28px;right:3%}.rail{grid-auto-columns:minmax(255px,60%)}.continue,.episodes{grid-template-columns:1fr}.episode:nth-child(odd){border-right:0}.topics{grid-template-columns:repeat(2,1fr)}.toolbar{top:76px}.featured{grid-template-columns:1fr;min-height:0}.featured-art{display:none}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.nav{height:66px}.mobile-nav-overlay{inset:66px 0 0}.hero{padding-top:66px}.hero-grid{padding-block:48px}.hero h1{font-size:48px}.feature-art{height:365px}.book{width:215px;padding:28px}.book h2{margin-top:32px;font-size:31px}.book .edition{left:28px}.float-note{width:160px}.rail{grid-auto-columns:82%}.progress-card{grid-template-columns:108px 1fr}.progress-body{padding:20px}.serial-no{font-size:48px}.progress-card h3{font-size:15px}.progress-card p{display:none}.episode{grid-template-columns:38px 1fr auto;gap:12px;padding:20px 4px}.episode-no{font-size:25px}.episode-meta{display:none}.episode-play{width:31px;height:31px}.quote-controls{margin-top:28px;position:relative;bottom:auto;right:auto}.topics{grid-template-columns:1fr}.topic{min-height:200px;padding:22px}.topic-name{font-size:29px}.topic-copy{max-width:86%}.toolbar{top:66px}.toolbar-inner{flex-direction:column;align-items:stretch;padding-block:14px}.search{width:100%;max-width:none}.grid{grid-template-columns:1fr}.ebook-card{flex-direction:column}.ebook-cover{aspect-ratio:3/1.8;width:100%}}.cover-glow-container{z-index:1;padding:16px;position:relative}.cover-glow-container:before{content:"";background:var(--glow-color);filter:blur(60px);opacity:.4;z-index:-1;pointer-events:none;border-radius:40px;transition:opacity .5s;position:absolute;inset:12% 12% 4%}.chapter-list{border-top:1px solid var(--line)}.chapter-row{border-bottom:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-inline:-16px;padding:20px 16px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.chapter-row:hover{background:var(--surface2);transform:translate(4px)}.chapter-number{flex-shrink:0;width:32px;font-family:Newsreader,serif;font-size:26px;font-weight:500;transition:color .25s}.chapter-row:hover .chapter-number{color:var(--accent)!important}.chapter-title{color:var(--text);margin:0;font-size:16px;font-weight:600;transition:color .25s}.chapter-meta{color:var(--muted);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.chapter-arrow{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:grid}.chapter-row:hover .chapter-arrow{background:var(--text);color:var(--bg);border-color:var(--text);transform:translate(2px)}.chapter-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:9px;font-weight:700}.chapter-badge.current{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.mutiara-detail-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:220px;padding:32px;transition:transform .3s,box-shadow .3s;display:flex}.mutiara-detail-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.detail-grid{grid-template-columns:320px 1fr;align-items:start;gap:60px;display:grid}@media (width<=850px){.detail-grid{grid-template-columns:1fr;gap:40px}}.detail-cover-box{width:100%;max-width:320px;margin:0 auto}.large-cover{aspect-ratio:3/4;border-radius:16px;position:relative;overflow:hidden;box-shadow:-16px 20px 50px #00000073}.large-cover-content{z-index:2;color:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:32px;display:flex;position:relative}.large-cover-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.large-cover-foot{margin-top:auto}.large-cover-meta{text-transform:uppercase;letter-spacing:.15em;opacity:.9;border-top:1px solid #fff3;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;font-size:10px;display:flex}.detail-meta-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;padding-block:24px;display:grid}@media (width<=560px){.detail-meta-row{grid-template-columns:repeat(2,1fr);gap:16px}}.detail-actions{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fade{opacity:1;transform:none}}.home-ebook-section{padding-bottom:80px}.home-ebook-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.home-ebook-grid{grid-template-columns:1fr;gap:20px}}.home-ebook-card{background:var(--surface);border:1.5px solid var(--line);border-radius:24px;grid-template-columns:130px 1fr;gap:26px;padding:30px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.home-ebook-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 48px #00000047}.home-ebook-cover-container{perspective:1000px;justify-content:center;align-items:center;display:flex}.home-ebook-cover-mockup{width:110px;height:160px;transform-style:preserve-3d;color:#fff;border-radius:4px 12px 12px 4px;flex-direction:column;justify-content:space-between;padding:16px 12px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;display:flex;position:relative;transform:rotateY(-18deg)rotateX(5deg);box-shadow:12px 12px 24px #00000073}.home-ebook-card:hover .home-ebook-cover-mockup{transform:rotateY(-8deg)rotateX(2deg)translateZ(10px);box-shadow:18px 18px 36px #0000008c}.home-ebook-cover-mockup:before{content:"";z-index:2;background:#fff3;border-right:1px solid #00000026;width:6px;position:absolute;top:0;bottom:0;left:0}.home-ebook-cover-mockup:after{content:"";background:linear-gradient(115deg,#fff0 0%,#ffffff14 30%,#ffffff2e 45%,#fff0 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.home-ebook-card:hover .home-ebook-cover-mockup:after{transform:translate(100%)}.home-ebook-cover-meta{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:8px;font-weight:800}.home-ebook-cover-title{font-family:Newsreader,serif;font-size:13px;font-weight:500;line-height:1.15}.home-ebook-details{flex-direction:column;justify-content:space-between;display:flex}.home-ebook-details-header{margin-bottom:12px}.home-ebook-title{color:var(--text);margin:0 0 6px;font-family:Newsreader,serif;font-size:20px;font-weight:500;line-height:1.25}.home-ebook-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.home-ebook-meta-row{gap:12px;margin-bottom:18px;display:flex}.home-ebook-meta-badge{letter-spacing:.05em;color:var(--muted);background:var(--surface2);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:9px;font-weight:700}.home-ebook-download-btn{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:max-content;padding:10px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.home-ebook-download-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (width<=480px){.home-ebook-card{grid-template-columns:1fr;gap:20px;padding:22px}.home-ebook-cover-container{justify-content:flex-start}}