@keyframes mgCoverSettle{0%{opacity:0;transform:translate3d(0,18px,0) scale(.9) rotate(-1.4deg);filter:blur(6px)}46%{opacity:1;filter:blur(0)}64%{transform:translate3d(0,-3px,0) scale(1.018) rotate(.35deg)}100%{opacity:1;transform:none;filter:none}}
@keyframes mgEnter{from{opacity:0;transform:translate3d(0,14px,0) scale(.985);filter:blur(4px)}55%{opacity:1;filter:blur(0)}to{opacity:1;transform:none;filter:none}}
@keyframes mgReveal{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
@keyframes mgDock{0%{opacity:0;transform:translate3d(0,40px,0) scale(.94)}58%{opacity:1;transform:translate3d(0,-4px,0) scaleX(1.015) scaleY(.985)}80%{transform:translate3d(0,1px,0)}100%{opacity:1;transform:none}}
@keyframes mgPop{0%{transform:scale(0)}70%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes mgShine{0%{background-position:100% 50%}100%{background-position:0 50%}}
.mh-mg-root{position:absolute;inset:0;background:var(--mh-app-bg,var(--theme-bg));color:var(--theme-text);animation:mgEnter .5s cubic-bezier(.22,1,.36,1) both}
.mh-mg-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--island-clearance) + 6px) 18px calc(56px + env(safe-area-inset-bottom))}
.mh-mg-head{animation:mgReveal .5s .05s both}
.mh-mg-h1{font-size:30px;font-weight:800;margin:4px 0 0;letter-spacing:-.01em}
.mh-mg-hs{margin:2px 0 14px;font-size:11px;letter-spacing:.16em;color:var(--theme-text-muted)}
.mh-mg-search{width:100%;box-sizing:border-box;padding:11px 14px;border-radius:14px;border:1px solid var(--theme-border);background:var(--theme-surface-elevated);color:var(--theme-text);font-size:15px;outline:none;animation:mgReveal .5s .1s both;transition:border-color .2s,box-shadow .25s}
.mh-mg-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 25%,transparent)}
.mh-mg-bar2{display:flex;gap:8px;align-items:center;margin:12px 0 4px;overflow-x:auto;scrollbar-width:none;animation:mgReveal .5s .15s both}
.mh-mg-bar2::-webkit-scrollbar{display:none}
.mh-mg-chip{flex:none;padding:7px 14px;border-radius:999px;font-size:13px;color:var(--theme-text-muted);background:color-mix(in srgb,var(--theme-text) 8%,transparent);transition:background .2s,color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.mh-mg-chip:active{transform:scale(.92)}
.mh-mg-chip[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:700}
.mh-mg-sort{margin-left:auto;flex:none;padding:7px 10px;border-radius:999px;border:0;font-size:12px;color:var(--theme-text-muted);background:color-mix(in srgb,var(--theme-text) 8%,transparent)}
.mh-mg-h2{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--theme-text-muted);margin:22px 2px 10px;animation:mgReveal .45s both}
.mh-mg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:18px 14px}
.mh-mg-row{display:flex;gap:14px;overflow-x:auto;margin:0 -18px;padding:2px 18px 8px;scrollbar-width:none}
.mh-mg-row::-webkit-scrollbar{display:none}.mh-mg-row .mh-mg-card{flex:0 0 112px}
.mh-mg-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;cursor:pointer;min-width:0;-webkit-tap-highlight-color:transparent;animation:mgCoverSettle .7s calc(var(--i,0)*55ms + 120ms) cubic-bezier(.22,1,.36,1) both;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.mh-mg-card:active{transform:scale(.94)}
.mh-mg-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:12px}
.mh-mg-cover{position:relative;display:block;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 8px 20px rgb(0 0 0/.35),inset 0 0 0 1px rgb(255 255 255/.14);transition:box-shadow .3s}
.mh-mg-cover:not(.img){background-image:linear-gradient(110deg,transparent 30%,rgb(255 255 255/.16) 50%,transparent 70%);background-size:300% 100%;animation:mgShine 1.6s linear infinite}
.mh-mg-bar{position:absolute;left:8px;right:8px;bottom:8px;height:3px;border-radius:2px;background:rgb(255 255 255/.28);overflow:hidden}
.mh-mg-bar:after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(var(--p));transform-origin:left}
.mh-mg-tag{position:absolute;left:6px;top:6px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:6px;background:rgb(0 0 0/.55);color:#fff}
.mh-mg-fav{position:absolute;right:6px;top:6px;font-style:normal;font-size:13px;color:#fb7185;animation:mgPop .4s cubic-bezier(.34,1.56,.64,1) both}
.mh-mg-title{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-mg-sub{font-size:11px;color:var(--theme-text-muted)}
.mh-mg-empty{padding:40px 0;text-align:center;color:var(--theme-text-muted);animation:mgReveal .5s both}
[data-reduced-motion=true] .mh-mg-root *,[data-reduced-motion=true] .mh-mg-root{animation-duration:1ms!important;animation-delay:0s!important}

.mh-mg-scroll{transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s,filter .3s}
.mh-mg-scroll[data-behind=true]{transform:scale(.96);opacity:.5;filter:blur(2px)}
.mh-mg-detail{position:absolute;inset:0;background:var(--mh-app-bg,var(--theme-bg));color:var(--theme-text);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s}
.mh-mg-detail[data-enter=true]{transform:translate3d(0,7%,0) scale(.98);opacity:0}
.mh-mg-detail[data-leave=true]{transform:translate3d(0,6%,0) scale(.98);opacity:0;pointer-events:none}
.mh-mg-dscroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--island-clearance) + 6px) 18px calc(56px + env(safe-area-inset-bottom))}
.mh-mg-dtop{display:flex;gap:16px;align-items:flex-end;animation:mgEnter .55s .05s both}
.mh-mg-hero{position:relative;height:150px;margin:calc(-1*(var(--island-clearance) + 6px)) -18px 14px;overflow:hidden;border-radius:0 0 28px 28px}
.mh-mg-hero-bgwrap{position:absolute;inset:0;overflow:hidden;z-index:0}
.mh-mg-hero-bg{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(38px) saturate(1.4);opacity:.55}
.mh-mg-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--theme-bg));z-index:1}
.mh-mg-dcover{flex:none;width:36%;max-width:170px;aspect-ratio:2/3;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 14px 34px rgb(0 0 0/.45),inset 0 0 0 1px rgb(255 255 255/.14);animation:mgCoverSettle .7s .1s both}
.mh-mg-dmeta{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.mh-mg-dtitle{font-size:22px;font-weight:800;line-height:1.25;margin:0}
.mh-mg-dsub{margin:0;font-size:12px;color:var(--theme-text-muted)}
.mh-mg-desc{font-size:14px;line-height:1.7;color:var(--theme-text-muted);margin:18px 2px 0;animation:mgReveal .5s .2s both}
.mh-mg-acts{display:flex;gap:10px;margin-top:18px;animation:mgDock .6s .25s both}
.mh-mg-primary{flex:1;padding:14px 16px;border-radius:16px;background:var(--color-accent);color:var(--color-on-accent);font-size:15px;font-weight:800;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.mh-mg-ghost{padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--theme-text) 10%,transparent);font-size:14px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.mh-mg-primary:active,.mh-mg-ghost:active{transform:scale(.95)}
.mh-mg-chs{display:flex;flex-direction:column;gap:6px}
.mh-mg-ch{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:var(--theme-surface-elevated);border:1px solid var(--theme-border);font-size:14px;text-align:left;animation:mgReveal .45s calc(var(--i,0)*45ms + 300ms) both;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.mh-mg-ch:active{transform:scale(.97)}
.mh-mg-chs2{font-size:11px;color:var(--color-accent)}