.mm-hero{isolation:isolate;border-bottom:1px solid var(--line);padding-block:clamp(44px,6vw,92px) clamp(40px,5vw,72px);position:relative;overflow:clip}.mm-hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--fg) 16%, transparent) 1px, transparent 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 92% at 90% 0,#000,#0000 72%);mask-image:radial-gradient(62% 92% at 90% 0,#000,#0000 72%)}.mm-hero-in{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px 56px;display:grid}.mm-hero-text{min-width:0}.mm-title{letter-spacing:-.05em;font-size:clamp(54px,9vw,120px);font-weight:600;line-height:.92}.mm-sub{letter-spacing:-.025em;color:var(--fg-2);text-wrap:balance;margin-top:14px;font-size:clamp(21px,2.6vw,30px);line-height:1.2}.mm-lede{max-width:36em;color:var(--fg-2);text-wrap:pretty;margin-top:16px;font-size:17px}.mm-say{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:10px;max-width:100%;margin-top:24px;padding:5px 16px 5px 5px;font-size:14.5px;line-height:1.3;display:inline-flex}.mm-say img{border-radius:50%;flex:none;width:34px;height:34px}.mm-say b{font-weight:600}.mm-stats{border:1px solid var(--line);background:var(--bg-2);border-radius:18px;grid-template-columns:repeat(3,auto);gap:6px 22px;padding:20px 24px;display:grid}.mm-stat-n{letter-spacing:-.05em;font-size:46px;font-weight:600;line-height:1;display:block}.mm-stat-l{color:var(--fg-2);margin-top:4px;font-size:13px;display:block}.mm-stats-all{border-bottom:1px dashed var(--line);color:var(--fg-2);grid-column:1/-1;margin-bottom:4px;padding-bottom:10px;font-size:14px}.mm-stats-all b{color:var(--fg);font-weight:600}@keyframes mm-rise{0%{opacity:.01;translate:0 18px}}.mm-hero-text>*,.mm-stats{animation:.7s cubic-bezier(.2,.7,.2,1) both mm-rise}.mm-hero-text>:nth-child(2){animation-delay:60ms}.mm-hero-text>:nth-child(3){animation-delay:.12s}.mm-hero-text>:nth-child(4){animation-delay:.18s}.mm-stats{animation-delay:.14s}.mm-bar{z-index:5;background:color-mix(in srgb, var(--page,var(--bg)) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-block:14px;position:sticky;top:64px}.mm-bar-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.mm-tabs{scrollbar-width:none;background:#0b0b0b;border-radius:999px;flex:0 auto;gap:10px;min-width:0;max-width:100%;padding:8px;display:flex;overflow-x:auto;box-shadow:0 0 0 1px #ffffff0f}.mm-tabs::-webkit-scrollbar{display:none}.mm-tab{color:#f4f4f4;font:inherit;font-family:var(--display,inherit);letter-spacing:-.01em;cursor:pointer;background:#0b0b0b;border:2px solid #3a3a3a;border-radius:999px;flex:none;align-items:center;padding:11px 26px;font-size:17px;font-weight:800;line-height:1.1;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.mm-tab:hover{border-color:#6d6d6d;transform:translateY(-1px)}.mm-tab[aria-selected=true]{color:#0b0b0b;background:#c6f24e;border-color:#c6f24e}.mm-tab:focus-visible{outline-offset:2px;outline:2px solid #c6f24e}.mm-hint{color:var(--fg-2);font-size:13.5px}.mm-groups{padding-block:clamp(28px,4vw,48px) clamp(56px,7vw,96px)}.mm-group+.mm-group{margin-top:clamp(44px,6vw,72px)}.mm-group[hidden]{display:none}.mm-group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:18px;display:flex}.mm-group-title{letter-spacing:-.04em;align-items:baseline;gap:12px;font-size:clamp(28px,3.6vw,42px);font-weight:600;line-height:1;display:flex}.mm-group-n{font-family:var(--mono);letter-spacing:0;color:var(--fg-2);font-size:14px;font-weight:500}.mm-group-note{color:var(--fg-2);font-size:14.5px}.mm-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,1.8vw,22px);margin:0;padding:0;list-style:none;display:grid}.mm-grid-slop{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}.mm-grid-image{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.mm-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.mm-card:hover{transform:translateY(-3px)}.mm-open{cursor:zoom-in;aspect-ratio:16/9;background:#0d0620;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.mm-grid-image .mm-open{aspect-ratio:1}.mm-thumb,.mm-peek{object-fit:cover;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0}.mm-card:hover .mm-thumb{transform:scale(1.04)}.mm-peek{z-index:1;pointer-events:none}.mm-play{z-index:2;color:#170a36;background:#ffffffeb;border-radius:50%;place-items:center;width:62px;height:62px;transition:scale .18s,opacity .18s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 24px #00000059}.mm-play svg{width:26px;height:26px;margin-left:3px}.mm-card:hover .mm-play{scale:1.08}.mm-card.is-peeking .mm-play{opacity:0}.mm-grid-slop .mm-play{width:76px;height:76px}.mm-time,.mm-tag{z-index:2;font-family:var(--mono);letter-spacing:.02em;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.4;position:absolute}.mm-time{color:#fff;background:#0d0620c7;bottom:10px;right:10px}.mm-tag{color:#170a36;text-transform:uppercase;background:#ffc933;top:10px;left:10px}.mm-body{align-items:center;gap:10px;padding:12px 12px 12px 16px;display:flex}.mm-words{flex:1;min-width:0}.mm-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.25;overflow:hidden}.mm-note{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13.5px;overflow:hidden}.mm-grid-slop .mm-name{font-size:19px}.mm-dl{border:1px solid var(--line);width:40px;height:40px;color:var(--fg);background:var(--bg-2);border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s,transform .15s;display:grid}.mm-dl svg{width:18px;height:18px}.mm-dl:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.mm-empty{color:var(--fg-2);text-align:center;padding:40px 0}.mm-card[hidden],.mm-more[hidden]{display:none}.mm-more{justify-content:center;margin-top:clamp(20px,2.6vw,30px);display:flex}.mm-more-btn{color:#f4f4f4;font:inherit;font-family:var(--display,inherit);cursor:pointer;background:#0b0b0b;border:2px solid #3a3a3a;border-radius:999px;align-items:center;gap:10px;padding:13px 30px;font-size:16px;font-weight:800;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.mm-more-btn:hover{color:#0b0b0b;background:#c6f24e;border-color:#c6f24e;transform:translateY(-1px)}.mm-more-btn:focus-visible{outline-offset:3px;outline:2px solid #c6f24e}.mm-more-n{font-family:var(--mono);opacity:.7;font-size:12.5px;font-weight:500}.mm-viewer{color:#fff;background:0 0;border:0;border-radius:22px;width:min(1180px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:visible}.mm-viewer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090418db}.mm-viewer[open]{animation:.22s cubic-bezier(.2,.7,.2,1) mm-pop}@keyframes mm-pop{0%{opacity:0;scale:.97}}.mm-v-in{flex-direction:column;gap:12px;display:flex}.mm-v-stage{background:#000;border-radius:18px;place-items:center;max-height:calc(100dvh - 150px);display:grid;position:relative;overflow:hidden}.mm-v-media{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 150px);display:block}video.mm-v-media{width:100%}.mm-v-bar{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.mm-v-words{flex:1;min-width:200px}.mm-v-kind{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ffc933;font-size:12px}.mm-v-title{letter-spacing:-.02em;margin-top:2px;font-size:20px;font-weight:600;line-height:1.2}.mm-v-note{color:#ffffffbf;margin-top:2px;font-size:14px}.mm-v-acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mm-v-btn{color:#fff;height:42px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.mm-v-btn svg{width:18px;height:18px}.mm-v-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.mm-v-btn.mm-v-main{color:#170a36;background:#fff;border-color:#fff}.mm-v-btn.mm-v-main:hover{background:#ffc933;border-color:#ffc933}.mm-v-round{justify-content:center;width:42px;padding:0}.mm-v-close{z-index:3;color:#170a36;background:#fff;position:absolute;top:-6px;right:-6px;translate:30% -30%}.mm-v-close:hover{background:#ffc933}.mm-v-nav{z-index:2;color:#170a36;cursor:pointer;opacity:.85;background:#ffffffe6;border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .15s,scale .15s;display:grid;position:absolute;top:50%;translate:0 -50%}.mm-v-nav:hover{opacity:1;scale:1.06}.mm-v-nav[hidden]{display:none}.mm-v-nav svg{width:20px;height:20px}.mm-v-prev{left:12px}.mm-v-next{right:12px}.mm-v-count{font-family:var(--mono);color:#ffffffb3;font-size:13px}.mm-toast{z-index:100;color:#fff;background:#170a36;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .2s,translate .2s;position:fixed;bottom:24px;left:50%;translate:-50%;box-shadow:0 8px 30px #0000004d}.mm-toast[hidden]{opacity:0;pointer-events:none;display:block;translate:-50% 10px}@media (width<=800px){.mm-hero-in{grid-template-columns:1fr}.mm-stats{justify-self:start}.mm-hint{display:none}.mm-bar{top:56px}.mm-tabs{gap:6px;padding:6px}.mm-tab{padding:9px 17px;font-size:15px}}@media (width<=640px){.mm-grid-image{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mm-grid-image .mm-body{padding:8px 8px 8px 10px}.mm-grid-image .mm-name{font-size:14px}.mm-grid-image .mm-note{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box}.mm-grid-image .mm-dl{width:34px;height:34px}.mm-v-close{top:8px;right:8px;translate:0}.mm-v-nav{width:38px;height:38px}.mm-v-btn span{display:none}.mm-v-btn{justify-content:center;width:42px;padding:0}}@media (prefers-reduced-motion:reduce){.mm-card,.mm-thumb,.mm-play,.mm-tab,.mm-more-btn{transition:none}.mm-tab:hover,.mm-more-btn:hover,.mm-card:hover,.mm-card:hover .mm-thumb{transform:none}}[data-skin=pop] .mm-hero{color:#fff;background:var(--pop-violet);border-bottom:3px solid var(--pop-ink);--fg:#fff;--fg-2:#ffffffe6;--line:#ffffff59;--kicker-dot:var(--pop-honey);margin-top:-72px;padding-top:calc(72px + clamp(36px,5vw,76px));padding-bottom:clamp(56px,7vw,96px)}[data-skin=pop] .mm-hero:before{background:repeating-conic-gradient(from 2deg at 80% 42%,#ffffff1c 0deg 1.2deg,#0000 1.2deg 6.5deg);-webkit-mask-image:radial-gradient(circle at 80% 42%,#0000 0 12%,#000 64%);mask-image:radial-gradient(circle at 80% 42%,#0000 0 12%,#000 64%)}[data-skin=pop] .mm-hero:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle, var(--pop-pink) 1.8px, transparent 2.1px);background-size:15px 15px;width:46%;height:60%;position:absolute;bottom:0;left:0;-webkit-mask-image:radial-gradient(at 0 100%,#000 0%,#0000 72%);mask-image:radial-gradient(at 0 100%,#000 0%,#0000 72%)}[data-skin=pop] .mm-hero :focus-visible{outline-color:#fff}[data-skin=pop] .mm-title{font-family:var(--display);letter-spacing:-.03em;color:var(--pop-lav);text-shadow:.045em .05em 0 var(--pop-pink);font-size:clamp(56px,10.5vw,140px);font-weight:900;font-stretch:116%;line-height:.9}[data-skin=pop] .mm-sub{font-family:var(--serif);color:#fff;margin-top:18px;font-size:clamp(28px,3.8vw,48px);font-style:italic;line-height:1.04}[data-skin=pop] .mm-lede{color:#ffffffeb;font-size:18px}[data-skin=pop] .mm-say{color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:3px 3px 0 var(--pop-ink);background:#fff;font-weight:500}[data-skin=pop] .mm-say img{box-shadow:0 0 0 2px var(--pop-ink)}[data-skin=pop] .mm-stats{color:var(--pop-ink);border:2px solid var(--pop-ink);box-shadow:0 9px 0 -2px var(--pop-ink);--fg:var(--pop-ink);--fg-2:var(--pop-ink-2);--line:#170a3633;background:#fff;border-radius:22px}[data-skin=pop] .mm-stat-n{font-family:var(--display);letter-spacing:-.02em;color:var(--pop-violet);text-shadow:.05em .05em 0 var(--pop-pink);font-weight:900;font-stretch:112%}[data-skin=pop] .mm-bar{background:color-mix(in srgb, var(--page) 90%, transparent);border-bottom:2px solid var(--edge)}[data-skin=pop] .mm-tab,[data-skin=pop] .mm-more-btn{font-weight:900;font-stretch:112%}[data-skin=pop] .mm-group-title{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-weight:900;font-stretch:112%}[data-skin=pop] .mm-group-slop .mm-group-title{color:var(--pop-pink);text-shadow:.04em .05em 0 var(--pop-ink)}[data-skin=pop] .mm-card{border:2px solid var(--edge);border-radius:var(--radius);box-shadow:0 9px 0 -2px var(--shade)}[data-skin=pop] .mm-card:hover{box-shadow:0 13px 0 -2px var(--shade)}[data-skin=pop] .mm-card:focus-within{border-color:var(--pop-violet)}[data-skin=pop] .mm-open{border-bottom:2px solid var(--edge)}[data-skin=pop] .mm-name{font-weight:700}[data-skin=pop] .mm-dl{border:2px solid var(--edge);background:var(--pop-honey);color:var(--pop-ink)}[data-skin=pop] .mm-dl:hover{background:var(--pop-pink);color:#fff;border-color:var(--edge)}[data-skin=pop] .mm-tag{border:2px solid var(--pop-ink)}[data-skin=pop] .mm-grid-slop .mm-tag{background:var(--pop-pink);color:#fff}[data-skin=pop] .mm-play{border:2px solid var(--pop-ink);box-shadow:3px 3px 0 var(--pop-ink)}[data-skin=pop] .mm-v-btn.mm-v-main{background:var(--pop-honey);border:2px solid var(--pop-ink);color:var(--pop-ink);box-shadow:2px 3px 0 var(--pop-pink)}[data-skin=pop][data-theme=dark] .mm-hero{background:#2a0f7a;border-bottom-color:#cdb8ff73}[data-skin=pop][data-theme=dark] .mm-say{color:#f4efff;border-color:var(--pop-lav-2);box-shadow:3px 3px 0 var(--pop-pink);background:#1d0e40}[data-skin=pop][data-theme=dark] .mm-stats{color:#f4efff;border-color:var(--pop-lav-2);box-shadow:0 9px 0 -2px var(--pop-pink);--fg:#f4efff;--fg-2:#cbbff0;background:#1d0e40}[data-skin=pop][data-theme=dark] .mm-stat-n{color:var(--pop-lav-2)}[data-skin=pop][data-theme=dark] .mm-card{border-color:var(--pop-lav-2);box-shadow:0 9px 0 -2px var(--pop-pink)}
