.home-v2{--pink:#ed167d;--fuchsia:#d91491;--coral:#ff5964;--orange:#ff8a1f;--yellow:#ffc928;--teal:#13b8b1;--blue:#4387ff;--purple:#8b5cf6;--gold:#d5a43b;color:#322b35;background:#fffdfb;min-height:100vh}.home-v2 *{box-sizing:border-box}.home-v2 .topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #f2e8ef;align-items:center;gap:24px;padding:12px clamp(18px,4vw,64px);display:flex;position:sticky;top:0;box-shadow:0 3px 18px #7d2a6b0b}.home-v2 .brand{letter-spacing:.08em;color:var(--fuchsia);align-items:center;gap:10px;font-family:Montserrat,Arial,sans-serif;font-size:25px;font-weight:850;display:flex}.home-v2 .brand-mark{background:linear-gradient(135deg,var(--fuchsia),var(--coral),var(--orange));color:#fff;border:0;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 6px 16px #ed167d35}.home-v2 nav{color:#655a67;gap:21px;margin-left:10px;font-size:12px;font-weight:650;display:flex}.home-v2 nav a:hover{color:var(--fuchsia)}.home-v2 .top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.home-v2 .search{color:#918491;background:#fff;border:1px solid #eee5ec;border-radius:999px;min-width:280px;padding:11px 15px;box-shadow:0 2px 10px #a53b7d0b}.home-v2 .login{background:linear-gradient(90deg,var(--fuchsia),var(--coral));color:#fff;border-radius:999px;padding:11px 18px;font-size:12px;font-weight:750}.home-v2 .layout{grid-template-columns:minmax(0,1fr) 285px;gap:26px;max-width:1440px;margin:auto;padding:26px clamp(18px,4vw,64px) 50px;display:grid}.home-v2 .main-panel{min-width:0}.home-v2 .hero{background-position:50%;background-size:cover;border-radius:22px;min-height:330px;position:relative;overflow:hidden;box-shadow:0 16px 40px #dc4b8e22}.home-v2 .hero:after{content:"";background:linear-gradient(90deg,#d31189f0,#f23471bf 42%,#ff8a1f1f 78%);position:absolute;inset:0}.home-v2 .hero-copy{z-index:2;color:#fff;max-width:550px;position:absolute;bottom:38px;left:42px}.home-v2 .eyebrow{color:#fff;letter-spacing:.12em;background:#fff2;border:1px solid #fff8;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.home-v2 .hero h1{letter-spacing:-.04em;margin:14px 0 8px;font:800 clamp(42px,4.8vw,68px)/.95 Montserrat,Arial,sans-serif}.home-v2 .hero p{color:#fff8f8;max-width:500px;margin:0;font-size:14px;line-height:1.6}.home-v2 .hero-actions{gap:10px;margin-top:20px;display:flex}.home-v2 .primary,.home-v2 .secondary{border-radius:999px;padding:12px 18px;font-size:12px;font-weight:800}.home-v2 .primary{color:var(--fuchsia);background:#fff}.home-v2 .secondary{color:#fff;background:#ffffff20;border:1px solid #fff8}.home-v2 .section{padding:30px 0 5px}.home-v2 .section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px;display:flex}.home-v2 .section-head h2{letter-spacing:-.025em;color:#352d39;margin:0;font:800 24px/1.1 Montserrat,Arial,sans-serif}.home-v2 .section-head p{color:#918591;margin:5px 0 0;font-size:11px}.home-v2 .section-head a{color:var(--fuchsia);font-size:11px;font-weight:800}.home-v2 .trend-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:15px;padding:2px 2px 12px;display:grid;overflow-x:auto}.home-v2 .trend-card{aspect-ratio:.67;background-position:50%;background-size:cover;border-radius:13px;min-width:140px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 22px #6b315322}.home-v2 .trend-card:hover{transform:translateY(-5px)}.home-v2 .trend-card:after{content:"";background:linear-gradient(#0000 50%,#231020e0);position:absolute;inset:0}.home-v2 .rank{z-index:3;background:linear-gradient(135deg,var(--orange),var(--yellow));color:#49290b;border-radius:10px;place-items:center;width:33px;height:33px;font-size:13px;font-weight:900;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 3px 10px #0003}.home-v2 .trend-copy{z-index:2;color:#fff;position:absolute;bottom:11px;left:11px;right:11px}.home-v2 .trend-copy small{color:#ffd65a;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.home-v2 .trend-copy strong{margin-top:4px;font:800 16px/1.05 Montserrat,Arial,sans-serif;display:block}.home-v2 .trend-copy span{color:#f3eaf0;margin-top:5px;font-size:8px;display:block}.home-v2 .genre-row{gap:9px;padding-bottom:8px;display:flex;overflow-x:auto}.home-v2 .genre-pill{color:#544a58;background:#fff;border:1px solid #f0e6ed;border-radius:999px;min-width:max-content;padding:11px 16px;font-size:10px;font-weight:700;box-shadow:0 4px 12px #7f3b6d0d}.home-v2 .genre-pill:nth-child(4n+1){color:#c91775;background:#fff0f7}.home-v2 .genre-pill:nth-child(4n+2){color:#c96500;background:#fff5e7}.home-v2 .genre-pill:nth-child(4n+3){color:#087f7a;background:#ebfbfa}.home-v2 .genre-pill:nth-child(4n){color:#6941d9;background:#f2efff}.home-v2 .genre-pill:hover{border-color:#f5b2d4;transform:translateY(-2px)}.home-v2 .genre-icon{color:inherit;margin-right:7px;font-size:14px;display:inline}.home-v2 .most-read{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-v2 .read-item{background:#fff;border:1px solid #f0e6ed;border-radius:14px;grid-template-columns:30px 68px 1fr;align-items:center;gap:10px;padding:10px;display:grid;box-shadow:0 6px 18px #8c3a700c}.home-v2 .read-item img{object-fit:cover;border-radius:8px;width:68px;height:92px}.home-v2 .read-item .num{color:var(--orange);font:900 25px/1 Montserrat,Arial,sans-serif}.home-v2 .read-item strong{color:#3b323e;font-size:12px}.home-v2 .read-item span{color:#918591;margin-top:4px;font-size:9px;display:block}.home-v2 .bottom-strip{background:#f0e6ed;border:1px solid #f0e6ed;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;display:grid;overflow:hidden}.home-v2 .benefit{background:#fff;padding:20px}.home-v2 .benefit:first-child{border-top:4px solid var(--pink)}.home-v2 .benefit:nth-child(2){border-top:4px solid var(--orange)}.home-v2 .benefit:nth-child(3){border-top:4px solid var(--teal)}.home-v2 .benefit:nth-child(4){border-top:4px solid var(--purple)}.home-v2 .benefit strong{color:#4d4050;font-size:10px}.home-v2 .benefit p{color:#918591;margin:5px 0 0;font-size:9px;line-height:1.5}.home-v2 .rail{flex-direction:column;gap:14px;display:flex}.home-v2 .rail-card{background:#fff;border:1px solid #f0e6ed;border-radius:17px;padding:19px;box-shadow:0 6px 20px #7b37680c}.home-v2 .rail-card:first-child{border-top:4px solid var(--fuchsia)}.home-v2 .rail-card:nth-child(2){border-top:4px solid var(--orange)}.home-v2 .rail-card:nth-child(3){border-top:4px solid var(--teal)}.home-v2 .rail-card h3{color:#423648;margin:0 0 8px;font:800 18px/1.1 Montserrat,Arial,sans-serif}.home-v2 .rail-card p{color:#8e818f;margin:0;font-size:10px;line-height:1.6}.home-v2 .rail-cta{background:linear-gradient(90deg,var(--fuchsia),var(--coral));color:#fff;border-radius:999px;margin-top:13px;padding:9px 13px;font-size:10px;font-weight:800;display:inline-flex}.home-v2 .tags{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.home-v2 .tag{color:#c91775;background:#fff0f7;border:0;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:700}.home-v2 .tag:nth-child(3n+2){color:#c96500;background:#fff4e5}.home-v2 .tag:nth-child(3n){color:#087f7a;background:#ebfbfa}.home-v2 .community-card{background:linear-gradient(145deg,#fff3fa,#fff8e8);border-top:4px solid var(--yellow)!important}.home-v2 .footer-logo{text-align:center;background:linear-gradient(90deg,var(--fuchsia),var(--coral),var(--orange));color:#0000;letter-spacing:.2em;-webkit-background-clip:text;background-clip:text;padding:32px;font:900 27px/1 Montserrat,Arial,sans-serif}.home-v2 .footer-logo span{color:#a295a2;letter-spacing:.22em;margin-top:8px;font:600 8px/1.4 Montserrat,Arial,sans-serif;display:block}@media (max-width:1100px){.home-v2 .layout{grid-template-columns:1fr}.home-v2 .rail{grid-template-columns:repeat(3,1fr);display:grid}.home-v2 .trend-grid{grid-template-columns:repeat(6,155px)}.home-v2 .search{display:none}}@media (max-width:760px){.home-v2 .topbar{padding:10px 14px}.home-v2 nav{display:none}.home-v2 .brand{font-size:20px}.home-v2 .brand-mark{width:33px;height:33px}.home-v2 .layout{padding:12px 14px 30px}.home-v2 .hero{min-height:300px}.home-v2 .hero-copy{bottom:25px;left:22px;right:22px}.home-v2 .hero h1{font-size:39px}.home-v2 .hero p{font-size:11px}.home-v2 .section{padding-top:25px}.home-v2 .trend-grid{grid-template-columns:repeat(6,132px);gap:11px}.home-v2 .most-read,.home-v2 .rail{grid-template-columns:1fr}.home-v2 .bottom-strip{grid-template-columns:1fr 1fr}.home-v2 .login{padding:9px 13px}}@media (prefers-reduced-motion:reduce){.home-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.home-v2 .hero-slider{aspect-ratio:3;isolation:isolate;background:#050304;border:1px solid #45233529;border-radius:22px;height:auto;min-height:0;position:relative;overflow:hidden;box-shadow:0 28px 70px #40142f47}.home-v2 .hero-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s,visibility .7s;position:absolute;inset:0}.home-v2 .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.home-v2 .hero-backdrop{filter:saturate(1.05)contrast(1.04);background-position:100%;background-repeat:no-repeat;background-size:cover;transition:transform 5.2s ease-out;position:absolute;inset:-1.5%;transform:scale(1.015)}.home-v2 .hero-slide.is-active .hero-backdrop{transform:scale(1.055)}.home-v2 .hero-slide:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#030203fc 0%,#040304f7 22%,#050305e3 39%,#0704079e 55%,#08040733 75%,#0704060a 100%),linear-gradient(#0000 58%,#0000007a);position:absolute;inset:0}.home-v2 .hero-slide:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 68% 42%,#0000 0 23%,#0000001f 55%,#00000057 100%),linear-gradient(#0000000a,#0000 45%,#0000003d);position:absolute;inset:0}.home-v2 .hero-click-target{z-index:2;color:#fff;align-items:center;width:100%;height:100%;padding:44px 80px 56px 68px;text-decoration:none;display:flex;position:relative}.home-v2 .hero-copy{flex-direction:column;align-items:flex-start;width:min(51%,610px);max-width:610px;display:flex}.home-v2 .hero-slider .eyebrow{color:#fff9fb;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#ed167df5,#ff5964e8 52%,#ffb21ce0);border:1px solid #ff7454bd;border-radius:999px;align-items:center;gap:9px;max-width:100%;margin-bottom:22px;padding:10px 18px;font:800 11px/1.15 Montserrat,Arial,sans-serif;display:inline-flex;overflow:hidden;box-shadow:0 9px 28px #ed167d38,inset 0 0 0 1px #ffffff14}.home-v2 .hero-slider .eyebrow:before{content:"✦";color:#ffe17d;font-size:15px;line-height:1}.home-v2 .hero-slider h1{color:#0000;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 6px 26px #0000003d;background:linear-gradient(#fff7dc 0%,#f7d98b 32%,#d7a54d 63%,#fff9ee 100%);-webkit-background-clip:text;background-clip:text;max-width:590px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(39px,4.25vw,64px);font-weight:600;line-height:.94}.home-v2 .hero-author{color:#f2c66d;letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:12px;margin-top:16px;font:700 11px/1.2 Montserrat,Arial,sans-serif;display:flex}.home-v2 .hero-author:after{content:"";background:linear-gradient(90deg,#dca84e,#0000);width:86px;height:1px}.home-v2 .hero-slider p{color:#ffffffe8;text-shadow:0 2px 12px #0000008c;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:500px;margin:20px 0 0;font:500 14px/1.55 Montserrat,Arial,sans-serif;display:-webkit-box;overflow:hidden}.home-v2 .hero-read{color:#ff8b75;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08040747;border:1px solid #ff5964;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-width:188px;margin-top:23px;padding:12px 22px;font:800 12px/1 Montserrat,Arial,sans-serif;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex;box-shadow:inset 0 0 0 1px #ed167d1a,0 9px 28px #0000002e}.home-v2 .hero-read:after{content:"♡";font-size:18px;line-height:1}.home-v2 .hero-read b{display:none}.home-v2 .hero-click-target:hover .hero-read{color:#ffd093;background:#ed167d24;border-color:#ffb21c;transform:translateY(-2px)}.home-v2 .hero-arrow{z-index:4;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0403047a;border:1px solid #ed167deb;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;font:300 35px/1 Arial,sans-serif;transition:background .18s,border-color .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0000003d,inset 0 0 0 1px #ffb21c1f}.home-v2 .hero-arrow:hover{background:#ed167d38;border-color:#ffb21c;transform:translateY(-50%)scale(1.05)}.home-v2 .hero-arrow.prev,.home-v2 .hero-arrow-left{left:15px}.home-v2 .hero-arrow.next,.home-v2 .hero-arrow-right{right:15px}.home-v2 .hero-dots{z-index:5;align-items:center;gap:11px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.home-v2 .hero-dot,.home-v2 .hero-dots button{cursor:pointer;background:#ffffff85;border:1px solid #ffffff38;border-radius:50%;width:11px;height:11px;padding:0;transition:transform .18s,background .18s,border-color .18s;box-shadow:0 2px 9px #00000038}.home-v2 .hero-dot.is-active,.home-v2 .hero-dots button.is-active{background:#ed167d;border-color:#ed167d;transform:scale(1.16)}.home-v2 .hero-dot:hover,.home-v2 .hero-dots button:hover{background:#ffb21c;border-color:#ffb21c}@media (max-width:980px){.home-v2 .hero-slider{aspect-ratio:3;height:auto;min-height:0}.home-v2 .hero-click-target{padding:38px 64px 52px 54px}.home-v2 .hero-copy{width:min(60%,560px)}.home-v2 .hero-slider h1{font-size:clamp(38px,6vw,56px)}}@media (max-width:720px){.home-v2 .hero-slider{aspect-ratio:16/9;border-radius:16px;height:auto;min-height:0}.home-v2 .hero-backdrop{background-position:64%;inset:0}.home-v2 .hero-slide:before{background:linear-gradient(90deg,#030203f5 0%,#040304e0 34%,#05030575 62%,#0503051a 100%),linear-gradient(#0000 42%,#0000008c)}.home-v2 .hero-click-target{align-items:center;padding:18px 48px 28px 22px}.home-v2 .hero-copy{width:58%;max-width:58%}.home-v2 .hero-slider .eyebrow{max-width:100%;margin-bottom:8px;padding:6px 9px;font-size:7px}.home-v2 .hero-slider h1{max-width:100%;font-size:clamp(22px,7.2vw,31px);line-height:.96}.home-v2 .hero-author{letter-spacing:.16em;margin-top:7px;font-size:7px}.home-v2 .hero-author:after{width:38px}.home-v2 .hero-slider p{display:none}.home-v2 .hero-read{min-width:118px;margin-top:10px;padding:8px 12px;font-size:8px}.home-v2 .hero-read:after{font-size:14px}.home-v2 .hero-arrow{width:34px;height:34px;font-size:24px;top:50%}.home-v2 .hero-arrow.prev,.home-v2 .hero-arrow-left{left:7px}.home-v2 .hero-arrow.next,.home-v2 .hero-arrow-right{right:7px}.home-v2 .hero-dots{gap:6px;bottom:8px}.home-v2 .hero-dot,.home-v2 .hero-dots button{width:7px;height:7px}}@media (prefers-reduced-motion:reduce){.home-v2 .hero-slide,.home-v2 .hero-backdrop,.home-v2 .hero-read,.home-v2 .hero-arrow,.home-v2 .hero-dot,.home-v2 .hero-dots button{transition:none!important}.home-v2 .hero-slide.is-active .hero-backdrop{transform:scale(1.015)}}.home-v2 .hero-character-scene{z-index:2;pointer-events:none;opacity:.94;filter:saturate(1.16)contrast(1.08)brightness(.92)drop-shadow(-22px 20px 28px #00000052);transform-origin:50%;background-position:50% 38%;background-repeat:no-repeat;background-size:128%;width:52%;height:124%;transition:transform 5.2s ease-out,opacity .7s;position:absolute;top:-12%;right:-4%;transform:translate(18px)scale(1.015);-webkit-mask-image:radial-gradient(78% 88% at 61% 48%,#000 0 51%,#000000eb 62%,#0000008c 72%,#0000 88%);mask-image:radial-gradient(78% 88% at 61% 48%,#000 0 51%,#000000eb 62%,#0000008c 72%,#0000 88%)}.home-v2 .hero-slide.is-active .hero-character-scene{transform:translate(0)scale(1.055)}.home-v2 .hero-click-target{z-index:3}.home-v2 .hero-arrow{z-index:5}.home-v2 .hero-dots{z-index:6}.home-v2 .hero-slide:after{background:radial-gradient(at 78% 47%,#ffb87014 0%,#0000 31%),radial-gradient(circle at 68% 42%,#0000 0 23%,#00000014 55%,#00000042 100%),linear-gradient(#00000005,#0000 45%,#00000038)}@media (max-width:980px){.home-v2 .hero-character-scene{opacity:.91;background-position:50% 37%;background-size:132%;width:55%;height:118%;right:-8%}.home-v2 .hero-copy{width:min(56%,540px)}}@media (max-width:720px){.home-v2 .hero-character-scene{opacity:.92;filter:saturate(1.13)contrast(1.06)brightness(.92)drop-shadow(-12px 12px 18px #0000004d);background-position:50% 39%;background-size:128%;width:54%;height:128%;top:-14%;right:-6%;-webkit-mask-image:radial-gradient(82% 88% at 63% 44%,#000 0 52%,#000000d1 66%,#0000 88%);mask-image:radial-gradient(82% 88% at 63% 44%,#000 0 52%,#000000d1 66%,#0000 88%)}.home-v2 .hero-slide.is-active .hero-character-scene{transform:translate(-2%)scale(1.035)}}@media (prefers-reduced-motion:reduce){.home-v2 .hero-character-scene{transition:none!important}.home-v2 .hero-slide.is-active .hero-character-scene{transform:none}}.home-v2 .hero-slider.has-custom-hero-art{aspect-ratio:3;height:auto!important;min-height:0!important}.home-v2 .hero-slide.has-custom-banner:before,.home-v2 .hero-slide.has-custom-banner:after{background:0 0!important}.home-v2 .hero-slide.has-custom-banner .hero-character-scene,.home-v2 .hero-slide.has-custom-banner .hero-copy{display:none!important}.home-v2 .hero-slide.has-custom-banner .hero-backdrop{filter:none!important;background-color:#050304!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;inset:0!important;transform:none!important}.home-v2 .hero-slide.has-custom-banner.is-active .hero-backdrop{transform:none!important}.home-v2 .hero-slide.has-custom-banner .hero-click-target{z-index:3;background:0 0;width:100%;height:100%;padding:0;position:absolute;inset:0}.home-v2 .hero-slider.has-custom-hero-art .hero-arrow{top:50%}.home-v2 .hero-slider.has-custom-hero-art .hero-dots{bottom:12px}@media (max-width:720px){.home-v2 .hero-slider.has-custom-hero-art{aspect-ratio:3;border-radius:14px;height:auto!important;min-height:0!important}.home-v2 .hero-slide.has-custom-banner .hero-backdrop{background-position:50%!important;background-size:cover!important}.home-v2 .hero-slider.has-custom-hero-art .hero-arrow{width:32px;height:32px;font-size:23px;top:50%}.home-v2 .hero-slider.has-custom-hero-art .hero-dots{gap:5px;bottom:6px}.home-v2 .hero-slider.has-custom-hero-art .hero-dots button{width:6px;height:6px}}
