:root{color-scheme:dark;--bg:#090a11;--panel:#141520;--panel2:#191a27;--line:#303144;--text:#f7f5fc;--muted:#aaa7ba;--pink:#ff4f93;--orange:#ff914d;--cyan:#70dce9;--yellow:#ffe36b;--purple:#9c7bff;font-family:'DM Sans','Noto Sans JP',system-ui,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 8% 5%,#401e4050,transparent 33rem),radial-gradient(ellipse at 96% 24%,#0e345050,transparent 37rem),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}
    .age-line{height:31px;background:#10111a;border-bottom:1px solid #2b2c3a;color:#c7c4d2;font-size:10px;letter-spacing:.06em}.age-line .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.age-chip{padding:3px 7px;background:var(--yellow);color:#17151d;border-radius:99px;font-weight:900;margin-right:9px}.age-note{color:#88869a}
    .header{position:sticky;top:0;z-index:10;background:#10111bed;backdrop-filter:blur(14px);border-bottom:1px solid #282939}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:17px;letter-spacing:.02em}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(140deg,var(--pink),var(--orange));box-shadow:0 6px 17px #ff4f9334}.nav{display:flex;align-items:center;gap:27px;color:#d2cfdd;font-size:12px;font-weight:700}.nav a:hover{color:var(--cyan)}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:999px;background:linear-gradient(110deg,var(--pink),var(--orange));color:white;font-size:12px;font-weight:800;box-shadow:0 7px 20px #ff4f9333;transition:.2s}.header-cta:hover,.button:hover{filter:brightness(1.08);transform:translateY(-1px)}
    .hero{padding:41px 0 26px}.hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.hero-copy{padding:10px 0}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em}.eyebrow i{width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 13px #ffe36b90}.hero h1{font-size:clamp(33px,4.2vw,55px);line-height:1.2;letter-spacing:-.04em;margin:16px 0 13px;font-weight:900}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff76aa,#ffbf65 65%,#ffe36b);color:transparent;background-clip:text}.hero-copy p{color:#c2bfd0;font-size:13px;line-height:1.9;max-width:450px;margin:0}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:23px}.plain-link{font-size:11px;color:#d0ccda;font-weight:700}.plain-link span{color:var(--cyan);margin-left:4px}.hero-cats{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.hero-cats a{padding:7px 11px;border:1px solid #404052;border-radius:99px;color:#d7d3e1;font-size:10px}.hero-cats a:hover{border-color:var(--pink);color:#ffb1cd}
    .hero-feature{position:relative;display:grid;grid-template-columns:1fr 205px;gap:10px;min-height:310px}.feature-main,.feature-mini{position:relative;overflow:hidden;border-radius:17px;border:1px solid #ffffff1c;background:#24213a}.feature-art{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 25%,#ffb54e99,transparent 28%),radial-gradient(ellipse at 28% 80%,#ee4e93a8,transparent 39%),linear-gradient(145deg,#392354,#6d488a 52%,#174052)}.feature-art:before{content:'';position:absolute;width:49%;height:120%;left:25%;top:9%;border:1px solid #ffffff46;border-radius:48% 48% 12% 12%;background:linear-gradient(140deg,#ffffff32,#ffffff04 55%);transform:rotate(-9deg)}.feature-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090911ef 0%,#09091150 54%,transparent 100%)}.feature-stamp{position:absolute;right:16px;top:14px;z-index:2;border:1px solid #ffffff69;padding:6px 9px;border-radius:99px;color:#fff;font-size:8px;font-weight:800;letter-spacing:.11em}.feature-play{position:absolute;z-index:2;left:50%;top:43%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border:2px solid #ffffffc9;border-radius:50%;background:#ff5f94;color:white;padding-left:3px;box-shadow:0 8px 25px #090a1170}.feature-meta{position:absolute;z-index:2;left:20px;right:20px;bottom:17px}.feature-meta small{color:var(--yellow);font-size:9px;font-weight:800;letter-spacing:.12em}.feature-meta strong{display:block;margin:7px 0 5px;font-size:19px;line-height:1.45}.feature-meta span{color:#c3c0d0;font-size:10px}.feature-mini-stack{display:grid;gap:10px}.feature-mini{min-height:0}.feature-mini .feature-art{background:radial-gradient(ellipse at 68% 25%,#69dce6a0,transparent 28%),radial-gradient(ellipse at 28% 80%,#ff719ea8,transparent 39%),linear-gradient(145deg,#273557,#744d93 58%,#1d564f)}.feature-mini.second .feature-art{background:radial-gradient(ellipse at 68% 25%,#fada67a0,transparent 28%),radial-gradient(ellipse at 28% 80%,#d55b9fa8,transparent 39%),linear-gradient(145deg,#433052,#714567 53%,#155066)}.mini-label{position:absolute;left:13px;right:11px;bottom:12px;z-index:2}.mini-label small{color:var(--cyan);font-size:8px;font-weight:800}.mini-label strong{display:block;margin-top:4px;font-size:12px;line-height:1.5}.hero-bottom{display:flex;justify-content:space-between;color:#6f6d80;font-size:9px;letter-spacing:.14em;margin-top:18px}
    .ticker{border-top:1px solid #2a2b3a;border-bottom:1px solid #2a2b3a;background:#11121b}.ticker-inner{display:flex;align-items:center;gap:16px;padding:13px 0;font-size:10px;color:#cfccda}.ticker b{color:var(--yellow);letter-spacing:.1em}.ticker span{color:#77758a}.section{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-kicker{margin:0 0 7px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.15em}.section-head h2{margin:0;font-size:25px;line-height:1.35;letter-spacing:-.025em;font-weight:900}.section-head p{margin:7px 0 0;color:var(--muted);font-size:11px}.view-all{color:#f6a8c8;font-size:11px;font-weight:800;white-space:nowrap}.view-all span{color:var(--cyan);margin-left:5px}
    .filter-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:20px 0 15px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid #393a4b;border-radius:99px;background:#141520;color:#c5c2d0;padding:8px 13px;font-size:10px;cursor:pointer}.filter.active,.filter:hover{background:#34213b;color:#ff9dc0;border-color:#90436d}.search{display:flex;align-items:center;gap:9px;min-width:245px;padding:9px 12px;border:1px solid #38394a;border-radius:999px;background:#141520;color:var(--cyan)}.search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.search input::placeholder{color:#77758a}
    .work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.work-card{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:13px;transition:.2s}.work-card:hover{transform:translateY(-4px);border-color:#775071;box-shadow:0 14px 30px #0005}.cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#28243d}.cover-art{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 23%,#ffb755a0,transparent 27%),radial-gradient(ellipse at 28% 81%,#f14e9a9c,transparent 40%),linear-gradient(135deg,#3f2a63,#8a4f85 56%,#1d5362);transition:transform .3s}.work-card:nth-child(2n) .cover-art{background:radial-gradient(ellipse at 68% 23%,#70deeba0,transparent 27%),radial-gradient(ellipse at 28% 81%,#ff8aa69c,transparent 40%),linear-gradient(135deg,#283a62,#7152a0 56%,#20554e)}.work-card:nth-child(3n) .cover-art{background:radial-gradient(ellipse at 68% 23%,#ffe36b99,transparent 27%),radial-gradient(ellipse at 28% 81%,#e25f9f9c,transparent 40%),linear-gradient(135deg,#3d2e4f,#94506f 56%,#1e485c)}.work-card:hover .cover-art{transform:scale(1.04)}.cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090a11c9,transparent 56%)}.cover-badge{position:absolute;z-index:1;left:11px;top:11px;border-radius:99px;padding:5px 8px;background:#13141bdc;color:var(--yellow);font-size:8px;font-weight:800;letter-spacing:.06em}.cover-duration{position:absolute;z-index:1;right:10px;bottom:10px;border-radius:4px;background:#090a11cf;padding:4px 6px;color:white;font-size:9px}.card-body{padding:13px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.card-tags span{padding:4px 7px;border-radius:99px;background:#252033;color:#d7c9ff;font-size:8px}.card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;margin:0;color:#f4f2f9;font-size:12px;line-height:1.6;font-weight:800}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #2d2e3d;color:#aaa7ba;font-size:9px}.card-meta strong{color:#ff77a8}.card-button{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:9px 11px;border-radius:8px;background:#262039;color:#f0d9e8;font-size:10px;font-weight:800}.card-button:hover{background:#3b2643}.card-button span{color:var(--cyan)}
    .rank-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rank-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.rank-num{font-size:20px;font-weight:900;color:#ffcb62}.rank-item:nth-child(2) .rank-num{color:#c5c2d0}.rank-item:nth-child(3) .rank-num{color:#e99a69}.rank-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.rank-item small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.rank-likes{color:#ff70a4;font-size:10px;font-weight:800;white-space:nowrap}
    .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{position:relative;overflow:hidden;min-height:128px;padding:17px;border:1px solid #363748;border-radius:13px;background:linear-gradient(135deg,#1a1b28,#252039)}.category:nth-child(2){background:linear-gradient(135deg,#17242c,#1b3240)}.category:nth-child(3){background:linear-gradient(135deg,#281a2d,#41213b)}.category:nth-child(4){background:linear-gradient(135deg,#282219,#3b3021)}.category:after{content:attr(data-mark);position:absolute;right:10px;bottom:-23px;color:#ffffff0c;font-size:80px;font-weight:900}.category small{color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.13em}.category strong{position:relative;z-index:1;display:block;margin:10px 0 5px;font-size:15px}.category span{position:relative;z-index:1;color:#aaa7ba;font-size:9px}.category:hover{border-color:#8a5279}
    .creator-icon-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.creator-icon-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:9px;padding:15px 10px;border:1px solid var(--line);border-radius:13px;background:var(--panel);text-align:center;transition:.2s}.creator-icon-card:hover{transform:translateY(-3px);border-color:#9b527d;background:#1c1a28}.creator-icon-card img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2px solid #ff78a8;box-shadow:0 0 0 4px #ff5c9220}.creator-icon-card strong{display:-webkit-box;max-width:100%;min-height:2.8em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45}.creator-followers{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px;white-space:nowrap}.creator-followers b{color:#ffe08a;font-size:10px}.cover-likes{position:absolute;z-index:2;right:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #ffffff35;border-radius:99px;background:#090a11d9;color:#fff;font-size:10px;font-weight:900;box-shadow:0 3px 12px #0006}.cover-likes b{color:#ff6b9e;font-size:12px}
    .creator-band{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center;padding:25px;border:1px solid #48405b;border-radius:17px;background:radial-gradient(ellipse at 80% 15%,#ef4e9333,transparent 35%),linear-gradient(120deg,#181622,#20172b)}.creator-intro{display:flex;gap:14px;align-items:center}.creator-avatar{width:66px;height:66px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(140deg,#ff5798,#ffb54f);font-size:24px;font-weight:900}.creator-intro small{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.1em}.creator-intro h3{margin:5px 0;font-size:18px}.creator-intro p{margin:0;color:#aaa7ba;font-size:10px}.creator-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.creator-link{padding:13px;border:1px solid #3b354a;border-radius:10px;background:#1b1a27}.creator-link:hover{border-color:#b14a7d}.creator-link strong{display:block;color:#fff;font-size:10px}.creator-link span{display:block;margin-top:6px;color:#a8a4b7;font-size:9px;line-height:1.5}.creator-link b{display:block;margin-top:10px;color:#ff8eb7;font-size:9px}
    .bottom-search{padding:25px;border:1px solid #2f3040;border-radius:16px;background:linear-gradient(115deg,#151621,#182333);text-align:center}.bottom-search h2{margin:0;font-size:20px}.bottom-search p{margin:7px 0 16px;color:#aaa7ba;font-size:11px}.bottom-search .search{max-width:510px;margin:auto;text-align:left}.footer{margin-top:46px;padding:25px 0 31px;border-top:1px solid #292a39;color:#858297;font-size:9px;line-height:1.8}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:18px}.footer strong{color:#d8d4e0}
    @media(max-width:900px){.hero-grid{grid-template-columns:.72fr 1.28fr;gap:20px}.hero-feature{grid-template-columns:1fr 155px;min-height:270px}.nav{gap:16px}.rank-list{grid-template-columns:1fr}.rank-item{grid-template-columns:34px 1fr auto}.creator-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
    @media(max-width:650px){.wrap{width:calc(100% - 30px)}.age-note{display:none}.header-inner{height:62px}.nav{display:none}.brand{font-size:15px}.header-cta{padding:10px 13px;font-size:10px}.hero{padding:24px 0 18px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{padding:0}.hero h1{font-size:35px;margin:12px 0 10px}.hero-copy p{font-size:11px}.hero-actions{margin-top:17px}.hero-cats{margin-top:17px}.hero-feature{grid-template-columns:1fr 105px;gap:7px;min-height:225px}.feature-mini-stack{gap:7px}.feature-meta{left:13px;right:12px;bottom:12px}.feature-meta strong{font-size:15px}.mini-label{left:8px;right:7px;bottom:8px}.mini-label strong{font-size:9px}.feature-stamp{right:9px;top:9px;font-size:7px}.feature-play{width:45px;height:45px}.hero-bottom{font-size:8px}.ticker-inner{padding:10px 0;font-size:9px}.section{padding:35px 0}.section-head{align-items:start;margin-bottom:15px}.section-head h2{font-size:21px}.section-head p{font-size:10px}.view-all{font-size:9px}.filter-tools{align-items:stretch;flex-direction:column;margin-top:15px}.search{min-width:0}.filters{gap:6px}.filter{padding:7px 10px;font-size:9px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cover{aspect-ratio:1/1}.card-body{padding:10px}.card-title{font-size:10px;min-height:34px}.card-meta{font-size:8px;margin-top:8px;padding-top:8px}.card-button{font-size:9px;padding:8px}.card-tags span{font-size:7px}.rank-list{gap:7px}.rank-item{padding:10px;grid-template-columns:28px 1fr auto}.rank-num{font-size:16px}.rank-item strong{font-size:9px}.rank-likes{font-size:9px}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category{min-height:112px;padding:13px}.category strong{font-size:13px}.creator-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.creator-icon-card{gap:7px;padding:10px 5px}.creator-icon-card img{width:56px;height:56px}.creator-icon-card strong{font-size:8px}.creator-followers{font-size:8px}.creator-followers b{font-size:9px}.creator-band{grid-template-columns:1fr;gap:18px;padding:17px}.creator-avatar{width:52px;height:52px;font-size:19px}.creator-intro h3{font-size:15px}.creator-links{gap:6px}.creator-link{padding:10px 8px}.creator-link strong{font-size:9px}.creator-link span{font-size:8px}.creator-link b{font-size:8px}.bottom-search{padding:19px 14px}.bottom-search h2{font-size:17px}.footer-inner{display:block}.footer-links{margin:12px 0;flex-wrap:wrap}.footer-inner>span{display:block;margin-top:12px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
    /* Media-first revision */
    .hero{padding:30px 0 18px}.hero-grid{display:block}.hero-copy{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 0 18px}.hero-copy .eyebrow{margin:0}.hero h1{margin:7px 0 0;font-size:clamp(45px,6vw,78px);letter-spacing:-.06em;line-height:1}.hero-copy p,.hero-actions,.hero-cats{display:none}.hero-feature{grid-template-columns:1.75fr 1fr;min-height:500px}.feature-mini-stack{grid-template-rows:1fr 1fr}.feature-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.feature-art{display:none}.feature-main:after,.feature-mini:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#090911ed 0%,#09091145 55%,#09091110 100%)}.feature-stamp,.feature-play,.feature-meta,.mini-label{z-index:2}.hero-bottom{display:none}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-art{display:none}.cover:before{content:"▶";position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffffd9;border-radius:50%;background:#ff4f9388;color:#fff;font-size:12px;padding-left:2px;pointer-events:none}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090a11b8,transparent 60%);pointer-events:none}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cover{aspect-ratio:3/4}.card-title{min-height:58px}.card-meta{justify-content:flex-start}.card-button{background:linear-gradient(110deg,#70244b,#352342)}
    @media(max-width:900px){.hero-feature{min-height:400px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:650px){.hero{padding:20px 0 12px}.hero-copy{padding-bottom:13px}.hero h1{font-size:48px}.hero-feature{grid-template-columns:1.45fr .85fr;min-height:300px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cover{aspect-ratio:3/4}.card-title{min-height:44px}}
  
.creator-intro>img{width:66px;height:66px;flex:none;border-radius:50%;object-fit:cover}.creator-avatar-fallback{width:56px;height:56px;display:grid;place-items:center;flex:none;border:2px solid #ff6ea0;border-radius:50%;background:linear-gradient(140deg,#31233a,#1c2532);color:#f2ccdf;font-size:9px;font-weight:900;letter-spacing:.08em}.home-empty{grid-column:1/-1;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:12px}

/* Homepage controls and compact search */
.mwp-home .hero h1{font-size:clamp(28px,3.1vw,42px);line-height:1.15;margin:0;font-weight:900}
.mwp-home .hero-copy{align-items:center;padding-bottom:17px}
.mwp-home .card-tags span{font-size:11px;padding:5px 9px;background:#43233b;color:#fff;font-weight:800}
.mwp-home .header-cta,.mwp-home .button,.mwp-home .view-all,.mwp-home .card-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:12px 18px;border:0;border-radius:10px;background:linear-gradient(110deg,var(--pink),var(--orange));color:#fff;font-size:15px;font-weight:850;line-height:1.35;box-shadow:0 7px 20px #ff4f9333}
.mwp-home .card-button{display:flex;width:100%;margin-top:14px}
.mwp-home .feature-meta span.feature-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:8px;padding:9px 15px;border-radius:9px;background:linear-gradient(110deg,var(--pink),var(--orange));color:#fff;font-size:14px;font-weight:850;letter-spacing:0}
.mwp-home .creator-link{display:flex;min-height:108px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;background:linear-gradient(135deg,#38223b,#251d31);border-color:#925078}
.mwp-home .creator-link strong{font-size:14px}.mwp-home .creator-link span{font-size:11px;margin:0}.mwp-home .creator-link b{font-size:13px;margin:4px 0 0;color:#ffabc9}
.mwp-home .bottom-search{width:100%;max-width:760px;min-height:0;margin:0 auto;padding:24px;overflow:hidden}
.mwp-home .bottom-search h2{margin:0 0 16px;font-size:clamp(18px,2vw,23px);line-height:1.35}
.mwp-home .mwp-home-search-form{display:flex;align-items:center;gap:8px;width:min(100%,520px);max-width:100%;min-height:54px;margin:0 auto;padding:6px;border:1px solid #484253;border-radius:12px;background:#11131d;box-shadow:none;overflow:hidden}
.mwp-home .mwp-home-search-form input[type=search]{display:block;flex:1;min-width:0;width:auto;height:42px;margin:0;padding:8px 11px;border:0;outline:0;box-shadow:none;background:transparent;color:#fff;font-size:15px;line-height:1.3;appearance:none}
.mwp-home .mwp-home-search-form button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:auto;min-width:92px;height:42px;margin:0;padding:8px 16px;border:0;border-radius:8px;background:linear-gradient(110deg,var(--pink),var(--orange));color:#fff;font-size:15px;font-weight:850;line-height:1.2;cursor:pointer;box-shadow:none}
.mwp-home .mwp-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.mwp-home .hero h1{font-size:31px}.mwp-home .hero-copy{padding-bottom:12px}.mwp-home .header-cta,.mwp-home .button,.mwp-home .view-all,.mwp-home .card-button{min-height:44px;padding:10px 12px;font-size:13px}.mwp-home .card-button{font-size:13px}.mwp-home .bottom-search{padding:18px 12px}.mwp-home .mwp-home-search-form{gap:4px;padding:4px}.mwp-home .mwp-home-search-form input[type=search]{font-size:16px;padding:7px}.mwp-home .mwp-home-search-form button{min-width:70px;padding:8px 10px;font-size:14px}.mwp-home .creator-link{min-height:96px}.mwp-home .creator-link strong{font-size:12px}}

/* Keep the header as the only introduction before the video grid. */
.mwp-home .header-inner{height:64px;gap:18px}
.mwp-home .brand{flex:none;white-space:nowrap;gap:10px;font-size:16px}
.mwp-home .brand-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,var(--pink),var(--orange));color:#fff;font-family:'DM Sans',sans-serif;font-size:25px;font-weight:900;line-height:1;letter-spacing:-.09em;box-shadow:0 7px 18px #ff4f9333}
.mwp-home .brand-wordmark{display:inline-flex;align-items:baseline;color:#fff;font-family:'Noto Sans JP',system-ui,sans-serif;font-size:19px;font-weight:900;letter-spacing:-.075em;line-height:1;text-shadow:0 2px 12px #0008}
.mwp-home .brand-wordmark span{background:linear-gradient(90deg,#ff79ad,#ffad6b);background-clip:text;-webkit-background-clip:text;color:transparent}
.mwp-home .nav{gap:20px}
.mwp-home .hero{padding:14px 0 22px}
.mwp-home .hero-grid{display:block}
@media(max-width:900px){.mwp-home .header-inner{gap:12px}.mwp-home .nav{gap:11px;font-size:11px}}
@media(max-width:650px){.mwp-home .header-inner{height:60px}.mwp-home .brand-icon{width:36px;height:36px;font-size:23px}.mwp-home .brand-wordmark{font-size:16px}.mwp-home .hero{padding:10px 0 14px}}

/* Denser, media-led cards and clear navigation on both viewport sizes. */
.mwp-home{--panel:#1b1621;--line:#3b2d3c;--pink:#ff2774;--orange:#ff4d83}
.mwp-home .header{background:#17111bec;border-bottom:2px solid #ff2774}
.mwp-home .nav a{font-size:13px;font-weight:800}
.mwp-home .nav a:hover{color:#ff7ba8}
.mwp-home .section{padding-block:36px}
.mwp-home .section-head{position:relative;padding-bottom:11px;border-bottom:1px solid #3b2d3c}
.mwp-home .section-head:after{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:3px;background:#ff2774;border-radius:3px}
.mwp-home .section-head h2{font-size:24px}
.mwp-home .work-grid{gap:14px}
.mwp-home .work-card{border-color:#3b2d3c;background:#1b1621}
.mwp-home .cover{aspect-ratio:4/3}
.mwp-home .cover:before{width:43px;height:43px;background:#ff2774d6}
.mwp-home .card-body{padding:13px}
.mwp-home .card-title{min-height:2.9em;font-size:13px;line-height:1.45}
.mwp-home .card-price{margin-top:7px;color:#fff;font-size:15px;font-weight:900}
.mwp-home .card-meta{margin-top:8px;padding-top:0;border:0;color:#c3b9c9;font-size:11px}
.mwp-home .card-meta a:hover{color:#ff92b8}
.mwp-home .card-button,.mwp-home .header-cta,.mwp-home .view-all,.mwp-home .feature-meta span.feature-action{background:#ff2774;color:#fff;box-shadow:none}
.mwp-home .card-button{min-height:45px;margin-top:12px;font-size:13px}
.mwp-home .card-button:hover,.mwp-home .header-cta:hover,.mwp-home .view-all:hover{background:#ff4788}
.mwp-home .creator-icon-card{background:#1b1621;border-color:#3b2d3c}
@media(max-width:650px){
  .mwp-home .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;height:auto;min-height:62px;padding-block:9px}
  .mwp-home .nav{display:flex;grid-column:1/-1;grid-row:2;gap:6px;width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .mwp-home .nav::-webkit-scrollbar{display:none}
  .mwp-home .nav a{flex:none;padding:8px 11px;border:1px solid #453346;border-radius:8px;background:#241b2a;font-size:11px;white-space:nowrap}
  .mwp-home .header-cta{grid-column:2;grid-row:1;min-height:39px;padding:8px 11px;font-size:11px}
  .mwp-home .section{padding-block:28px}
  .mwp-home .section-head h2{font-size:20px}
  .mwp-home .work-grid{gap:9px}
  .mwp-home .cover{aspect-ratio:4/3}
  .mwp-home .card-body{padding:9px}
  .mwp-home .card-title{min-height:3em;font-size:11px}
  .mwp-home .card-price{font-size:13px}
  .mwp-home .card-meta{font-size:10px}
  .mwp-home .card-button{min-height:42px;margin-top:9px;padding:8px 6px;font-size:11px}
}
.mwp-home{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic",Arial,sans-serif}

/* Keep pink for the purchase action; let artwork and creator names lead elsewhere. */
.mwp-home{width:100%;max-width:100%;overflow-x:clip}
.mwp-home .wrap,.mwp-home main,.mwp-home .section,.mwp-home .hero{min-width:0;max-width:100%}
.mwp-home .header{border-bottom-color:#564250}
.mwp-home .header-cta{min-height:36px;padding:7px 12px;border:1px solid #55475a;border-radius:8px;background:#27222d;color:#e7dfe9;font-size:12px;box-shadow:none}
.mwp-home .header-cta:hover{background:#37303d;transform:none}
.mwp-home .hero-feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0}
.mwp-home .feature-main{grid-column:1/-1;min-width:0;min-height:0;aspect-ratio:16/7}
.mwp-home .feature-mini-stack{display:contents}
.mwp-home .feature-mini{min-width:0;min-height:0;aspect-ratio:16/9}
.mwp-home .feature-play,.mwp-home .cover:before{border:1px solid #f4f4f4b8;background:#d9dce0c9;color:#292b31;box-shadow:0 5px 18px #0006}
.mwp-home .feature-meta{max-width:min(720px,calc(100% - 30px))}
.mwp-home .feature-meta strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:21px;line-height:1.4}
.mwp-home .mini-label strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.4}
.mwp-home .feature-byline{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px}
.mwp-home .feature-byline>*{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mwp-home .feature-creator{color:#f2d36d;font-size:13px;font-weight:900;line-height:1.35}
.mwp-home .feature-duration{color:#dfd9e4;font-size:11px;font-weight:700}
.mwp-home .card-tags span{background:#302b39;color:#dbd5e1;font-size:10px}
.mwp-home .card-title{font-size:13px;font-weight:800}
.mwp-home .card-price{font-size:15px}
.mwp-home .card-meta{min-width:0;margin-top:7px}
.mwp-home .card-meta a,.mwp-home .card-meta span{color:#f2d36d;font-size:13px;font-weight:900;line-height:1.4;overflow-wrap:anywhere}
.mwp-home .card-button{min-height:42px;border:1px solid #514956;border-radius:8px;background:#2b2632;color:#ece7ef;box-shadow:none;font-size:12px}
.mwp-home .card-button:hover{background:#393240}
.mwp-home .cover-likes b{color:#e8a7bf}
.mwp-home .creator-icon-card strong{color:#f2d36d;font-size:12px;font-weight:900}
.mwp-home .creator-followers{max-width:100%;min-width:0;flex-wrap:wrap;justify-content:center;white-space:normal;text-align:center}
.mwp-home .creator-intro h3{color:#f2d36d}
.mwp-home .creator-link{background:#27232e;border-color:#4b414f}
.mwp-home .creator-link b{color:#f2d36d}
.mwp-home .rank-item{grid-template-columns:32px minmax(0,1fr) auto;min-width:0;width:100%}
.mwp-home .rank-copy{min-width:0}
.mwp-home .rank-copy strong,.mwp-home .rank-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mwp-home .rank-creator{color:#f2d36d;font-weight:900}
.mwp-home .rank-likes{color:#e8a7bf}
.mwp-home .mwp-home-search-form button{background:#45404c}
@media(max-width:650px){
  .mwp-home .header-inner{grid-template-columns:minmax(0,1fr) auto}
  .mwp-home .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;width:100%;min-width:0}
  .mwp-home .nav a{display:grid;place-items:center;min-width:0;min-height:33px;padding:6px 4px;text-align:center;white-space:normal;font-size:10px;line-height:1.2}
  .mwp-home .header-cta{min-height:34px;padding:6px 8px;font-size:10px}
  .mwp-home .hero-feature{gap:8px}
  .mwp-home .feature-main{aspect-ratio:16/10}
  .mwp-home .feature-mini{aspect-ratio:4/3}
  .mwp-home .feature-play{width:42px;height:42px;font-size:13px}
  .mwp-home .feature-meta{left:12px;right:12px;bottom:11px;max-width:calc(100% - 24px)}
  .mwp-home .feature-meta strong{font-size:15px}
  .mwp-home .mini-label{left:8px;right:8px;bottom:8px}
  .mwp-home .mini-label strong{font-size:11px}
  .mwp-home .feature-creator{font-size:11px}
  .mwp-home .feature-duration{font-size:9px}
  .mwp-home .card-title{font-size:11px}
  .mwp-home .card-price{font-size:13px}
  .mwp-home .card-meta a,.mwp-home .card-meta span{font-size:11px}
  .mwp-home .card-button{min-height:38px;margin-top:9px;padding:7px 4px;font-size:10px}
  .mwp-home .creator-icon-card strong{font-size:10px}
  .mwp-home .rank-item{grid-template-columns:26px minmax(0,1fr) auto;gap:7px;padding:9px}
  .mwp-home .rank-copy strong{font-size:11px}
  .mwp-home .rank-copy small{font-size:10px}
  .mwp-home .rank-likes{font-size:10px}
  .mwp-home .creator-link{min-width:0;overflow-wrap:anywhere}
}
.mwp-home .section-head:after{background:#8b7d6b}
.mwp-home .creator-icon-card img{border-color:#ddd1ac;box-shadow:0 0 0 4px #ddd1ac19}
.mwp-home .card-meta a,.mwp-home .card-meta span{font-size:14px}
.mwp-home .feature-creator{font-size:15px}
@media(max-width:650px){
  .mwp-home .card-meta a,.mwp-home .card-meta span{font-size:12px}
  .mwp-home .feature-creator{font-size:12px}
}

/* Portrait-first artwork, quiet play cues, and image-led categories. */
.mwp-home .hero-feature{width:min(100%,860px);margin-inline:auto}
.mwp-home .feature-main{width:100%;max-width:440px;justify-self:center;aspect-ratio:9/16;background:#09090d}
.mwp-home .feature-mini{aspect-ratio:9/16;background:#09090d}
.mwp-home .feature-img{object-fit:contain}
.mwp-home .feature-play{width:46px;height:46px;border:1px solid #ffffff70;background:#e9ebed55;color:#ffffffc9;box-shadow:0 4px 14px #0004;font-size:13px}
.mwp-home .cover:before{width:32px;height:32px;border:1px solid #ffffff60;background:#e9ebed4a;color:#ffffffba;box-shadow:0 3px 12px #0004;font-size:10px}
.mwp-home .feature-stamp{border:2px solid transparent;background:linear-gradient(#111018cc,#111018cc) padding-box,linear-gradient(115deg,#ff64a5,#ffd069,#78dce8,#a98cff) border-box;color:#fff;font-size:10px;letter-spacing:0}
.mwp-home .cover{aspect-ratio:9/16}
.mwp-home .card-tags{position:absolute;z-index:3;top:10px;left:9px;right:75px;display:flex;flex-wrap:wrap;gap:5px;margin:0}
.mwp-home .card-tags span{padding:4px 7px;border:2px solid transparent;border-radius:99px;background:linear-gradient(#111018c9,#111018c9) padding-box,linear-gradient(115deg,#ff64a5,#ffd069,#78dce8,#a98cff) border-box;color:#fff;font-size:9px;line-height:1.2}
.mwp-home .work-card{display:flex;flex-direction:column}
.mwp-home .card-body{display:flex;flex:1;flex-direction:column;padding:10px 11px 11px}
.mwp-home .card-title{min-height:2.8em;font-size:12px;line-height:1.4}
.mwp-home .card-price{margin-top:5px;font-size:14px}
.mwp-home .card-meta{margin-top:5px;margin-bottom:10px}
.mwp-home .card-meta a,.mwp-home .card-meta span{font-size:13px}
.mwp-home .card-button{min-height:44px;margin-top:auto;padding:8px 7px;border:0;border-radius:9px;background:linear-gradient(110deg,#ff2676,#ff8b4f);color:#fff;box-shadow:0 8px 18px #ff267544;font-size:13px;font-weight:900;letter-spacing:-.03em}
.mwp-home .card-button:hover{background:linear-gradient(110deg,#ff458b,#ff9c62);box-shadow:0 9px 20px #ff267566}
.mwp-home .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mwp-home .category{min-width:0;min-height:0;aspect-ratio:4/3;padding:0;border:1px solid #5e5364;background:#252234}
.mwp-home .category:after{display:none}
.mwp-home .category-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.mwp-home .category:hover .category-cover{transform:scale(1.05)}
.mwp-home .category-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07070be8 0%,#08080c42 64%,#08080c1c 100%)}
.mwp-home .category-copy{position:absolute;z-index:1;left:14px;right:12px;bottom:13px}
.mwp-home .category-copy strong{display:block;margin:0 0 3px;color:#fff;font-size:18px;line-height:1.3;text-shadow:0 2px 8px #000b}
.mwp-home .category-copy span{color:#e5dfe8;font-size:11px;font-weight:700}
@media(max-width:900px){.mwp-home .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
  .mwp-home .hero-feature{gap:8px}
  .mwp-home .feature-main{max-width:none;aspect-ratio:9/16}
  .mwp-home .feature-mini{aspect-ratio:9/16}
  .mwp-home .feature-play{width:38px;height:38px;font-size:11px}
  .mwp-home .cover:before{width:27px;height:27px;font-size:9px}
  .mwp-home .cover{aspect-ratio:9/16}
  .mwp-home .card-tags{top:7px;left:6px;right:58px;gap:3px}
  .mwp-home .card-tags span{padding:3px 5px;font-size:8px}
  .mwp-home .card-body{padding:7px 8px 9px}
  .mwp-home .card-title{min-height:2.8em;font-size:10px}
  .mwp-home .card-price{font-size:12px}
  .mwp-home .card-meta{margin-top:4px}
  .mwp-home .card-meta a,.mwp-home .card-meta span{font-size:11px}
  .mwp-home .card-meta{margin-bottom:7px}
  .mwp-home .card-button{min-height:42px;margin-top:auto;padding:7px 3px;font-size:10px}
  .mwp-home .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mwp-home .category{aspect-ratio:3/4}
  .mwp-home .category-copy{left:10px;right:8px;bottom:10px}
  .mwp-home .category-copy strong{font-size:15px}
  .mwp-home .category-copy span{font-size:9px}
}

/* Distinct navigation badges and rows that fill evenly with any category count. */
.mwp-home .nav{gap:8px}
.mwp-home .nav a{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:7px 12px;border:1.5px solid transparent;border-radius:999px;font-size:11px;font-weight:900;line-height:1.1;white-space:nowrap;transition:background .2s,transform .2s}
.mwp-home .nav a:hover{transform:translateY(-2px);color:#fff}
.mwp-home .nav a:nth-child(1){border-color:#ff74ac;background:#4c2036;color:#ffd1e2}
.mwp-home .nav a:nth-child(2){border-color:#b38bff;background:#322149;color:#e6d6ff}
.mwp-home .nav a:nth-child(3){border-color:#68dcea;background:#193843;color:#caf9ff}
.mwp-home .nav a:nth-child(4){border-color:#ffd066;background:#40321c;color:#fff0b9}
@media(max-width:650px){
  .mwp-home .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .mwp-home .nav a:first-child{display:none}
  .mwp-home .nav a{display:grid;place-items:center;min-width:0;min-height:34px;padding:5px 3px;font-size:10px;white-space:nowrap}
}

/* Outline-only badges and separate desktop/mobile media compositions. */
.mwp-home .nav a:nth-child(1){background:transparent;color:#f4f1f6}
.mwp-home .nav a:nth-child(2){background:transparent;color:#f4f1f6}
.mwp-home .nav a:nth-child(3){background:transparent;color:#f4f1f6}
.mwp-home .nav a:nth-child(4){background:transparent;color:#f4f1f6}
.mwp-home .hero-feature{width:100%;max-width:1200px}
.mwp-home .creator-band{grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start;background:#181722;border-color:#403746}
.mwp-home .creator-band[data-count="1"]{width:min(100%,720px);margin-inline:auto;grid-template-columns:minmax(0,1fr) 240px;align-items:center}
.mwp-home .creator-band[data-count="2"]{width:min(100%,920px);margin-inline:auto;grid-template-columns:180px minmax(0,1fr);align-items:center}
.mwp-home .creator-intro{display:flex;align-items:center;min-width:0;padding:5px;color:#fff}
.mwp-home .creator-intro-copy{display:grid;min-width:0;gap:6px}
.mwp-home .creator-intro-copy strong{color:#f2d36d;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.mwp-home .creator-intro-copy small{color:#c4bcca;font-size:11px;font-weight:700;letter-spacing:0}
.mwp-home .creator-intro-copy>span{color:#d8b9cc;font-size:10px;font-weight:800}
.mwp-home .creator-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.mwp-home .creator-work-grid[data-count="1"]{grid-template-columns:minmax(0,240px);justify-content:center}
.mwp-home .creator-work-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,240px));justify-content:center}
.mwp-home .creator-work-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.mwp-home .creator-work{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:3/4;border:1px solid #54475a;border-radius:10px;background:#221c2c}
.mwp-home .creator-work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.mwp-home .creator-work:hover img{transform:scale(1.05)}
.mwp-home .creator-work-title{position:absolute;inset:auto 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:25px 8px 8px;background:linear-gradient(0deg,#09090de8,#09090d00);color:#fff;font-size:11px;font-weight:800;line-height:1.35}
@media(max-width:900px){
  .mwp-home .creator-band{grid-template-columns:180px minmax(0,1fr);gap:14px;padding:16px}
  .mwp-home .creator-work-grid{gap:7px}
  .mwp-home .creator-intro{gap:8px}
  .mwp-home .creator-intro>img,.mwp-home .creator-avatar{width:52px;height:52px}
  .mwp-home .creator-intro-copy strong{font-size:15px}
}
@media(max-width:650px){
  .mwp-home .creator-band{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}
  .mwp-home .creator-band[data-count="1"],.mwp-home .creator-band[data-count="2"]{grid-template-columns:minmax(0,1fr)}
  .mwp-home .creator-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mwp-home .creator-work-grid[data-count="1"]{grid-template-columns:minmax(0,220px)}
  .mwp-home .creator-work-grid[data-count="2"],.mwp-home .creator-work-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mwp-home .creator-work-grid[data-count="3"] .creator-work:last-child{grid-column:1/-1;width:min(100%,220px);justify-self:center}
  .mwp-home .creator-work-title{font-size:10px}
}

/* Equal-sized portrait cards and restrained pink-outline genre badges. */
.mwp-home .feature-stamp,.mwp-home .card-tags span{border:2px solid #ff64a5;background:rgba(56,57,65,.66);text-shadow:0 1px 5px #000}
.mwp-home .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mwp-home .category{width:100%;height:auto;min-width:0;flex:none;aspect-ratio:3/4}
.mwp-home .creator-profile-column{display:grid;align-content:start;gap:11px;min-width:0}
.mwp-home .creator-x-link{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:34px;margin-left:5px;padding:6px 12px;border:1px solid #77717f;border-radius:999px;background:#292630;color:#f6f4f7;font-size:11px;font-weight:800}
.mwp-home .creator-x-link:hover{border-color:#ff64a5;color:#fff}
@media(min-width:768px){
  .mwp-home .hero-feature{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .mwp-home .feature-main,.mwp-home .feature-mini{grid-column:auto;width:100%;max-width:none;aspect-ratio:9/16;justify-self:stretch}
}
@media(max-width:900px){.mwp-home .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
  .mwp-home .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mwp-home .category{aspect-ratio:3/4}
}

.mwp-home .genre-map{margin-top:30px;padding:23px;border:1px solid #35384b;border-radius:15px;background:linear-gradient(135deg,#171824,#141824)}
.mwp-home .genre-map-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:17px}
.mwp-home .genre-map-heading h3{margin:0;color:#fff;font-size:20px;font-weight:900}
.mwp-home .genre-map-heading p{margin:0;color:#b7b7ca;font-size:11px}
.mwp-home .genre-map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.mwp-home .genre-map-tile{display:flex;min-width:0;min-height:81px;flex-direction:column;justify-content:space-between;gap:8px;padding:13px;border:1px solid #54576d;border-radius:10px;background:#252738;color:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.mwp-home .genre-map-tile strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.mwp-home .genre-map-tile span{display:flex;justify-content:space-between;gap:5px;color:#d2d5e4;font-size:10px;font-weight:700}
.mwp-home .genre-map-tile b{font-size:15px;line-height:1}
.mwp-home .genre-map-tile.heat-1{background:#202333;border-color:#3e455e}
.mwp-home .genre-map-tile.heat-2{background:#242d45;border-color:#4c668b}
.mwp-home .genre-map-tile.heat-3{background:#263b57;border-color:#5b9aba}
.mwp-home .genre-map-tile.heat-4{background:#245168;border-color:#69dce9;box-shadow:inset 0 0 22px #70dce918}
.mwp-home .genre-map-tile:hover,.mwp-home .genre-map-tile:focus-visible{transform:translateY(-2px);border-color:#ffe36b;box-shadow:0 8px 22px #0005;outline:none}
@media(max-width:900px){.mwp-home .genre-map-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){
  .mwp-home .genre-map{margin-top:20px;padding:14px}
  .mwp-home .genre-map-heading{display:block;margin-bottom:12px}
  .mwp-home .genre-map-heading h3{font-size:17px}
  .mwp-home .genre-map-heading p{margin-top:4px;font-size:10px}
  .mwp-home .genre-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .mwp-home .genre-map-tile{min-height:72px;padding:10px}
  .mwp-home .genre-map-tile strong{font-size:12px}
}

/* The creator's three official work characteristics are separate from site categories. */
.mwp-home .mwp-official-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0}
.mwp-home .mwp-official-tags>a,.mwp-home .mwp-official-tags>span{display:inline-flex;align-items:center;max-width:100%;padding:3px 8px;border:1px solid #ff64a5;border-radius:999px;background:#292732c9;color:#fff;font-size:10px;font-weight:700;line-height:1.35;white-space:nowrap}
.mwp-home .card-body .mwp-official-tags{min-height:25px;margin:5px 0 8px}
.mwp-home .card-body .mwp-official-tags>a:hover{background:#473041}
.mwp-home .feature-meta .mwp-official-tags,.mwp-home .mini-label .mwp-official-tags{position:relative;z-index:3;margin-top:7px}
.mwp-home .feature-meta .mwp-official-tags>span,.mwp-home .mini-label .mwp-official-tags>span{color:#fff}
@media(max-width:650px){.mwp-home .mwp-official-tags{gap:3px}.mwp-home .mwp-official-tags>a,.mwp-home .mwp-official-tags>span{padding:2px 5px;font-size:8px}.mwp-home .mini-label .mwp-official-tags{margin-top:4px}}

/* Browsable home catalogue. */
.mwp-home #new{scroll-margin-top:115px}
.mwp-home .section-head>div{min-width:0}
.mwp-home .section-more{color:#f2d36d;font-size:13px;font-weight:850;white-space:nowrap}
.mwp-home .section-more:hover{text-decoration:underline}
.mwp-home .mwp-home-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;height:auto;min-height:44px;margin:26px 0 0;padding:0;background:transparent;overflow:visible}
.mwp-home .mwp-home-pagination .page-numbers{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;height:44px;min-height:0;margin:0!important;padding:0 12px;border:1px solid #5c5263;border-radius:9px;background:#24212c;color:#fff;font-size:14px;font-weight:800;line-height:1;text-align:center;text-decoration:none}
.mwp-home .mwp-home-pagination a.page-numbers:hover,.mwp-home .mwp-home-pagination a.page-numbers:focus-visible{border-color:#ff8eae;background:#342637;outline:0}
.mwp-home .mwp-home-pagination .page-numbers.current{border-color:#f2d36d;background:#40333e;color:#ffe38c}
@media(max-width:650px){.mwp-home .section-more{font-size:11px}.mwp-home .mwp-home-pagination{gap:6px;min-height:38px;margin-top:19px}.mwp-home .mwp-home-pagination .page-numbers{min-width:36px;height:38px;padding:0 8px;font-size:12px}}

/* Image-led featured creator cards. */
.mwp-home .featured-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mwp-home .featured-creator-grid .creator-band{display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:0;width:100%;height:100%;margin:0;padding:16px;background:#181722}
.mwp-home .featured-creator-grid .creator-profile-column{gap:8px}
.mwp-home .featured-creator-grid .creator-intro{gap:10px;padding:0}
.mwp-home .featured-creator-grid .creator-intro>img,.mwp-home .featured-creator-grid .creator-avatar{width:54px;height:54px}
.mwp-home .featured-creator-grid .creator-intro-copy{gap:3px}
.mwp-home .featured-creator-grid .creator-intro-copy strong{font-size:15px;line-height:1.35}
.mwp-home .featured-creator-grid .creator-intro-copy small{font-size:10px}
.mwp-home .featured-creator-grid .creator-x-link{min-height:30px;margin-left:0;padding:5px 10px}
.mwp-home .featured-creator-grid .creator-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-top:auto}
.mwp-home .featured-creator-grid .creator-work-grid[data-count="1"]{grid-template-columns:minmax(0,120px);justify-content:start}
.mwp-home .featured-creator-grid .creator-work-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
.mwp-home .featured-creator-grid .creator-work-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.mwp-home .featured-creator-grid .creator-work{width:100%;aspect-ratio:3/4}
@media(max-width:900px){.mwp-home .featured-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mwp-home .featured-creator-grid{grid-template-columns:minmax(0,1fr);gap:10px}.mwp-home .featured-creator-grid .creator-band{gap:12px;padding:13px}.mwp-home .featured-creator-grid .creator-intro-copy strong{font-size:15px}.mwp-home .featured-creator-grid .creator-work-grid[data-count="1"]{grid-template-columns:minmax(0,120px)}.mwp-home .featured-creator-grid .creator-work-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.mwp-home .featured-creator-grid .creator-work-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.mwp-home .featured-creator-grid .creator-work-grid[data-count="3"] .creator-work:last-child{grid-column:auto;width:100%}}