.mx-shell{--mx-max:2400px;--mx-pad:clamp(1rem, 3.2vw, 4rem);--mx-glass:color-mix(in oklch, var(--background) 72%, transparent);--mx-scrim:color-mix(in oklch, var(--background) 92%, transparent);--mx-ease:var(--ease-out,cubic-bezier(.2, .8, .2, 1));isolation:isolate;min-height:100dvh;color:var(--foreground);--watch-h:var(--accent-h);--watch-bg:var(--background);--watch-bg-2:var(--card);--watch-surface:var(--card);--watch-surface-hi:var(--muted);--watch-border:var(--border);--watch-fg:var(--foreground);--watch-fg-dim:var(--muted-foreground);--watch-fg-muted:color-mix(in oklch, var(--muted-foreground) 70%, transparent);--watch-accent:var(--primary);--watch-accent-2:var(--primary);--watch-accent-glow:color-mix(in oklch, var(--primary) 35%, transparent);--watch-radius:var(--radius-lg,var(--radius));--watch-radius-lg:var(--radius-xl,var(--radius));--watch-hover-scale:1.06;--watch-ease:var(--mx-ease);--watch-row-gap:calc(var(--space-unit,.25rem) * 3);--watch-poster-w:clamp(118px, 11vw, 220px);position:relative}.mx-topbar{z-index:30;padding:.625rem var(--mx-pad);background:linear-gradient(to bottom, var(--mx-scrim), transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);align-items:center;gap:1rem;display:flex;position:sticky;top:0}.mx-brand{letter-spacing:-.01em;border-radius:var(--radius);align-items:center;gap:.5rem;padding:.25rem .5rem;font-weight:700;display:inline-flex}.mx-nav{scrollbar-width:none;flex:1;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.mx-nav::-webkit-scrollbar{display:none}.mx-nav-link{color:var(--muted-foreground);white-space:nowrap;transition:color .16s var(--mx-ease), background-color .16s var(--mx-ease);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.925rem;font-weight:500;display:inline-flex}.mx-nav-link:hover{color:var(--foreground);background:color-mix(in oklch, var(--foreground) 8%, transparent)}.mx-nav-link[aria-current=page]{color:var(--primary-foreground);background:var(--primary)}:root[data-mode=light] .mx-shell{--primary:oklch(calc(var(--primary-l) - .12) var(--primary-c) var(--accent-h))}@media (max-width:47.99rem){.mx-brand span,.mx-nav-link span{display:none}.mx-nav-link{padding:.55rem}}.mx-topbar-end{align-items:center;gap:.75rem;display:flex}.mx-hub{color:var(--muted-foreground);display:inline-flex}.mx-hub[data-status=connected]{color:var(--success,var(--primary))}.mx-hub[data-status=connecting]{animation:1.4s ease-in-out infinite mx-pulse}.mx-profile-btn{border-radius:999px}.mx-shell :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--ring,var(--primary));outline-offset:2px}.mx-main:has(~.mu-mini){padding-bottom:6.5rem}.mx-main{padding:0 var(--mx-pad) 4rem;max-width:var(--mx-max);margin-inline:auto;position:relative}.mx-avatar{color:var(--primary-foreground);background:linear-gradient(145deg, var(--mx-avatar), color-mix(in oklch, var(--mx-avatar) 55%, var(--background)));border-radius:22%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.mx-gate{text-align:center;min-height:80dvh;padding:2rem var(--mx-pad);outline:none;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.mx-gate-title{letter-spacing:-.02em;font-size:clamp(1.75rem,3vw,3rem);font-weight:700}.mx-gate-grid{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,2.5vw,2.5rem);margin:0;padding:0;list-style:none;display:flex}.mx-gate-skel{border-radius:var(--radius-xl,var(--radius));width:112px;height:150px}.mx-gate-tile{border-radius:var(--radius-xl,var(--radius));transition:transform .18s var(--mx-ease);flex-direction:column;align-items:center;gap:.6rem;padding:.75rem;display:flex}.mx-gate-tile:hover,.mx-gate-tile:focus-visible{transform:scale(1.06)}.mx-gate-tile:focus-visible .mx-avatar{box-shadow:0 0 0 3px var(--background), 0 0 0 6px var(--primary)}.mx-gate-name{font-weight:600}.mx-gate-meta{color:var(--muted-foreground);align-items:center;gap:.35rem;min-height:1rem;font-size:.8rem;display:inline-flex}.mx-pin-dots{gap:.75rem;display:flex}.mx-pin-dot{border:2px solid var(--muted-foreground);border-radius:999px;width:.9rem;height:.9rem;transition:background-color .12s}.mx-pin-dot[data-filled]{background:var(--primary);border-color:var(--primary)}.mx-pin-msg{color:var(--destructive);font-size:.9rem}.mx-pin-pad{grid-template-columns:repeat(3,4.25rem);gap:.6rem;display:grid}.mx-pin-key{border-radius:var(--radius-lg,var(--radius));background:var(--card);border:1px solid var(--border);height:4.25rem;font-size:1.25rem;font-weight:600}.mx-pin-key:nth-child(10),.mx-pin-key:nth-child(12){font-size:.8rem;font-weight:500}.mx-pin-key:hover:not(:disabled){background:var(--muted)}.mx-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.mx-backdrop-stage{height:100dvh;max-height:100%;position:sticky;top:0;overflow:hidden}.mx-backdrop-img{object-fit:cover;object-position:center 20%;opacity:0;width:100%;height:100%;transition:opacity .6s var(--mx-ease);position:absolute;inset:0}.mx-backdrop-img[data-on]{opacity:.55}@keyframes mx-kenburns{0%{scale:1}to{scale:1.06}}:root[data-motion=full] .mx-backdrop-img[data-on]{animation:mx-kenburns 36s var(--ease-in-out,ease-in-out) 1.2s infinite alternate;transform-origin:60% 30%}.mx-backdrop-stage:after{content:"";z-index:1;background:linear-gradient(to right, var(--background) 0%, color-mix(in oklch, var(--background) 82%, transparent) 30%, color-mix(in oklch, var(--background) 45%, transparent) 58%, transparent 82%), linear-gradient(to top, var(--background) 8%, color-mix(in oklch, var(--background) 40%, transparent) 55%, color-mix(in oklch, var(--background) 30%, transparent) 100%);position:absolute;inset:0}.mx-hero{flex-direction:column;justify-content:flex-end;gap:1rem;max-width:min(46rem,100%);min-height:clamp(380px,62vh,760px);padding-bottom:2.5rem;display:flex;position:relative}.mx-hero-logo{object-fit:contain;object-position:left bottom;max-width:min(30rem,80%);max-height:clamp(70px,14vh,160px)}.mx-hero-title{font-family:var(--font-heading);letter-spacing:-.035em;font-size:clamp(2.25rem,5vw,4.75rem);font-weight:700;line-height:1}.mx-hero-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.mx-chip{background:color-mix(in oklch, var(--foreground) 10%, transparent);color:var(--foreground);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex}.mx-hero-overview{color:color-mix(in oklch, var(--foreground) 85%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.55;display:-webkit-box;overflow:hidden}.mx-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.mx-hero-trailer{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .9s var(--mx-ease);border:0;position:absolute;inset:0;transform:scale(1.25)}.mx-hero-trailer[data-on]{opacity:.5}@keyframes mx-rise{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}:root[data-motion=full] .mx-hero>*{animation:mx-rise .42s var(--mx-ease) both;animation-delay:.12s}:root[data-motion=full] .mx-hero>:nth-child(2){animation-delay:.2s}:root[data-motion=full] .mx-hero>:nth-child(3){animation-delay:.27s}:root[data-motion=full] .mx-hero>:nth-child(4){animation-delay:.34s}:root[data-motion=full] .mx-rows>*{animation:mx-rise .48s var(--mx-ease) both;animation-delay:.42s}:root[data-motion=full] .mx-rows>:nth-child(2){animation-delay:.49s}:root[data-motion=full] .mx-rows>:nth-child(3){animation-delay:.56s}:root[data-motion=full] .mx-rows>:nth-child(n+4){animation-delay:.63s}.mx-rows{flex-direction:column;gap:clamp(1.5rem,2.4vw,2.75rem);display:flex}.mx-row-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.65rem;display:flex}.mx-row-title{font-family:var(--font-heading);letter-spacing:-.015em;font-size:clamp(1.1rem,1.35vw,1.55rem);font-weight:600}.mx-row-reason{color:var(--muted-foreground);font-size:.85rem}.mx-row-track{gap:var(--watch-row-gap);scroll-snap-type:x proximity;scrollbar-width:thin;margin:-.4rem -2px 0;padding:.4rem 2px .8rem;scroll-padding-inline:2px;list-style:none;display:flex;overflow-x:auto}.mx-row-track>*{scroll-snap-align:start;flex:none}.mx-card{width:var(--watch-poster-w);border-radius:var(--watch-radius);transition:transform .2s var(--mx-ease);color:inherit;display:block;position:relative}.mx-card:hover,.mx-card:focus-visible{z-index:2;transform:scale(1.05)}.mx-card:hover .mx-card-img,.mx-card:focus-visible .mx-card-img{box-shadow:0 0 0 2px var(--primary), 0 18px 40px -14px var(--watch-accent-glow)}.mx-card[data-variant=landscape]{width:calc(var(--watch-poster-w) * 1.78)}.mx-card-img{aspect-ratio:2/3;border-radius:var(--watch-radius);background:var(--muted);box-shadow:0 8px 24px -12px color-mix(in oklch, var(--foreground) 35%, transparent);transition:box-shadow .2s var(--mx-ease);display:block;position:relative;overflow:hidden}.mx-card[data-variant=landscape] .mx-card-img{aspect-ratio:16/9}.mx-card[data-variant=square] .mx-card-img{aspect-ratio:1}.mx-card-img img{object-fit:cover;width:100%;height:100%}.mx-card-fallback{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--foreground);text-wrap:balance;background:radial-gradient(120% 80% at 20% 0%, color-mix(in oklch, var(--primary) 28%, transparent), transparent 70%), linear-gradient(to top, var(--card), var(--muted));align-items:flex-end;padding:.8rem;font-size:clamp(.9rem,.95vw,1.1rem);font-weight:600;line-height:1.15;display:flex;position:absolute;inset:0}.mx-card-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mx-card-fallback[data-still]{background:linear-gradient(to top, color-mix(in oklch, var(--background) 92%, transparent) 0%, color-mix(in oklch, var(--background) 55%, transparent) 40%, transparent 70%)}.mx-card-progress{background:color-mix(in oklch, var(--background) 60%, transparent);border-radius:999px;height:4px;position:absolute;bottom:.5rem;left:.5rem;right:.5rem;overflow:hidden}.mx-card-progress>span{background:var(--primary);height:100%;display:block}.mx-card-title{white-space:nowrap;text-overflow:ellipsis;margin-top:.45rem;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.mx-card-sub{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;display:block;overflow:hidden}.mx-card-badge{position:absolute;top:.45rem;left:.45rem}.mx-page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;padding:1.5rem 0 1rem;display:flex}.mx-page-title{font-family:var(--font-heading);letter-spacing:-.03em;font-size:clamp(1.75rem,2.8vw,2.9rem);font-weight:700}.mx-grid{grid-template-columns:repeat(auto-fill, minmax(var(--watch-poster-w), 1fr));gap:1.25rem var(--watch-row-gap);padding:0;list-style:none;display:grid}.mx-grid .mx-card{width:100%}.mx-grid-wide{grid-template-columns:repeat(auto-fill, minmax(calc(var(--watch-poster-w) * 1.6), 1fr))}.mx-skel-row{gap:var(--watch-row-gap);display:flex;overflow:hidden}.mx-skel-card{width:var(--watch-poster-w);aspect-ratio:2/3;border-radius:var(--watch-radius);flex-shrink:0}@keyframes mx-pulse{50%{opacity:.4}}::view-transition-group(mx-poster){animation-duration:var(--dur-page,.32s);animation-timing-function:var(--mx-ease)}[data-motion=reduced] ::view-transition-group(mx-poster){animation:none}[data-motion=reduced] ::view-transition-old(mx-poster){animation:none}[data-motion=reduced] ::view-transition-new(mx-poster){animation:none}[data-motion=reduced] .mx-shell *,[data-motion=reduced] .mx-shell :before,[data-motion=reduced] .mx-shell :after{transition-duration:0s!important;animation:none!important}@media (prefers-reduced-motion:reduce){.mx-card:hover,.mx-card:focus-visible,.mx-gate-tile:hover,.mx-gate-tile:focus-visible{transform:none}.mx-hero>*,.mx-rows>*,.mx-backdrop-img[data-on]{animation:none}::view-transition-group(mx-poster){animation:none}::view-transition-old(mx-poster){animation:none}::view-transition-new(mx-poster){animation:none}}.mx-apps{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--muted-foreground);transition:color var(--dur-fast) ease, background var(--dur-fast) ease;place-items:center;display:grid}.mx-apps:hover{color:var(--foreground);background:color-mix(in oklch, var(--foreground) 8%, transparent)}
