/* MusicMixx: complete desktop presentation, loaded before first paint. */ @layer mmx-modern, mmx-legacy; @layer mmx-modern { /* MMX_MENU_STYLE_20261018: readable settings rows and consistent outline icons. */ html body.mmx-modern #mmxNeoSidebar .side-nav {gap:4px!important;} html body.mmx-modern #mmxNeoSidebar .side-nav :is(a,button) { display:flex!important;align-items:center!important;gap:13px!important; min-width:0!important;min-height:52px!important;padding:12px 8px!important; border:0!important;border-radius:9px!important;background:transparent!important; color:var(--mmx-nav-text)!important;box-shadow:none!important;text-align:left!important; font:600 14px/1.4 Roboto,"Segoe UI",Arial,sans-serif!important; letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important; transition:background .16s ease!important; } html body.mmx-modern #mmxNeoSidebar .side-nav :is(a,button)>span {min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;} html body.mmx-modern #mmxNeoSidebar .side-nav :is(a,button):hover {background:var(--mmx-nav-hover)!important;transform:none!important;} html body.mmx-modern #mmxNeoSidebar .side-nav .is-active, html body.mmx-modern #mmxNeoSidebar .side-nav .is-active:hover {background:var(--mmx-nav-selected)!important;color:var(--mmx-nav-text)!important;font-weight:650!important;} html body.mmx-modern #mmxNeoSidebar .side-nav .is-active::before {content:none!important;} html body.mmx-modern #mmxNeoSidebar .side-nav .mmx-ui-icon {width:25px!important;height:25px!important;flex:0 0 25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;color:inherit!important;} html body.mmx-modern #mmxNeoSidebar .side-nav .live-dot {background:var(--mmx-nav-muted)!important;box-shadow:none!important;} html body.mmx-modern #mmxNeoSidebar .side-nav .live-dot.is-on {background:#eb5769!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-panel { width:352px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 96px)!important; padding:8px!important;gap:2px!important;box-sizing:border-box!important; background:var(--mmx-nav-surface-raised)!important;color:var(--mmx-nav-text)!important; border:1px solid var(--mmx-nav-line)!important;border-radius:16px!important; box-shadow:0 16px 48px rgba(0,0,0,.22)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important; font-family:Roboto,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased;text-shadow:none!important; } html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-header {background:var(--mmx-nav-surface-raised)!important;padding:10px 12px 14px!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-title {color:var(--mmx-nav-text)!important;font:700 22px/1.3 Roboto,"Segoe UI",Arial,sans-serif!important;letter-spacing:normal!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-close {color:var(--mmx-nav-text)!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-close svg {width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;} html body.mmx-modern #whiteAdminMenu :is(.mmx-admin-menu-item,#bellBtn) { display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important;min-height:54px!important; width:100%!important;padding:12px!important;margin:0!important;border:0!important;border-radius:9px!important; background:transparent!important;color:var(--mmx-nav-text)!important;box-shadow:none!important;transform:none!important;text-align:left!important; font:600 16px/1.4 Roboto,"Segoe UI",Arial,sans-serif!important; } html body.mmx-modern #whiteAdminMenu :is(.mmx-admin-menu-item,#bellBtn):hover {background:var(--mmx-nav-hover)!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-lineicon {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 27px!important;width:27px!important;height:27px!important;color:inherit!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-lineicon svg {display:block!important;width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-copy {display:block!important;flex:1 1 auto!important;min-width:0!important;text-align:left!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-label {color:inherit!important;font:inherit!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:normal!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-tail {flex:0 0 auto!important;border:1px solid transparent!important;box-shadow:none!important;text-shadow:none!important;margin-left:auto!important;padding:3px 7px!important;border-radius:6px!important;background:var(--mmx-nav-hover)!important;color:var(--mmx-nav-muted)!important;font:600 11px/1.4 Roboto,"Segoe UI",Arial,sans-serif!important;} html body.mmx-modern #whiteAdminMenu .is-off .mmx-admin-menu-tail {color:var(--mmx-nav-muted)!important;} html body.mmx-modern {--mmx-menu-state-bg:#dff9e9;--mmx-menu-state-text:#08723e;} html[data-theme="dark"] body.mmx-modern {--mmx-menu-state-bg:#153e29;--mmx-menu-state-text:#93f5ba;} html body.mmx-modern #mmxNeoSidebar #mmxCinemaToggle>.mmx-cinema-state {display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;padding:3px 7px!important;min-width:28px!important;border:1px solid transparent!important;border-radius:6px!important;background:var(--mmx-nav-hover)!important;color:var(--mmx-nav-muted)!important;box-shadow:none!important;text-shadow:none!important;font:600 11px/1.4 Roboto,"Segoe UI",Arial,sans-serif!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-item[data-enabled="1"]>.mmx-admin-menu-tail, html body.mmx-modern #mmxNeoSidebar #mmxCinemaToggle[aria-pressed="true"]>.mmx-cinema-state {background:var(--mmx-menu-state-bg)!important;color:var(--mmx-menu-state-text)!important;border-color:#52c982!important;box-shadow:0 0 10px rgba(49,200,106,.38),inset 0 0 6px rgba(49,200,106,.10)!important;text-shadow:0 0 7px rgba(49,200,106,.16)!important;} html body.mmx-modern #whiteAdminMenu #reportBadge {background:#e93847!important;color:#fff!important;} html body.mmx-modern #whiteAdminMenu .mmx-admin-menu-divider {background:var(--mmx-nav-line)!important;margin:6px 12px!important;} @media (max-width:360px) { html body.mmx-modern #whiteAdminMenu :is(.mmx-admin-menu-item,#bellBtn) {gap:12px!important;padding:11px 8px!important;font-size:15px!important;} } @media (prefers-reduced-motion:reduce) { html body.mmx-modern #mmxNeoSidebar .side-nav :is(a,button) {transition:none!important;} } #mmxCookieNotice,#mmxCookieNotice:not(.is-visible) { display:none!important; } #mmxCookieNotice.is-visible:not([hidden]) { display:flex!important; position:fixed!important; inset:auto 16px max(16px,env(safe-area-inset-bottom,0px)) 16px!important; z-index:2147483000!important; justify-content:center!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; pointer-events:none!important; } #mmxCookieNotice .mmx-cookie-notice-card { box-sizing:border-box!important; width:min(100%,860px)!important; margin:0!important; padding:14px 16px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; border-radius:16px!important; border:1px solid rgba(148,185,170,.25)!important; background:rgba(16,24,27,.97)!important; color:#e9f3f0!important; box-shadow:0 14px 44px rgba(0,0,0,.44)!important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); pointer-events:auto!important; } #mmxCookieNotice .mmx-cookie-notice-text { flex:1 1 auto!important; min-width:0!important; margin:0!important; padding:0!important; font:400 14px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important; color:#e9f3f0!important; text-align:left!important; overflow-wrap:break-word!important; } #mmxCookieNotice #mmxCookieNoticeOk { box-sizing:border-box!important; appearance:none!important; -webkit-appearance:none!important; position:relative!important; display:inline-flex!important; visibility:visible!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; min-width:116px!important; min-height:44px!important; margin:0!important; padding:10px 18px!important; border:none!important; border-radius:10px!important; background:#adfac9!important; color:#10251a!important; font:750 14px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important; text-decoration:none!important; text-transform:none!important; letter-spacing:normal!important; opacity:1!important; cursor:pointer!important; pointer-events:auto!important; box-shadow:none!important; touch-action:manipulation; } #mmxCookieNotice #mmxCookieNoticeOk:hover { background:#d0ffe1!important; } #mmxCookieNotice #mmxCookieNoticeOk:focus-visible { outline:3px solid #fff!important; outline-offset:3px!important; } @media (max-width:600px) { #mmxCookieNotice.is-visible:not([hidden]) { inset:auto 10px max(10px,env(safe-area-inset-bottom,0px)) 10px!important; } #mmxCookieNotice .mmx-cookie-notice-card { flex-direction:column!important; align-items:stretch!important; gap:12px!important; padding:14px!important; border-radius:14px!important; } #mmxCookieNotice .mmx-cookie-notice-text { font-size:13px!important; } #mmxCookieNotice #mmxCookieNoticeOk { width:100%!important; } } :root { color-scheme:light!important; --bg:#f5f6f0!important; --paper:#fff!important; --soft:#e9ece3!important; --text:#1d2820!important; --muted:#707b71!important; --line:#dce2d6!important; --accent:#cef36b!important; --accent-ink:#253818!important; --accent-text:#47751c!important; --selected:#e5efd4!important; --hero:#fff!important; --bar:#fff!important; --sidebar:#142019!important; --side-text:#e7ece4!important; --side-muted:#96a391!important; --side-line:#2b382b!important; font-family:Arial,"Nimbus Sans",Helvetica,sans-serif!important; } html[data-theme="dark"] { color-scheme:dark!important; --bg:#101811!important; --paper:#19231b!important; --soft:#263128!important; --text:#eff4ea!important; --muted:#a0af9f!important; --line:#2d3a2e!important; --accent-text:#cef36b!important; --selected:#293c20!important; --hero:#19231b!important; --bar:#19231b!important; --sidebar:#0b130e!important; --side-line:#233127!important; } * { box-sizing:border-box!important; } body { margin:0!important; background:var(--bg)!important; color:var(--text)!important; font-size:14px!important; line-height:1.5!important; } button,input,select { font:inherit!important; } button,a { touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } button { cursor:pointer!important; border:0!important; color:inherit!important; background:transparent!important; } a { color:inherit!important; text-decoration:none!important; } button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--accent-text)!important; outline-offset:4px!important; } svg.mmx-ui-icon { width:20px!important; height:20px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:1.7!important; stroke-linecap:round!important; stroke-linejoin:round!important; flex-shrink:0!important; } [hidden] { display:none!important; } .play-ico { fill:currentColor!important; stroke:none!important; } .sidebar { width:216px!important; position:fixed!important; top:0!important; left:0!important; bottom:0!important; background:var(--sidebar)!important; color:var(--side-text)!important; z-index:60!important; display:flex!important; flex-direction:column!important; padding:29px 20px 21px!important; } .brand { display:flex!important; align-items:center!important; } .brand-mark { width:34px!important; height:34px!important; display:grid!important; place-items:center!important; border-radius:10px!important; background:var(--accent)!important; color:#192b13!important; flex-shrink:0!important; } .brand-mark .mmx-ui-icon { width:22px!important; height:22px!important; } .brand-copy b { display:block!important; font-size:16px!important; font-weight:800!important; letter-spacing:-.6px!important; white-space:nowrap!important; } .brand-copy small { display:block!important; color:var(--side-muted)!important; font-size:8px!important; letter-spacing:2px!important; margin-top:2px!important; } .side-label { margin:48px 14px 14px!important; font-size:8px!important; letter-spacing:1.8px!important; font-weight:700!important; color:var(--side-muted)!important; } .side-nav { display:flex!important; flex-direction:column!important; gap:7px!important; } .side-nav a,.side-nav button { display:flex!important; align-items:center!important; gap:13px!important; padding:13px 14px!important; border-radius:8px!important; color:var(--side-muted)!important; font-size:12px!important; font-weight:600!important; text-align:left!important; min-height:46px!important; } .side-nav .mmx-ui-icon { width:18px!important; height:18px!important; } .side-nav a:hover,.side-nav button:hover { color:var(--side-text)!important; background:var(--side-line)!important; } .side-nav .is-active { background:var(--accent)!important; color:#253818!important; } .side-nav .live-dot { width:5px!important; height:5px!important; margin-left:auto!important; border-radius:50%!important; background:var(--side-muted)!important; } .side-separator { height:1px!important; background:var(--side-line)!important; margin:23px 14px!important; } .side-mini-links { gap:3px!important; } .side-mini-links button { padding-top:10px!important; padding-bottom:10px!important; } .sidebar-bottom { margin-top:auto!important; padding-top:30px!important; } .side-account { display:flex!important; align-items:center!important; gap:11px!important; width:100%!important; text-align:left!important; padding:10px 8px!important; border-radius:8px!important; } .account-icon { width:33px!important; height:33px!important; background:var(--side-line)!important; border-radius:50%!important; display:grid!important; place-items:center!important; color:var(--side-muted)!important; } .account-icon .mmx-ui-icon { width:16px!important; height:16px!important; } .side-account b { display:block!important; font-size:11px!important; } .side-account small { display:block!important; font-size:9px!important; color:var(--side-muted)!important; } .side-account>.mmx-ui-icon { margin-left:auto!important; width:15px!important; color:var(--side-muted)!important; } .main-shell { margin-left:216px!important; padding:0 42px 40px!important; max-width:1556px!important; } .topbar { height:70px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; border-bottom:1px solid var(--line)!important; gap:16px!important; } .breadcrumb { display:flex!important; align-items:center!important; gap:9px!important; font-size:9px!important; font-weight:700!important; letter-spacing:1.6px!important; color:var(--muted)!important; } .breadcrumb span { color:var(--text)!important; } .breadcrumb i { font-style:normal!important; opacity:.5!important; } .topbar-actions { display:flex!important; align-items:center!important; gap:13px!important; } .icon-button { width:38px!important; height:38px!important; display:grid!important; place-items:center!important; color:var(--muted)!important; border-radius:50%!important; } .icon-button:hover { background:var(--soft)!important; color:var(--text)!important; } .icon-button .mmx-ui-icon { width:18px!important; height:18px!important; } .topbar-note { font-size:10px!important; color:var(--muted)!important; border-right:1px solid var(--line)!important; padding-right:20px!important; } .mobile-brand,.menu-button { display:none!important; } .archive-intro { display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:24px!important; padding:25px 0 21px!important; } .section-kicker { display:flex!important; align-items:center!important; gap:8px!important; color:var(--accent-text)!important; font-size:9px!important; letter-spacing:1.8px!important; font-weight:700!important; } .section-kicker:before { content:""!important; width:6px!important; height:6px!important; background:var(--accent-text)!important; border-radius:50%!important; } .archive-intro h1 { font-size:44px!important; line-height:1.04!important; font-weight:800!important; letter-spacing:-2px!important; margin:12px 0 0!important; } .intro-description { max-width:250px!important; color:var(--muted)!important; font-size:12px!important; line-height:1.75!important; margin:0 0 3px!important; } .featured-mix { display:grid!important; grid-template-columns:minmax(0,1.25fr) minmax(285px,1fr)!important; border:1px solid var(--line)!important; border-radius:14px!important; overflow:hidden!important; background:var(--hero)!important; margin-bottom:33px!important; } .feature-thumb { display:block!important; position:relative!important; background:#060806!important; line-height:0!important; } .feature-thumb img { display:block!important; } .feature-copy { display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; padding:28px 30px!important; min-width:0!important; } .feature-eyebrow { font-size:8px!important; font-weight:700!important; letter-spacing:1.55px!important; color:var(--muted)!important; display:flex!important; align-items:center!important; gap:9px!important; } .new-chip { padding:3px 6px!important; border-radius:3px!important; background:var(--accent)!important; color:var(--accent-ink)!important; font-size:8px!important; letter-spacing:.5px!important; } .feature-category { margin-top:18px!important; color:var(--accent-text)!important; font-size:10px!important; font-weight:700!important; } .feature-title { font-size:33px!important; line-height:1.14!important; letter-spacing:-1.25px!important; font-weight:800!important; margin:7px 0 12px!important; display:block!important; } .feature-meta { color:var(--muted)!important; display:flex!important; flex-wrap:wrap!important; } .feature-meta span { display:flex!important; align-items:center!important; gap:5px!important; } .feature-meta .mmx-ui-icon { width:12px!important; height:12px!important; } .feature-actions { display:flex!important; gap:12px!important; align-items:center!important; margin-top:24px!important; flex-wrap:wrap!important; } .accent-button { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; background:var(--accent)!important; color:var(--accent-ink)!important; border-radius:7px!important; padding:12px 17px!important; font-weight:700!important; } .accent-button .mmx-ui-icon { width:13px!important; height:13px!important; } .library-heading { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; margin-bottom:17px!important; } .library-title { display:flex!important; align-items:center!important; gap:12px!important; } .library-title h2 { font-size:22px!important; font-weight:800!important; letter-spacing:-.7px!important; margin:0!important; } .library-title small { color:var(--muted)!important; } .library-controls { display:flex!important; align-items:center!important; gap:14px!important; } .search { display:flex!important; align-items:center!important; gap:9px!important; color:var(--muted)!important; border:1px solid var(--line)!important; padding:10px 12px!important; border-radius:7px!important; background:var(--paper)!important; min-width:225px!important; } .search .mmx-ui-icon { width:15px!important; height:15px!important; } .search input { border:0!important; background:transparent!important; color:var(--text)!important; outline:none!important; width:100%!important; min-width:0!important; } .search input::placeholder { color:var(--muted)!important; } .sort { color:var(--muted)!important; font-size:10px!important; } .sort select { color:inherit!important; background:var(--bg)!important; border:0!important; padding:10px 0!important; cursor:pointer!important; } .mmx-style-finder { margin-bottom:23px!important; } .mmx-style-chips { display:flex!important; gap:7px!important; overflow-x:auto!important; scrollbar-width:none!important; } .mmx-style-chips::-webkit-scrollbar { display:none!important; } .mmx-style-chip { white-space:nowrap!important; flex-shrink:0!important; display:flex!important; align-items:center!important; gap:7px!important; color:var(--muted)!important; padding:8px 14px!important; border-radius:5px!important; border:1px solid transparent!important; } .mmx-style-chip.is-active { background:var(--selected)!important; color:var(--accent-text)!important; border-color:var(--line)!important; font-weight:700!important; } .mmx-style-chip:hover { background:var(--soft)!important; color:var(--text)!important; } .mmx-style-chip .mmx-ui-icon { width:12px!important; height:12px!important; } .mmx-style-status { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; } .grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:27px 20px!important; } .post { min-width:0!important; } .mmx-style-hidden { display:none!important; } .video-thumb { display:block!important; position:relative!important; overflow:hidden!important; background:#080a08!important; } .video-thumb img { width:100%!important; height:100%!important; object-fit:contain!important; display:block!important; } .thumb-hover { position:absolute!important; inset:0!important; display:grid!important; place-items:center!important; background:rgba(0,0,0,.15)!important; opacity:0!important; transition:opacity .2s!important; } .thumb-hover span { border-radius:50%!important; width:39px!important; height:39px!important; background:var(--accent)!important; color:var(--accent-ink)!important; display:grid!important; place-items:center!important; } .thumb-hover .mmx-ui-icon { width:13px!important; height:13px!important; margin-left:2px!important; } .video-thumb:hover .thumb-hover { opacity:1!important; } .card-category { letter-spacing:1.1px!important; font-weight:700!important; color:var(--accent-text)!important; margin-top:11px!important; display:flex!important; justify-content:space-between!important; } .card-category small { color:var(--muted)!important; font-weight:400!important; } .card-title-row { display:flex!important; gap:6px!important; align-items:flex-start!important; margin-top:5px!important; } .title { flex:1!important; display:block!important; font-size:13px!important; line-height:1.45!important; font-weight:700!important; letter-spacing:-.25px!important; min-height:38px!important; } .title:hover { color:var(--accent-text)!important; } .card-menu { display:grid!important; place-items:center!important; color:var(--muted)!important; flex-shrink:0!important; } .card-menu .mmx-ui-icon { width:18px!important; } .meta { display:flex!important; align-items:center!important; gap:6px!important; flex-wrap:wrap!important; color:var(--muted)!important; margin-top:4px!important; } .meta .mmx-ui-icon { width:11px!important; height:11px!important; } .mmx-style-empty { padding:50px 10px!important; text-align:center!important; color:var(--muted)!important; } .mmx-style-empty button { display:block!important; margin:15px auto 0!important; background:var(--selected)!important; color:var(--accent-text)!important; padding:10px 15px!important; border-radius:6px!important; font-weight:600!important; } .site-footer { border-top:1px solid var(--line)!important; margin-top:33px!important; padding:20px 0 8px!important; display:flex!important; gap:20px!important; justify-content:space-between!important; flex-wrap:wrap!important; color:var(--muted)!important; } .site-footer div { display:flex!important; gap:15px!important; } .site-footer button { padding:0!important; font-size:9px!important; color:var(--muted)!important; } .mobile-bottom-nav { display:none!important; } .drawer-backdrop { position:fixed!important; inset:0!important; z-index:55!important; background:rgba(0,0,0,.5)!important; } .modal { position:fixed!important; inset:0!important; z-index:100!important; display:flex!important; justify-content:center!important; align-items:center!important; background:rgba(0,0,0,.6)!important; padding:20px!important; } @media (max-width:1150px) and (min-width:761px) { .sidebar { width:80px!important; padding:26px 13px!important; } .sidebar .brand-copy,.side-label,.side-nav span,.side-nav .live-dot,.side-account>span:not(.account-icon),.side-account>.mmx-ui-icon { display:none!important; } .sidebar .brand { justify-content:center!important; } .side-nav { margin-top:35px!important; } .side-nav a,.side-nav button { justify-content:center!important; padding:13px!important; } .side-mini-links { margin-top:0!important; } .side-separator { margin:23px 7px!important; } .side-account { justify-content:center!important; padding:0!important; } .main-shell { margin-left:80px!important; padding-left:30px!important; padding-right:30px!important; } .archive-intro h1 { font-size:43px!important; } .featured-mix { grid-template-columns:1.45fr 1fr!important; } .feature-copy { padding:20px!important; } .feature-title { font-size:27px!important; } .feature-actions { margin-top:15px!important; gap:6px!important; } .feature-meta { gap:8px!important; } .feature-category { margin-top:11px!important; } .grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .intro-description { max-width:215px!important; } } @media (max-width:760px) { .sidebar { left:-240px!important; width:216px!important; transition:left .2s ease!important; padding-top:27px!important; } .sidebar.is-open { left:0!important; } .main-shell { margin-left:0!important; padding:0 18px calc(48px + env(safe-area-inset-bottom))!important; } .topbar { height:67px!important; margin:0-18px!important; padding:0 18px!important; background:var(--paper)!important; position:sticky!important; top:0!important; z-index:40!important; } .breadcrumb,.topbar-note { display:none!important; } .mobile-brand { display:flex!important; } .mobile-brand .brand-mark { border-radius:8px!important; } .mobile-brand .brand-mark .mmx-ui-icon { width:19px!important; height:19px!important; } .topbar-actions { margin-left:auto!important; } .icon-button { width:44px!important; height:44px!important; } .menu-button { display:grid!important; } .archive-intro { padding:27px 0 23px!important; display:block!important; } .section-kicker { font-size:8px!important; letter-spacing:1.6px!important; } .archive-intro h1 { font-size:38px!important; line-height:1.06!important; letter-spacing:-1.6px!important; margin-top:12px!important; } .intro-description { display:none!important; } .featured-mix { grid-template-columns:1fr!important; border-radius:11px!important; margin-bottom:27px!important; } .feature-copy { padding:19px 21px 21px!important; } .feature-category { display:none!important; } .feature-title { letter-spacing:-.7px!important; margin:11px 0 10px!important; } .feature-actions { margin-top:15px!important; width:100%!important; } .accent-button { font-size:10px!important; min-height:43px!important; padding:11px 15px!important; } .library-heading { display:block!important; margin-bottom:13px!important; } .library-title { justify-content:space-between!important; } .library-controls { margin-top:15px!important; } .search { min-width:0!important; flex:1!important; } .mmx-style-finder { margin-bottom:19px!important; } .mmx-style-chips { gap:3px!important; } .grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:23px 14px!important; } .video-thumb { border-radius:6px!important; } .card-category { letter-spacing:.7px!important; margin-top:9px!important; } .card-category small { font-size:7px!important; } .card-title-row { gap:2px!important; } .title { font-size:12px!important; letter-spacing:-.15px!important; line-height:1.45!important; min-height:35px!important; } .card-menu .mmx-ui-icon { width:16px!important; } .meta { margin-top:4px!important; } .meta .mmx-ui-icon { width:10px!important; height:10px!important; } .site-footer { font-size:8px!important; margin-top:25px!important; padding-top:16px!important; gap:12px!important; } .site-footer button { font-size:8px!important; } .mobile-bottom-nav { display:flex!important; position:fixed!important; bottom:0!important; left:0!important; right:0!important; z-index:50!important; background:var(--paper)!important; border-top:1px solid var(--line)!important; align-items:center!important; justify-content:space-around!important; } .mobile-bottom-nav a { display:flex!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; color:var(--muted)!important; } .mobile-bottom-nav .mmx-ui-icon { width:18px!important; height:18px!important; } .mobile-bottom-nav .is-active { color:var(--accent-text)!important; } } @media (prefers-reduced-motion:reduce) { * { transition:none!important; scroll-behavior:auto!important; } } body.mmx-modern { width:auto!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:100svh!important; overflow-x:hidden!important; overflow-y:auto!important; background:var(--bg)!important; color:var(--text)!important; font-family:Arial,"Nimbus Sans",Helvetica,sans-serif!important; line-height:1.5!important; display:block!important; position:static!important; padding:0!important; filter:none!important; } #siteRoot.main-shell { display:block!important; position:relative!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important; width:auto!important; height:auto!important; min-height:100svh!important; max-height:none!important; overflow:visible!important; filter:none!important; transform:none!important; } #siteRoot>.container { display:block!important; position:static!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; background:none!important; border:0!important; box-shadow:none!important; transform:none!important; } #mmxArchiveView { display:block!important; position:static!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; gap:0!important; overflow:visible!important; min-width:0!important; height:auto!important; max-height:none!important; } body[data-mmx-view="live"] #mmxArchiveView,body[data-mmx-view="archive"] #mmxLiveStage { display:none!important; } #mmxArchiveGrid.grid { display:grid!important; position:static!important; width:100%!important; height:auto!important; max-height:none!important; overflow:visible!important; padding:0!important; margin:0!important; align-items:start!important; } #siteRoot .post { position:relative!important; display:block!important; background:none!important; border:0!important; box-shadow:none!important; border-radius:0!important; padding:0!important; margin:0!important; transform:none!important; min-width:0!important; min-height:0!important; text-align:left!important; overflow:visible!important; } #siteRoot .featured-mix { display:grid!important; background:var(--hero)!important; border:1px solid var(--line)!important; border-radius:14px!important; overflow:visible!important; margin-bottom:33px!important; } .feature-thumb { border-radius:13px 0 0 13px!important; overflow:hidden!important; margin:0!important; aspect-ratio:16/9!important; align-self:center!important; } .feature-thumb img { height:100%!important; width:100%!important; object-fit:contain!important; } .video-thumb { padding:0!important; box-shadow:none!important; border:0!important; width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:16/9!important; border-radius:12px!important; min-height:0!important; transform:none!important; line-height:0!important; isolation:isolate!important; } .video-thumb img { position:static!important; opacity:1!important; visibility:visible!important; transform:none!important; filter:none!important; border-radius:inherit!important; } .hover-preview-video { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:contain!important; opacity:0!important; pointer-events:none!important; transition:opacity .2s!important; } .video-thumb.preview-active .hover-preview-video { opacity:1!important; } .video-thumb.preview-active .thumb-hover { opacity:0!important; } .video-thumb .thumb-hover { line-height:1.5!important; } .video-new-badge { position:static!important; display:inline-block!important; inset:auto!important; transform:none!important; box-shadow:none!important; background:var(--accent)!important; color:var(--accent-ink)!important; font-size:10px!important; line-height:1.4!important; padding:3px 6px!important; border-radius:3px!important; } .video-new-badge.is-hidden { display:none!important; } #mmxArchiveGrid .title { font-size:15px!important; line-height:1.45!important; text-transform:none!important; padding:0!important; margin:0!important; white-space:normal!important; overflow-wrap:anywhere!important; overflow:visible!important; text-align:left!important; max-height:none!important; -webkit-line-clamp:unset!important; display:block!important; min-width:0!important; } .card-copy { min-width:0!important; } .card-category { text-transform:uppercase!important; font-size:10px!important; } .card-category small { font-size:10px!important; letter-spacing:0!important; } .card-title-row { position:relative!important; } .meta { font-size:12px!important; justify-content:flex-start!important; text-align:left!important; white-space:normal!important; width:auto!important; overflow:visible!important; margin:4px 0 0!important; padding:0!important; min-height:0!important; background:none!important; border:0!important; text-shadow:none!important; } .meta-part,.meta-comments { display:inline-flex!important; align-items:center!important; gap:4px!important; font-size:inherit!important; color:var(--muted)!important; font-weight:400!important; } .meta-comments svg { width:12px!important; height:12px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.7!important; flex-shrink:0!important; } .meta-dot { font-size:inherit!important; } .feature-meta { gap:12px!important; font-size:12px!important; } .feature-meta .meta-dot { display:none!important; } .feature-title { text-transform:none!important; overflow-wrap:anywhere!important; } .feature-title:hover { color:var(--accent-text)!important; } .mix-tools { position:relative!important; flex-shrink:0!important; } .card-menu { list-style:none!important; width:32px!important; height:36px!important; cursor:pointer!important; border-radius:6px!important; } .card-menu::-webkit-details-marker { display:none!important; } .card-menu:hover { color:var(--text)!important; background:var(--soft)!important; } .mix-tools-panel { position:absolute!important; top:100%!important; right:0!important; z-index:10!important; width:230px!important; max-width:calc(100vw - 36px)!important; padding:9px!important; background:var(--paper)!important; border:1px solid var(--line)!important; border-radius:9px!important; box-shadow:0 10px 30px #0003!important; line-height:1.5!important; } .mix-tools-panel>a { display:block!important; font-size:13px!important; padding:12px!important; border-radius:6px!important; } .mix-tools-panel>a:hover { background:var(--soft)!important; } .indexDownloadWrap.btn-container { display:block!important; position:relative!important; min-width:0!important; width:auto!important; margin:0!important; padding:0!important; background:none!important; align-self:auto!important; } .btn-download { position:static!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-height:44px!important; min-width:0!important; width:auto!important; max-width:100%!important; margin:0!important; padding:10px 8px!important; background:none!important; border:0!important; border-radius:6px!important; box-shadow:none!important; color:var(--muted)!important; font-family:inherit!important; font-size:12px!important; font-weight:600!important; text-transform:none!important; letter-spacing:0!important; text-shadow:none!important; line-height:1.4!important; text-decoration:none!important; transform:none!important; } .btn-download:hover { background:var(--soft)!important; color:var(--text)!important; } .btn-download svg { width:16px!important; height:16px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; } .accent-button { min-height:44px!important; font-size:13px!important; } .accent-button svg { width:15px!important; height:15px!important; } .indexDownloadGateBubble { background:var(--paper)!important; color:var(--text)!important; border:1px solid var(--line)!important; border-radius:9px!important; box-shadow:0 12px 35px #0004!important; font-size:14px!important; text-align:left!important; width:270px!important; max-width:calc(100vw - 36px)!important; bottom:calc(100% + 8px)!important; left:auto!important; right:0!important; transform:none!important; z-index:65!important; padding:16px!important; } .indexDownloadGateBubble .small { font-size:12px!important; line-height:1.55!important; color:var(--muted)!important; } .indexDownloadGateBubble .gateLinks { display:flex!important; flex-wrap:wrap!important; gap:6px!important; } .indexDownloadGateBubble a,.indexDownloadGateBubble button { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; padding:8px 10px!important; background:var(--selected)!important; color:var(--accent-text)!important; border-radius:6px!important; font-size:12px!important; } .search { min-height:44px!important; } .search input { font-size:14px!important; } .sort select { font-size:12px!important; max-width:135px!important; min-height:44px!important; } .mmx-style-chip { font-size:12px!important; min-height:44px!important; } .mmx-style-chip svg { width:14px!important; height:14px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.7!important; } .mmx-style-chip small { display:none!important; } .library-title small { font-size:12px!important; } .site-footer { font-size:11px!important; } #mmxNeoTopbar.topbar { position:relative!important; top:auto!important; left:auto!important; right:auto!important; width:100%!important; height:70px!important; min-height:70px!important; margin:0!important; padding:0!important; display:flex!important; flex-direction:row!important; grid-template-columns:none!important; border:0!important; border-bottom:1px solid var(--line)!important; background:var(--bg)!important; box-shadow:none!important; transform:none!important; z-index:40!important; overflow:visible!important; } .topbar-actions { flex-shrink:0!important; } .sidebar .side-nav { position:static!important; display:flex!important; flex-direction:column!important; inset:auto!important; width:auto!important; background:none!important; box-shadow:none!important; border:0!important; padding:0!important; margin:0!important; } .sidebar .side-nav a,.sidebar .side-nav button { font-size:14px!important; } .sidebar .live-dot.is-on { background:#f27379!important; } .sidebar { overflow-y:auto!important; } .sidebar.is-open { overflow-y:auto!important; } .sidebar-bottom { flex-shrink:0!important; } .side-account { min-height:44px!important; } #topIcons { display:flex!important; position:static!important; width:auto!important; height:auto!important; gap:5px!important; padding:0!important; margin:0!important; align-items:center!important; transform:none!important; grid-template-columns:none!important; overflow:visible!important; background:none!important; border:0!important; box-shadow:none!important; } #topIcons>#bellBtn,#whiteAdminMenuBtn { position:relative!important; display:grid!important; place-items:center!important; width:38px!important; height:44px!important; min-width:38px!important; min-height:44px!important; border:0!important; border-radius:6px!important; background:var(--soft)!important; color:var(--text)!important; box-shadow:none!important; transform:none!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; } .mmx-admin-menu { position:relative!important; } .mmx-admin-menu-panel { position:fixed!important; top:76px!important; right:20px!important; left:auto!important; bottom:auto!important; width:340px!important; max-width:calc(100vw - 36px)!important; max-height:calc(100svh - 150px)!important; overflow-y:auto!important; background:var(--paper)!important; color:var(--text)!important; border:1px solid var(--line)!important; border-radius:12px!important; box-shadow:0 16px 50px #0005!important; z-index:110!important; } .mmx-admin-menu-panel .mmx-admin-menu-item,.mmx-admin-menu-panel>.ico { color:var(--text)!important; font-family:inherit!important; min-height:44px!important; } .mmx-admin-menu-panel .mmx-admin-menu-tail { color:var(--accent-text)!important; } #login.loginbar { display:none!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; position:fixed!important; inset:0!important; width:100%!important; height:100svh!important; max-width:none!important; max-height:none!important; z-index:120!important; background:#0009!important; padding:24px!important; margin:0!important; align-items:center!important; justify-content:center!important; backdrop-filter:blur(5px)!important; transform:none!important; } .mmx-modern-login-open #login.guest { display:flex!important; } #login form { display:grid!important; position:relative!important; gap:14px!important; width:100%!important; max-width:380px!important; margin:0!important; padding:64px 24px 24px!important; background:var(--paper)!important; border:1px solid var(--line)!important; border-radius:12px!important; box-shadow:0 20px 60px #0005!important; } #login form:before { content:"Belépés"!important; position:absolute!important; top:22px!important; left:24px!important; color:var(--text)!important; font:700 22px/1.2 Arial,sans-serif!important; } #login form:after { display:none!important; } #login form input:not([type=hidden]) { display:block!important; width:100%!important; height:48px!important; min-height:48px!important; background:var(--bg)!important; color:var(--text)!important; border:1px solid var(--line)!important; border-radius:7px!important; padding:12px!important; font:400 16px/1.4 Arial,sans-serif!important; opacity:1!important; visibility:visible!important; } #login form input::placeholder { color:var(--muted)!important; opacity:1!important; } #login form button[type=submit] { height:46px!important; background:var(--accent)!important; color:var(--accent-ink)!important; border:0!important; border-radius:7px!important; font:700 14px/1.4 Arial,sans-serif!important; position:static!important; width:auto!important; } #mmxModernLoginClose { position:absolute!important; top:14px!important; right:12px!important; width:44px!important; height:44px!important; padding:0!important; font:400 28px/1 Arial,sans-serif!important; color:var(--muted)!important; background:none!important; border:0!important; box-shadow:none!important; border-radius:6px!important; } .mmx-maintenance-toggle { font-family:inherit!important; } #mmxAboutOverlay .mmx-about-card { background:var(--paper)!important; color:var(--text)!important; border-color:var(--line)!important; } #mmxLiveSchedulePanelV1 { border-color:var(--line)!important; } #mmxAboutOverlay p { font-size:14px!important; line-height:1.75!important; color:var(--muted)!important; } #mmxLiveStage.is-offline { display:block!important; position:static!important; max-width:none!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; margin:0!important; padding:32px 0!important; background:none!important; border:0!important; box-shadow:none!important; gap:0!important; } #mmxLiveStage .mmx-live-offline-card { display:block!important; position:static!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } #mmxLiveScheduleShellV1 { position:relative!important; width:100%!important; margin:23px 0 0!important; padding:0!important; transform:none!important; inset:auto!important; } .mmx-live-schedule-bar { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%!important; padding:0!important; margin:0!important; background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .mmx-schedule-cell { display:flex!important; align-items:center!important; gap:11px!important; background:var(--paper)!important; color:var(--text)!important; border:1px solid var(--line)!important; border-radius:8px!important; box-shadow:none!important; } .mmx-schedule-cell svg { width:22px!important; height:22px!important; stroke:var(--accent-text)!important; fill:none!important; flex-shrink:0!important; } .mmx-schedule-cell small { font-size:11px!important; color:var(--muted)!important; } .mmx-schedule-cell strong { font-size:13px!important; color:var(--text)!important; } html.mmx-adminchat-app #siteRoot { display:none!important; } @keyframes mmxModernMarquee { 0%,15% { transform:translateX(0)!important; } 85%,100% { transform:translateX(var(--marquee-distance,0))!important; } } @media (max-width:1150px) and (min-width:761px) { .mmx-live-schedule-bar { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width:760px) { body.mmx-modern { padding-bottom:0!important; } #siteRoot.main-shell { margin-left:0!important; padding:0 18px calc(48px + env(safe-area-inset-bottom))!important; max-width:none!important; } #mmxNeoTopbar.topbar { position:sticky!important; top:0!important; width:calc(100% + 36px)!important; margin:0-18px!important; padding:0 18px!important; background:var(--paper)!important; gap:8px!important; } .topbar-actions { gap:2px!important; } .mobile-brand { min-width:0!important; gap:8px!important; } .mobile-brand .brand-copy { min-width:0!important; } .mobile-brand .brand-copy b { overflow:hidden!important; text-overflow:ellipsis!important; } .topbar .icon-button { width:44px!important; height:44px!important; flex-shrink:0!important; } #topIcons { gap:2px!important; } #topIcons>#bellBtn,#whiteAdminMenuBtn { width:34px!important; min-width:34px!important; height:44px!important; } .mmx-admin-menu-panel { right:18px!important; } #siteRoot .featured-mix { grid-template-columns:1fr!important; border-radius:11px!important; margin-bottom:27px!important; } .feature-thumb { border-radius:10px 10px 0 0!important; } .feature-title { font-size:26px!important; line-height:1.2!important; } .feature-meta { font-size:12px!important; gap:12px!important; } .feature-meta .feature-age { display:none!important; } .feature-eyebrow { font-size:9px!important; letter-spacing:1px!important; } .feature-actions { gap:8px!important; flex-wrap:wrap!important; } .feature-actions .accent-button { font-size:13px!important; min-height:44px!important; } .feature-actions .btn-download { font-size:12px!important; padding:10px 5px!important; } #mmxArchiveGrid.grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:23px 14px!important; } #mmxArchiveGrid .title { font-size:14px!important; line-height:1.45!important; min-height:40px!important; } .card-menu { width:30px!important; height:44px!important; } .card-category { font-size:10px!important; } .card-category small { display:none!important; } .meta { font-size:11px!important; gap:4px!important; } .meta-comments svg { width:11px!important; height:11px!important; } .mix-tools-panel { right:0!important; width:220px!important; } .search { padding:8px 10px!important; } .search input { font-size:16px!important; min-height:28px!important; } .sort select { font-size:11px!important; max-width:111px!important; } .library-controls { gap:8px!important; } .library-title h2 { font-size:20px!important; } .library-title small { font-size:11px!important; } .mmx-style-chip { font-size:13px!important; min-height:44px!important; padding:9px 12px!important; } .mmx-style-finder { margin-right:0!important; } .mmx-style-chips { width:calc(100% + 18px)!important; padding-right:18px!important; } .mobile-bottom-nav { padding-bottom:calc(6px + env(safe-area-inset-bottom))!important; } .mobile-bottom-nav a { font-size:10px!important; min-width:62px!important; } .mmx-live-schedule-bar { gap:11px!important; } } @media (max-width:359px) { #mmxArchiveGrid.grid { grid-template-columns:1fr!important; } .card-menu { width:44px!important; } .feature-copy { padding:18px!important; } .library-controls { flex-wrap:wrap!important; } .search { flex-basis:100%!important; } .sort { margin-left:auto!important; } .feature-actions { gap:3px!important; } .feature-title { font-size:25px!important; } } #siteRoot .post.mmx-style-hidden { display:none!important; } #mmxStyleFinder { position:static!important; padding:0!important; margin-top:0!important; background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; width:100%!important; max-width:none!important; overflow:visible!important; } #mmxStyleFinder .mmx-style-chips { justify-content:flex-start!important; } body.mmx-modern:before,body.mmx-modern:after { content:none!important; display:none!important; } body.mmx-modern.mmx-modern-drawer-open { overflow:hidden!important; } .archive-intro h1,.library-title h2,.feature-title,#mmxArchiveGrid .title { font-family:inherit!important; color:var(--text)!important; text-shadow:none!important; } #mmxArchiveGrid .title { order:0!important; letter-spacing:-.25px!important; } .mix-tools { order:1!important; } .card-category small { text-transform:none!important; } #mmxLiveStage.is-online { display:grid!important; position:static!important; inset:auto!important; grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr)!important; width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; min-height:0!important; margin:24px 0!important; padding:0!important; overflow:visible!important; background:none!important; transform:none!important; } #mmxLiveStage.is-online #liveBox { grid-area:video!important; position:relative!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:16/9!important; margin:0!important; padding:0!important; overflow:hidden!important; border:1px solid var(--line)!important; border-radius:12px!important; box-shadow:none!important; background:#000!important; transform:none!important; align-self:start!important; } #liveBox #liveVideo { display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; object-fit:contain!important; transform:none!important; border-radius:0!important; } #mmxLiveStage .mmx-live-summary { visibility:visible!important; opacity:1!important; pointer-events:auto!important; flex:0 0 auto!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; grid-area:summary!important; position:static!important; display:flex!important; justify-content:space-between!important; align-items:center!important; padding:0!important; margin:0!important; background:none!important; border:0!important; box-shadow:none!important; min-width:0!important; } .mmx-live-summary-copy small { color:var(--accent-text)!important; font:700 11px/1.5 Arial,sans-serif!important; letter-spacing:1px!important; } .mmx-live-summary-copy strong { display:block!important; color:var(--text)!important; font:700 24px/1.3 Arial,sans-serif!important; letter-spacing:-.4px!important; text-shadow:none!important; } .mmx-live-summary-copy>span { color:var(--muted)!important; font:400 12px/1.5 Arial,sans-serif!important; } #mmxLiveStage .live-actions { visibility:visible!important; opacity:1!important; pointer-events:auto!important; flex:0 0 auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; grid-area:actions!important; display:flex!important; position:static!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; gap:10px!important; flex-wrap:wrap!important; background:none!important; border:0!important; box-shadow:none!important; } #mmxLiveStage .react-btn { display:grid!important; place-items:center!important; min-width:44px!important; min-height:44px!important; width:44px!important; height:44px!important; padding:4px!important; border:1px solid var(--line)!important; border-radius:8px!important; background:var(--paper)!important; box-shadow:none!important; transform:none!important; } /* LIVE sharing is a plain icon in every interaction state. */ #mmxLiveStage.is-online #shareBtn.mmx-live-share, #mmxLiveStage.is-online #shareBtn.mmx-live-share:hover, #mmxLiveStage.is-online #shareBtn.mmx-live-share:active, #mmxLiveStage.is-online #shareBtn.mmx-live-share:focus { display:inline-flex!important;align-items:center!important;justify-content:center!important; flex:0 0 auto!important;gap:6px!important;box-sizing:border-box!important;min-width:32px!important;width:32px!important;min-height:32px!important;height:32px!important; padding:4px 6px!important;margin:0!important;border:0!important;border-radius:0!important; background:transparent!important;color:inherit!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important; font:600 12px/1.2 Arial,sans-serif!important;text-decoration:none;white-space:nowrap; filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; transform:none!important;text-shadow:none!important; } #mmxLiveStage.is-online #shareBtn.mmx-live-share::before, #mmxLiveStage.is-online #shareBtn.mmx-live-share::after {content:none!important;display:none!important;} #mmxLiveStage #shareBtn.mmx-live-share svg {display:block;flex:0 0 20px;width:20px;height:20px;} #mmxLiveStage #shareBtn.mmx-live-share:focus-visible {outline:2px solid #75b6ff;outline-offset:2px;} #mmxLiveStage .mmx-live-chat-shell { grid-area:chat!important; position:relative!important; inset:auto!important; display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; height:calc(100svh - 130px)!important; min-height:450px!important; max-height:none!important; overflow:hidden!important; margin:0!important; padding:0!important; background:var(--paper)!important; border:1px solid var(--line)!important; border-radius:12px!important; box-shadow:none!important; transform:none!important; } .mmx-live-chat-shell iframe { display:block!important; position:static!important; width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; flex:1!important; border:0!important; border-radius:0!important; background:var(--paper)!important; transform:none!important; } #liveBox>.overlay { display:none!important; } #mmxLiveDvrV1 { background:rgba(11,19,14,.92)!important; border:1px solid #2d3a2e!important; border-radius:8px!important; box-shadow:none!important; min-height:54px!important; } #mmxLiveDvrV1 .mmx-live-ctl-btn { min-width:40px!important; min-height:44px!important; color:#eff4ea!important; box-shadow:none!important; text-shadow:none!important; filter:none!important; border-color:transparent!important; } #mmxLiveDvrV1 #mmxLivePlayV1 { background:var(--accent)!important; color:var(--accent-ink)!important; border:0!important; box-shadow:none!important; filter:none!important; } #mmxLiveEdgeBtnV1 { background:#263128!important; color:#eff4ea!important; border-color:#2d3a2e!important; box-shadow:none!important; min-height:40px!important; } #mmxLiveVolumeV1 { accent-color:var(--accent)!important; filter:none!important; } #mmxLiveDvrRangeV1::-webkit-slider-thumb { border-color:var(--accent)!important; } #mmxLiveVolumeV1::-webkit-slider-thumb { background:var(--accent)!important; border-color:var(--accent)!important; box-shadow:none!important; } #mmxLiveVolumeV1::-webkit-slider-runnable-track { background:#52643d!important; box-shadow:none!important; } #mmxLiveDvrRangeV1::-moz-range-thumb { border-color:var(--accent)!important; } #mmxLiveVolumeV1::-moz-range-thumb { background:var(--accent)!important; border-color:var(--accent)!important; box-shadow:none!important; } #liveBox:fullscreen { width:100vw!important; height:100vh!important; aspect-ratio:auto!important; border:0!important; border-radius:0!important; } #liveBox:-webkit-full-screen { width:100vw!important; height:100vh!important; aspect-ratio:auto!important; border:0!important; border-radius:0!important; } .mmx-live-schedule-bar .mmx-schedule-cell-copy small { display:block!important; } .mmx-schedule-cell-copy { display:block!important; } @media (max-width:1150px) and (min-width:761px) { #mmxLiveStage.is-online { grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)!important; } } @media (max-width:760px) { #mmxLiveStage .mmx-live-summary-copy strong { font-size:20px!important; } #mmxLiveStage .mmx-live-chat-shell { height:max(360px,calc(100svh - 450px))!important; min-height:360px!important; border-radius:10px!important; } body[data-mmx-mobile-live-panel="useful"] #mmxLiveStage .mmx-live-chat-shell { display:none!important; } #mmxLiveDvrV1 .mmx-live-ctl-btn { min-width:36px!important; } .mmx-landscape-live-chat-head-v340 { display:none!important; } } #mmxLoginError { margin:0!important; padding:10px 12px!important; border:1px solid #9e5057!important; border-radius:7px!important; background:var(--soft)!important; color:var(--text)!important; font:600 14px/1.5 Arial,sans-serif!important; overflow-wrap:anywhere!important; } #mmxNeoTopbar #mmxReplyBell { position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 44px!important; width:44px!important; min-width:44px!important; height:44px!important; margin:0!important; padding:10px!important; border:0!important; border-radius:50%!important; background:transparent!important; color:var(--muted)!important; box-shadow:none!important; order:-1!important; } #mmxNeoTopbar #mmxReplyBell:hover,#mmxNeoTopbar #mmxReplyBell:focus-visible { background:var(--soft)!important; color:var(--text)!important; } #mmxNeoTopbar #mmxReplyBell.has-unread { color:var(--accent-text)!important; } #mmxReplyPanel { background:var(--paper)!important; color:var(--text)!important; border-color:var(--line)!important; font-family:inherit!important; } #mmxReplyPanel .mmx-reply-head,#mmxReplyPanel .mmx-reply-item { border-color:var(--line)!important; } #mmxReplyPanel .mmx-reply-item { color:var(--text)!important; } #mmxReplyPanel .mmx-reply-item.is-unread,#mmxReplyPanel .mmx-reply-item:hover,#mmxReplyPanel .mmx-reply-item:focus-visible { background:var(--selected)!important; border-left-color:var(--accent-text)!important; } #mmxReplyPanel .mmx-reply-mix,#mmxReplyMarkAll { color:var(--accent-text)!important; } #mmxReplyPanel .mmx-reply-time,#mmxReplyPanel .mmx-reply-empty { color:var(--muted)!important; } #mmxReplyPanel .mmx-reply-snippet { color:var(--text)!important; } #mmxReplyClose { width:44px!important; height:44px!important; background:var(--soft)!important; color:var(--text)!important; } #mmxReplyMarkAll { min-height:44px!important; font-size:13px!important; } .brand { gap:9px!important; } .brand .brand-mark { background:none!important; border:0!important; border-radius:0!important; width:36px!important; height:36px!important; color:var(--accent)!important; box-shadow:none!important; } .mmx-brand-symbol { display:block!important; width:100%!important; height:100%!important; overflow:visible!important; } .mmx-brand-symbol path:first-child { fill:currentColor!important; stroke:none!important; } .mmx-brand-symbol path:not(:first-child) { fill:none!important; stroke:currentColor!important; } .brand .brand-copy b { font:800 19px/1.15 Arial,sans-serif!important; letter-spacing:-.8px!important; white-space:nowrap!important; } .brand .brand-copy b em { font:700 10px/1 Arial,sans-serif!important; letter-spacing:.5px!important; font-style:normal!important; color:var(--side-muted)!important; vertical-align:middle!important; } .brand .brand-copy b span { color:var(--accent)!important; } .brand .brand-copy small { font:500 10px/1.4 Arial,sans-serif!important; letter-spacing:.2px!important; color:var(--side-muted)!important; margin-top:5px!important; text-transform:none!important; } .mmx-live-schedule-section { grid-area:schedule!important; min-width:0!important; width:100%!important; margin:28px 0 0!important; } .mmx-schedule-section-head { display:flex!important; justify-content:space-between!important; gap:16px!important; align-items:center!important; } .mmx-schedule-section-head .section-kicker { font-size:9px!important; } .mmx-schedule-section-head h2 { font:700 24px/1.3 Arial,sans-serif!important; letter-spacing:-.6px!important; margin:7px 0 0!important; color:var(--text)!important; } .mmx-schedule-edit { flex-shrink:0!important; min-height:44px!important; font-size:12px!important; } .mmx-schedule-edit .mmx-ui-icon { width:18px!important; height:18px!important; } #mmxLiveScheduleShellV1 { margin-top:18px!important; border:0!important; background:none!important; box-shadow:none!important; overflow:visible!important; } .mmx-live-schedule-bar { gap:12px!important; } .mmx-schedule-cell { padding:17px 14px!important; min-height:88px!important; text-align:left!important; min-width:0!important; overflow-wrap:anywhere!important; } .mmx-schedule-cell-copy { min-width:0!important; flex:1!important; } .mmx-schedule-cell strong { font:600 13px/1.5 Arial,sans-serif!important; white-space:normal!important; overflow:visible!important; } .mmx-schedule-cell small { font:500 10px/1.5 Arial,sans-serif!important; letter-spacing:.5px!important; } .mmx-schedule-admin-mark { color:var(--accent-text)!important; font-size:15px!important; flex:0 0 auto!important; } .mmx-schedule-cell:hover { border-color:var(--accent-text)!important; } #mmxLiveSchedulePanelV1 { background:var(--paper)!important; color:var(--text)!important; border:1px solid var(--line)!important; border-radius:14px!important; box-shadow:0 22px 70px #0006!important; z-index:150!important; padding:0 22px 22px!important; transform:none!important; } .mmx-live-schedule-panel-head { gap:12px!important; padding:20px 0!important; } .mmx-live-schedule-panel-head strong { font:700 19px/1.3 Arial,sans-serif!important; color:var(--text)!important; } .mmx-live-schedule-panel-head small { font:400 13px/1.5 Arial,sans-serif!important; color:var(--muted)!important; } .mmx-live-schedule-close { width:44px!important; height:44px!important; flex-basis:44px!important; background:var(--soft)!important; color:var(--text)!important; border-color:var(--line)!important; } .mmx-live-schedule-row { background:var(--bg)!important; border-color:var(--line)!important; color:var(--text)!important; border-radius:8px!important; min-height:54px!important; } .mmx-live-schedule-row.is-active { background:var(--selected)!important; border-color:var(--accent-text)!important; box-shadow:none!important; } .mmx-live-schedule-row-date,.mmx-live-schedule-row-time { color:var(--text)!important; font-family:inherit!important; } .mmx-live-schedule-row-mix { color:var(--muted)!important; font-family:inherit!important; white-space:normal!important; } .mmx-live-schedule-admin-form { grid-template-columns:1fr 1fr 1fr!important; gap:12px!important; background:var(--bg)!important; border-color:var(--line)!important; border-radius:10px!important; padding:16px!important; } .mmx-live-schedule-admin-form label { font:600 12px/1.4 Arial,sans-serif!important; letter-spacing:0!important; text-transform:none!important; color:var(--muted)!important; } .mmx-live-schedule-admin-form label:nth-of-type(4) { grid-column:1/-1!important; } .mmx-live-schedule-admin-form input { height:46px!important; font:400 16px/1.4 Arial,sans-serif!important; color:var(--text)!important; background:var(--paper)!important; border-color:var(--line)!important; border-radius:6px!important; } .mmx-live-schedule-admin-form input:focus { border-color:var(--accent-text)!important; box-shadow:0 0 0 2px var(--selected)!important; } .mmx-live-schedule-admin-actions { grid-column:1/-1!important; } .mmx-live-schedule-admin-actions button,.mmx-live-schedule-new { min-height:44px!important; height:44px!important; font:700 13px/1.4 Arial,sans-serif!important; text-transform:none!important; letter-spacing:0!important; color:var(--text)!important; background:var(--soft)!important; border-color:var(--line)!important; border-radius:6px!important; } .mmx-live-schedule-admin-actions .is-primary { color:var(--accent-ink)!important; background:var(--accent)!important; border:0!important; } .mmx-live-schedule-admin-actions .is-danger { color:#db757d!important; background:var(--soft)!important; } .mmx-live-schedule-msg { font:500 13px/1.5 Arial,sans-serif!important; color:var(--muted)!important; } .mmx-live-schedule-msg.is-error { color:#db757d!important; } .mmx-live-schedule-msg.is-ok { color:var(--accent-text)!important; } #mmxLiveStage.is-online .mmx-live-schedule-section { margin-top:6px!important; } #mmxLiveStage.is-online .mmx-live-schedule-bar { grid-template-columns:1fr 1fr!important; } @media (min-width:761px) and (max-width:1150px) { .sidebar .brand .brand-copy { display:none!important; } .mmx-live-schedule-bar { grid-template-columns:1fr 1fr!important; } } @media (max-width:760px) { .mobile-brand .brand-mark { width:34px!important; height:34px!important; } .mobile-brand .brand-copy b { font-size:17px!important; letter-spacing:-.7px!important; } .mobile-brand .brand-copy b em { font-size:9px!important; } .mobile-brand .brand-copy small { font-size:9px!important; margin-top:3px!important; color:var(--muted)!important; letter-spacing:.1px!important; } .topbar:has(#topIcons) .brand-copy b { font-size:16px!important; } .topbar:has(#topIcons) .brand-copy small { display:block!important; } .mmx-schedule-section-head { align-items:flex-start!important; } .mmx-schedule-section-head h2 { font-size:21px!important; } .mmx-schedule-section-head .section-kicker { font-size:8px!important; } .mmx-schedule-edit { font-size:11px!important; padding:10px 12px!important; } .mmx-schedule-edit .mmx-ui-icon { width:16px!important; height:16px!important; } .mmx-live-schedule-bar,#mmxLiveStage.is-online .mmx-live-schedule-bar { grid-template-columns:1fr!important; } .mmx-schedule-cell { min-height:72px!important; padding:15px!important; } #mmxLiveSchedulePanelV1 { padding:0 14px 16px!important; } .mmx-live-schedule-panel-head strong { font-size:17px!important; } .mmx-live-schedule-admin-form { grid-template-columns:1fr 1fr!important; padding:12px!important; } .mmx-live-schedule-admin-form label:first-of-type { grid-column:1/-1!important; } .mmx-live-schedule-admin-tools { align-items:flex-start!important; flex-direction:column!important; gap:7px!important; } } @media (max-width:359px) { .mobile-brand .brand-copy b { font-size:16px!important; } .topbar:has(#topIcons) .brand-copy { display:none!important; } .mmx-schedule-section-head { flex-wrap:wrap!important; } .mmx-schedule-edit { font-size:12px!important; } } #mmxLiveStage.is-online { grid-template-rows:auto auto 1fr!important; grid-template-areas:"video chat""summary chat"!important; gap:12px!important; } #mmxLiveStage.is-online:has(.mmx-live-schedule-section) { grid-template-areas:"video chat""summary chat""schedule chat"!important; } #mmxLiveStage.is-online:not(:has(.mmx-live-chat-shell)) { grid-template-columns:1fr!important; grid-template-areas:"video""summary"!important; } #mmxLiveStage.is-online:not(:has(.mmx-live-chat-shell)):has(.mmx-live-schedule-section) { grid-template-areas:"video""summary""schedule"!important; } .mmx-live-summary-copy { width:100%!important; min-width:0!important; } .mmx-live-title-row { display:flex!important; align-items:center!important; gap:10px!important; width:100%!important; min-width:0!important; } .mmx-live-title-row>strong { flex:1!important; min-width:0!important; overflow-wrap:anywhere!important; } .mmx-live-title-reactions { display:flex!important; align-items:center!important; flex:0 0 auto!important; gap:0!important; } #mmxLiveStage .mmx-live-title-reactions .react-btn { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:8px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; } #mmxLiveStage .mmx-live-title-reactions .reaction-sprite { width:28px!important; height:28px!important; min-width:28px!important; min-height:28px!important; max-width:28px!important; max-height:28px!important; background-color:transparent!important; border:0!important; box-shadow:none!important; } #liveBox #mmxLiveDvrV1 { left:8px!important; right:8px!important; bottom:8px!important; min-height:44px!important; height:44px!important; padding:0 4px!important; gap:4px!important; border:1px solid #ffffff24!important; border-radius:12px!important; background:linear-gradient(135deg,#ffffff14,#ffffff03),#10121755!important; box-shadow:0 4px 18px #0002!important; backdrop-filter:blur(14px) saturate(1.15)!important; -webkit-backdrop-filter:blur(14px) saturate(1.15)!important; color:#ff3555!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn,#liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { display:grid!important; flex:0 0 44px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important; border:0!important; background:transparent!important; color:#ff3555!important; box-shadow:none!important; border-radius:8px!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn svg { width:20px!important; height:20px!important; color:#ff3555!important; stroke:#ff3555!important; } .mmx-live-ctl-btn .play-shape { fill:#ff3555!important; stroke:none!important; } #mmxLiveVolumeV1,#mmxLiveDvrAgoV1,#mmxLiveEdgeBtnV1 { display:none!important; } #mmxLiveDvrRangeV1 { flex:1!important; min-width:24px!important; height:4px!important; margin:0 8px!important; accent-color:#ff3555!important; filter:none!important; } #mmxLiveDvrRangeV1::-webkit-slider-thumb { width:12px!important; height:12px!important; background:#ff3555!important; border:0!important; box-shadow:none!important; } #mmxLiveDvrRangeV1::-webkit-slider-runnable-track { height:3px!important; background:#ffffff40!important; box-shadow:none!important; } #mmxLiveDvrRangeV1::-moz-range-thumb { width:12px!important; height:12px!important; background:#ff3555!important; border:0!important; box-shadow:none!important; } #mmxLiveDvrRangeV1::-moz-range-track { height:3px!important; background:#ffffff40!important; box-shadow:none!important; } #liveBox #mmxLiveDvrV1.mmx-v7-hidden { opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:translateY(4px)!important; } @media (max-width:760px) { #mmxLiveStage.is-online { grid-template-columns:1fr!important; grid-template-areas:"video""summary""chat"!important; gap:8px!important; } #mmxLiveStage.is-online:not(:has(.mmx-live-chat-shell)) { grid-template-columns:1fr!important; grid-template-rows:auto!important; gap:8px!important; } #mmxLiveStage.is-online:has(.mmx-live-schedule-section) { grid-template-areas:"video""summary""chat""schedule"!important; } #mmxLiveStage.is-online:not(:has(.mmx-live-chat-shell)) { grid-template-areas:"video""summary"!important; } #mmxLiveStage.is-online:not(:has(.mmx-live-chat-shell)):has(.mmx-live-schedule-section) { grid-template-areas:"video""summary""schedule"!important; } #mmxLiveStage .mmx-live-title-row>strong { font-size:18px!important; line-height:1.35!important; } .mmx-live-title-row { gap:4px!important; } #mmxLiveStage .mmx-live-chat-shell { margin:0!important; } .mmx-live-schedule-section { margin-top:20px!important; } } @media (max-width:760px) { #mmxNeoTopbar.topbar { height:48px!important; min-height:48px!important; } .mmx-admin-menu-panel { top:54px!important; } .mobile-bottom-nav { height:32px!important; min-height:32px!important; max-height:32px!important; padding:0 8px!important; } .mobile-bottom-nav a { height:31px!important; min-height:31px!important; gap:0!important; line-height:12px!important; padding:0 8px!important; } #siteRoot.main-shell { padding-bottom:calc(48px + env(safe-area-inset-bottom))!important; } #mmxLiveStage.is-online { margin-top:6px!important; } #mmxLiveStage.is-offline { padding-top:0!important; } } @media (max-width:760px) { html[data-mmx-skin="modern"]:has(body[data-mmx-view="live"] #mmxLiveStage.is-offline) { height:auto!important; min-height:100dvh!important; max-height:none!important; overflow-x:clip!important; overflow-y:auto!important; overscroll-behavior:auto!important; } body.mmx-modern[data-mmx-view="live"]:has(#mmxLiveStage.is-offline) { height:auto!important; max-height:none!important; overflow-x:clip!important; overflow-y:visible!important; overscroll-behavior:auto!important; touch-action:pan-y pinch-zoom!important; } body[data-mmx-view="live"]:has(#mmxLiveStage.is-offline) #siteRoot.main-shell { padding-bottom:48px!important; } #mmxLiveStage.is-offline { padding-bottom:0!important; } html[data-mmx-skin="modern"]:has(body[data-mmx-view="live"] #mmxLiveStage.is-online) { min-height:0!important; overflow:clip!important; overscroll-behavior:none!important; } body.mmx-modern[data-mmx-view="live"]:has(#mmxLiveStage.is-online) { min-height:0!important; overflow:clip!important; overscroll-behavior:none!important; } body[data-mmx-view="live"]:has(#mmxLiveStage.is-online) #siteRoot.main-shell { display:flex!important; flex-direction:column!important; min-height:0!important; padding-bottom:32px!important; overflow:clip!important; } body[data-mmx-view="live"]:has(#mmxLiveStage.is-online) #mmxNeoTopbar.topbar { flex:0 0 48px!important; } body[data-mmx-view="live"]:has(#mmxLiveStage.is-online) #siteRoot>.container { display:flex!important; flex-direction:column!important; flex:1 1 0%!important; min-height:0!important; max-height:none!important; } #mmxLiveStage.is-online { flex:1 1 0%!important; min-height:0!important; height:100%!important; max-height:100%!important; grid-template-rows:auto auto minmax(0,1fr)!important; margin:6px 0!important; } #mmxLiveStage.is-online .mmx-live-chat-shell { max-height:none!important; align-self:stretch!important; } #mmxLiveStage.is-online:has(.mmx-live-schedule-section) { grid-template-rows:auto auto minmax(0,1fr) 44px!important; } #mmxLiveStage.is-online .mmx-live-schedule-section { margin:0!important; height:44px!important; min-height:0!important; } #mmxLiveStage.is-online .mmx-schedule-section-head { justify-content:flex-end!important; } #mmxLiveStage.is-online .mmx-schedule-section-head>div,#mmxLiveStage.is-online .mmx-live-schedule-bar { display:none!important; } #mmxLiveStage.is-online #mmxLiveScheduleShellV1 { margin:0!important; } } @media (max-width:760px) and (orientation:landscape) { #mmxLiveStage.is-online { grid-template-columns:minmax(0,1.15fr) minmax(240px,1fr)!important; grid-template-rows:minmax(0,1fr) auto!important; grid-template-areas:"video chat""summary chat"!important; } #mmxLiveStage.is-online:has(.mmx-live-schedule-section) { grid-template-rows:minmax(0,1fr) auto 44px!important; grid-template-areas:"video chat""summary chat""schedule chat"!important; } #mmxLiveStage.is-online #liveBox { height:100%!important; aspect-ratio:auto!important; align-self:stretch!important; } } #mmxLiveStage.is-online:has(.mmx-live-chat-shell) .mmx-live-schedule-section,#mmxLiveStage.is-online:has(.mmx-live-chat-shell) #mmxLiveScheduleShellV1 { display:contents!important; } #mmxLiveStage.is-online:has(.mmx-live-chat-shell) .mmx-schedule-section-head,#mmxLiveStage.is-online:has(.mmx-live-chat-shell) .mmx-live-schedule-bar { display:none!important; } #mmxLiveStage.is-online:has(.mmx-live-chat-shell) { grid-template-rows:auto minmax(0,1fr)!important; grid-template-areas:"video chat""summary chat"!important; } #mmxLiveStage.is-online .mmx-live-chat-shell { min-height:0!important; height:max(220px,calc(100dvh - 130px))!important; } #mmxLiveStage.is-online .mmx-live-summary { align-self:start!important; } .sidebar .side-mini-links .mmx-live-schedule-menu { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:13px!important; padding:13px 14px!important; border-radius:8px!important; color:var(--side-muted)!important; background:transparent!important; font-size:12px!important; font-weight:600!important; text-align:left!important; min-height:46px!important; } .sidebar .side-mini-links .mmx-live-schedule-menu:hover { background:var(--side-line)!important; color:var(--side-text)!important; } body:not([data-mmx-view="live"]) #mmxNeoSidebar .side-mini-links .mmx-live-schedule-menu { display:none!important; } @media (max-width:760px) { html[data-mmx-skin="modern"]:has(body[data-mmx-view="live"] #mmxLiveStage.is-online),body.mmx-modern[data-mmx-view="live"]:has(#mmxLiveStage.is-online) { height:var(--mmx-live-visible-height,100dvh)!important; max-height:var(--mmx-live-visible-height,100dvh)!important; } body[data-mmx-view="live"]:has(#mmxLiveStage.is-online) #siteRoot.main-shell { position:fixed!important; top:var(--mmx-live-visible-top,0px)!important; left:0!important; right:0!important; height:var(--mmx-live-visible-height,100dvh)!important; max-height:var(--mmx-live-visible-height,100dvh)!important; } #mmxLiveStage.is-online:has(.mmx-live-chat-shell) { grid-template-rows:auto auto minmax(0,1fr)!important; grid-template-areas:"video""summary""chat"!important; } #mmxLiveStage.is-online .mmx-live-chat-shell { height:auto!important; min-height:0!important; } } @media (max-width:760px) and (orientation:landscape) { #mmxLiveStage.is-online:has(.mmx-live-chat-shell) { grid-template-columns:minmax(0,1.15fr) minmax(240px,1fr)!important; grid-template-rows:minmax(0,1fr) auto!important; grid-template-areas:"video chat""summary chat"!important; } } @media (max-width:1280px) { html[data-mmx-skin="modern"]:has(body.mmx-live-chat-landscape),body.mmx-modern.mmx-live-chat-landscape { height:var(--mmx-live-visible-height,100dvh)!important; min-height:0!important; max-height:var(--mmx-live-visible-height,100dvh)!important; overflow:clip!important; } body.mmx-live-chat-landscape[data-mmx-view="live"]:has(#mmxLiveStage.is-online) #siteRoot.main-shell { position:fixed!important; top:var(--mmx-live-visible-top,0px)!important; left:0!important; right:0!important; display:flex!important; flex-direction:column!important; margin:0!important; padding:0 4px!important; height:var(--mmx-live-visible-height,100dvh)!important; min-height:0!important; max-height:var(--mmx-live-visible-height,100dvh)!important; overflow:clip!important; } body.mmx-live-chat-landscape #mmxNeoSidebar,body.mmx-live-chat-landscape #mmxNeoTopbar.topbar,body.mmx-live-chat-landscape .mobile-bottom-nav,body.mmx-live-chat-landscape #mmxLiveStage .mmx-live-summary { display:none!important; } body.mmx-live-chat-landscape #siteRoot>.container { display:flex!important; flex-direction:column!important; flex:1 1 0%!important; min-height:0!important; max-height:none!important; } body.mmx-live-chat-landscape #mmxLiveStage.is-online:has(.mmx-live-chat-shell) { display:grid!important; flex:1 1 0%!important; grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)!important; grid-template-rows:minmax(0,1fr)!important; grid-template-areas:"video chat"!important; gap:6px!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:4px 0!important; } body.mmx-live-chat-landscape #mmxLiveStage.is-online #liveBox { display:block!important; height:100%!important; min-height:0!important; max-height:100%!important; aspect-ratio:auto!important; align-self:stretch!important; } body.mmx-live-chat-landscape #mmxLiveStage.is-online .mmx-live-chat-shell { height:100%!important; min-height:0!important; max-height:100%!important; align-self:stretch!important; } } body.mmx-modern[data-mmx-view="live"][data-mmx-live="0"]:not(.mmx-live-active):has(#mmxLiveStage.is-offline) { min-height:100dvh!important; background:#060911!important; } body.mmx-modern[data-mmx-view="live"][data-mmx-live="0"]:not(.mmx-live-active):has(#mmxLiveStage.is-offline) #siteRoot.main-shell { min-height:100dvh!important; background:linear-gradient(180deg,#09101d 0%,#05070d 100%)!important; } body #mmxLiveStage.is-offline .mmx-offline-mobile-bands { margin:8px 0 0!important; min-width:0!important; } body #mmxLiveStage.is-offline .mmx-offline-mobile-bands #mmxLiveScheduleShellV1 { position:relative!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; min-height:0!important; } .mmx-offline-band-list { position:relative!important; z-index:2!important; display:flex!important; flex-direction:column!important; gap:12px!important; width:100%!important; min-width:0!important; } .mmx-offline-band-row { display:flex!important; align-items:center!important; gap:4px!important; width:100%!important; min-width:0!important; } .mmx-offline-band { display:grid!important; grid-template-columns:minmax(0,1fr) auto auto auto 38px!important; align-items:center!important; gap:4px!important; flex:1 1 0%!important; min-width:0!important; min-height:52px!important; padding:8px 7px!important; background:#c61e2e!important; color:#fff!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:8px!important; box-shadow:0 8px 18px rgba(0,0,0,.18)!important; } .mmx-offline-band-title { min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font:700 13px/1.25 Arial,Helvetica,sans-serif!important; color:#fff!important; letter-spacing:0!important; } .mmx-offline-band-date,.mmx-offline-band-time { font:600 11px/1.2 Arial,Helvetica,sans-serif!important; white-space:nowrap!important; color:#fff!important; font-variant-numeric:tabular-nums!important; } .mmx-offline-countdown { font:700 11px/1.2"Courier New",monospace!important; white-space:nowrap!important; color:#fff!important; font-variant-numeric:tabular-nums!important; min-width:77px!important; text-align:right!important; } .mmx-offline-band-broadcast,.mmx-offline-band-broadcast svg { width:38px!important; height:38px!important; display:block!important; flex-shrink:0!important; } .mmx-offline-band-edit,.mmx-offline-band-add { display:grid!important; place-items:center!important; width:24px!important; min-width:24px!important; height:40px!important; min-height:40px!important; padding:2px!important; background:transparent!important; color:var(--muted)!important; border:0!important; border-radius:4px!important; box-shadow:none!important; cursor:pointer!important; } .mmx-offline-band-edit svg,.mmx-offline-band-add svg { width:18px!important; height:18px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .mmx-offline-band-toolbar { display:flex!important; justify-content:flex-start!important; min-width:0!important; margin:0 0 8px!important; position:relative!important; z-index:2!important; } .mmx-offline-band-toolbar[hidden],.mmx-offline-band-add[hidden] { display:none!important; } .mmx-offline-mobile-bands .mmx-live-schedule-panel-head { position:sticky!important; top:0!important; z-index:2!important; background:var(--paper)!important; margin:0-12px!important; padding:12px!important; } .mmx-offline-mobile-bands .mmx-live-schedule-panel-head strong { font-size:15px!important; } .mmx-offline-mobile-bands .mmx-live-schedule-panel-head small { display:none!important; } .mmx-offline-mobile-bands .mmx-live-schedule-panel { padding:0 12px 14px!important; background:var(--paper)!important; color:var(--text)!important; } .mmx-offline-mobile-bands .mmx-live-schedule-new:disabled { opacity:.4!important; cursor:default!important; } .mmx-offline-band .mmx-offline-band-broadcast { display:block!important; appearance:none!important; background:transparent!important; color:inherit!important; border:0!important; border-radius:6px!important; padding:0!important; overflow:hidden!important; line-height:0!important; } .mmx-offline-band .mmx-offline-band-broadcast img.mmx-offline-band-cover { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; border-radius:6px!important; } .mmx-offline-band .mmx-offline-band-cover-pick { cursor:pointer!important; } .mmx-offline-band .mmx-offline-band-cover-pick:focus-visible { outline:2px solid #fff!important; outline-offset:2px!important; } @media (min-width:761px) { body[data-mmx-layout="desktop"] #mmxLiveStage.is-offline .mmx-offline-mobile-bands #mmxLiveScheduleShellV1 { padding:0!important; border-radius:0!important; min-height:0!important; background:transparent!important; } body[data-mmx-layout="desktop"] .mmx-offline-band { grid-template-columns:minmax(0,1fr) auto auto auto 48px!important; gap:12px!important; min-height:62px!important; padding:10px 14px!important; } body[data-mmx-layout="desktop"] .mmx-offline-band-title { font-size:18px!important; } body[data-mmx-layout="desktop"] .mmx-offline-band-date,body[data-mmx-layout="desktop"] .mmx-offline-band-time,body[data-mmx-layout="desktop"] .mmx-offline-countdown { font-size:14px!important; } body[data-mmx-layout="desktop"] .mmx-offline-countdown { min-width:100px!important; } body[data-mmx-layout="desktop"] .mmx-offline-band-broadcast,body[data-mmx-layout="desktop"] .mmx-offline-band-broadcast svg { width:48px!important; height:48px!important; } body[data-mmx-layout="desktop"] .mmx-offline-band-edit,body[data-mmx-layout="desktop"] .mmx-offline-band-add { width:28px!important; min-width:28px!important; height:48px!important; } } html body.mmx-modern #siteRoot #mmxLiveStage.mmx-home-live-stage.is-offline { grid-template-areas:"studio""controls"!important; grid-template-rows:auto auto!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>#mmxDjDeskV14 { grid-area:studio!important; align-self:end!important; position:relative!important; display:block!important; width:100%!important; min-width:0!important; height:auto!important; aspect-ratio:1920/1010!important; margin:0!important; padding:0!important; z-index:2!important; pointer-events:none!important; background:none!important; border:0!important; box-sizing:border-box!important; container-type:inline-size!important; } #mmxDjDeskV14 .mmx-dj-play { position:absolute!important; left:var(--dj-x)!important; top:var(--dj-y)!important; transform:translate(-50%,-50%)!important; width:clamp(36px,4vw,66px)!important; height:clamp(36px,4vw,66px)!important; min-width:0!important; min-height:0!important; padding:0!important; border-radius:50%!important; display:grid!important; place-items:center!important; pointer-events:auto!important; cursor:pointer!important; color:#ecfff9!important; background:rgba(0,48,39,.14)!important; border:1px solid rgba(113,255,217,.32)!important; box-shadow:inset 0 0 8px rgba(60,255,186,.12)!important; font:700 14px/1 Arial,sans-serif!important; touch-action:manipulation!important; } #mmxDjDeskV14 .mmx-dj-play.is-left { --dj-x:18.3%; --dj-y:86.4%; } #mmxDjDeskV14 .mmx-dj-play.is-right { --dj-x:64.2%; --dj-y:87.4%; } #mmxDjDeskV14 .mmx-dj-play:hover,#mmxDjDeskV14 .mmx-dj-play.is-playing { border-color:#b8ffe7!important; background:rgba(0,80,56,.35)!important; box-shadow:0 0 15px rgba(42,255,168,.45),inset 0 0 10px rgba(42,255,168,.22)!important; } #mmxDjDeskV14 .mmx-dj-play.is-loading { border-color:#ffe198!important; } #mmxDjDeskV14 .mmx-dj-fader-wrap { --dj-cap-w:clamp(10px,2.3cqw,44px); --dj-cap-h:clamp(3px,.45cqw,9px); position:absolute!important; left:var(--dj-x)!important; top:var(--dj-y)!important; width:calc(var(--dj-cap-w) + 4px)!important; height:var(--dj-h)!important; transform:translate(-50%,-50%) skewX(calc(0deg - var(--dj-angle,0deg)))!important; pointer-events:none!important; z-index:3!important; border-radius:2px; background:linear-gradient(90deg,#12151d,#05070c 46%,#171b25); box-shadow:inset 0 0 0 1px #272c38; } #mmxDjDeskV14 .mmx-dj-fader-wrap::before { content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#5f8794; opacity:.6; } #mmxDjDeskV14 .mmx-dj-cap { position:absolute!important; left:50%!important; top:calc((1 - var(--dj-level,.5))*100%)!important; transform:translate(-50%,-50%) skewX(var(--dj-angle,0deg))!important; width:var(--dj-cap-w)!important; height:var(--dj-cap-h)!important; border:1px solid #9eabb6; border-radius:1px; background:linear-gradient(#535e6d,#141b24); box-shadow:0 1px 3px #000; pointer-events:none!important; } #mmxDjDeskV14 .mmx-dj-fader { position:absolute!important; left:50%!important; top:-8px!important; transform:translateX(-50%)!important; width:30px!important; height:calc(100% + 16px)!important; min-width:0!important; min-height:0!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; opacity:0!important; writing-mode:vertical-lr!important; direction:rtl!important; appearance:none!important; -webkit-appearance:none!important; pointer-events:auto!important; touch-action:none!important; cursor:ns-resize!important; } #mmxDjDeskV14 .mmx-dj-fader-wrap:focus-within { outline:1px solid #c5fff0; outline-offset:3px; } #mmxDjDeskV14 .mmx-dj-tempo.is-left { --dj-x:37.5%; --dj-y:81.2%; --dj-h:14.5%; --dj-angle:6deg; } #mmxDjDeskV14 .mmx-dj-tempo.is-right { --dj-x:82%; --dj-y:81.9%; --dj-h:14.6%; --dj-angle:-18deg; } #mmxDjDeskV14 .mmx-dj-volume.is-left { --dj-x:45.1%; --dj-y:77.8%; --dj-h:8.8%; --dj-angle:1deg; } #mmxDjDeskV14 .mmx-dj-volume.is-right { --dj-x:55.4%; --dj-y:77.8%; --dj-h:8.8%; --dj-angle:-2deg; } #mmxDjDeskV14 .mmx-dj-jog { position:absolute!important; left:var(--dj-x)!important; top:var(--dj-y)!important; width:var(--dj-w)!important; height:var(--dj-h)!important; transform:translate(-50%,-50%)!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; pointer-events:auto!important; touch-action:none!important; cursor:grab!important; z-index:2; } #mmxDjDeskV14 .mmx-dj-jog.is-left { --dj-x:29.7%; --dj-y:63.1%; --dj-w:15.3%; --dj-h:20.5%; } #mmxDjDeskV14 .mmx-dj-jog.is-right { --dj-x:71.3%; --dj-y:64%; --dj-w:15.6%; --dj-h:20.8%; } #mmxDjDeskV14 .mmx-dj-jog.is-scratching { cursor:grabbing!important; box-shadow:inset 0 0 20px rgba(97,246,255,.2),0 0 10px rgba(84,231,255,.35)!important; } #mmxDjDeskV14 .mmx-dj-jog>span { position:absolute; inset:8%; border-radius:50%; transform:rotate(var(--dj-turn,0deg)); pointer-events:none; } #mmxDjDeskV14 .mmx-dj-jog.is-scratching>span::after { content:""; position:absolute; left:50%; top:0; width:3px; height:7px; border-radius:2px; background:#eaffff; } #mmxDjDeskV14 .mmx-dj-sync-hit { position:absolute!important; left:var(--dj-x)!important; top:var(--dj-y)!important; width:2cqw!important; height:1.4cqw!important; min-width:6px!important; min-height:6px!important; transform:translate(-50%,-50%)!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; pointer-events:auto!important; touch-action:manipulation!important; z-index:4; } #mmxDjDeskV14 .mmx-dj-sync-hit.is-left { --dj-x:35.3%; --dj-y:80.8%; } #mmxDjDeskV14 .mmx-dj-sync-hit.is-right { --dj-x:79.7%; --dj-y:81.1%; } #mmxDjDeskV14 .mmx-dj-sync-hit.is-synced { box-shadow:0 0 8px #58ffbf!important; border:1px solid #90ffd0!important; } #mmxDjDeskV14 :is(button,input):focus-visible { outline:2px solid #c5fff0!important; outline-offset:3px!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>#mmxDjHudV14 { grid-area:controls!important; position:relative!important; min-width:0!important; padding:8px 16px 12px!important; margin:0!important; background:#070a14!important; } #mmxDjHudV14 .mmx-dj-readouts { display:flex; justify-content:center; gap:12px; color:#d3e1ea; font:500 11px/1.4 var(--mmx-nav-font,Arial,sans-serif); } #mmxDjHudV14 .mmx-dj-readouts>div { display:flex; flex-wrap:wrap; gap:5px 9px; min-width:0; padding:4px 8px; background:rgba(7,10,20,.86); border:1px solid rgba(156,216,236,.16); border-radius:5px; } #mmxDjHudV14 .mmx-dj-readouts b { color:#fff; } #mmxDjHudV14 .mmx-dj-build { text-align:center; margin-bottom:6px; color:#9fb7c0; font:600 10px/1.3 Arial,sans-serif; } #mmxDjHudV14 .mmx-dj-sync-controls { display:flex; justify-content:center; gap:12px; margin-top:8px; } #mmxDjHudV14 .mmx-dj-sync-controls button { padding:5px 14px!important; min-height:30px!important; border:1px solid #374653!important; border-radius:6px!important; background:linear-gradient(#202b36,#121a23)!important; color:#e1edf4!important; font:700 11px/1.2 Arial,sans-serif!important; cursor:pointer; } #mmxDjHudV14 .mmx-dj-sync-controls button[aria-pressed="true"] { border-color:#779b93!important; color:#b7ffdf!important; } #mmxDjHudV14 .mmx-dj-sync-controls button.is-synced { box-shadow:0 0 9px rgba(80,255,188,.18)!important; border-color:#80dbb7!important; } #mmxDjHudV14 .mmx-dj-sync-controls button[aria-busy="true"] { color:#ffe2a7!important; border-color:#987c46!important; } #mmxDjHudV14 .mmx-dj-status { margin:8px 0 0!important; color:#b9c9d6!important; text-align:center; overflow-wrap:anywhere; font:400 11px/1.35 var(--mmx-nav-font,Arial,sans-serif)!important; } @media (max-width:600px) { html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>#mmxDjDeskV14 { aspect-ratio:1080/1584!important; } #mmxDjDeskV14 .mmx-dj-play { width:36px!important; height:36px!important; font-size:11px!important; } #mmxDjDeskV14 .mmx-dj-play.is-left { --dj-x:8.1%; --dj-y:77.2%; } #mmxDjDeskV14 .mmx-dj-play.is-right { --dj-x:68.6%; --dj-y:78.2%; } #mmxDjDeskV14 .mmx-dj-fader { width:26px!important; } #mmxDjDeskV14 .mmx-dj-fader-wrap { --dj-cap-w:clamp(10px,4.6cqw,28px); --dj-cap-h:clamp(3px,.8cqw,5px); } #mmxDjDeskV14 .mmx-dj-tempo.is-left { --dj-x:33.8%; --dj-y:74.4%; --dj-h:8.5%; --dj-angle:5deg; } #mmxDjDeskV14 .mmx-dj-tempo.is-right { --dj-x:93%; --dj-y:75%; --dj-h:8.4%; --dj-angle:-15deg; } #mmxDjDeskV14 .mmx-dj-volume.is-left { --dj-x:44%; --dj-y:73%; --dj-h:6%; --dj-angle:2deg; } #mmxDjDeskV14 .mmx-dj-volume.is-right { --dj-x:57%; --dj-y:73%; --dj-h:6%; --dj-angle:-2deg; } #mmxDjDeskV14 .mmx-dj-jog.is-left { --dj-x:22.5%; --dj-y:63.6%; --dj-w:25.8%; --dj-h:11.8%; } #mmxDjDeskV14 .mmx-dj-jog.is-right { --dj-x:77.2%; --dj-y:64.4%; --dj-w:26%; --dj-h:12%; } #mmxDjDeskV14 .mmx-dj-sync-hit { width:3cqw!important; height:2cqw!important; } #mmxDjDeskV14 .mmx-dj-sync-hit.is-left { --dj-x:31.1%; --dj-y:74.2%; } #mmxDjDeskV14 .mmx-dj-sync-hit.is-right { --dj-x:90.9%; --dj-y:74.6%; } #mmxDjHudV14 .mmx-dj-readouts { gap:8px; font-size:10px; } #mmxDjHudV14 .mmx-dj-readouts>div { flex:1; gap:3px 6px; padding:5px 6px; } #mmxDjHudV14 .mmx-dj-status { font-size:10px!important; } } @media (max-width:359px) { #mmxDjDeskV14 .mmx-dj-fader { width:24px!important; } } html body #liveBox #mmxLiveDvrV1 { display:grid!important; grid-template-columns:44px 31px 76px minmax(38px,1fr) 62px 34px!important; grid-template-rows:42px!important; column-gap:7px!important; background:transparent!important; background-image:none!important; border:0!important; outline:0!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; isolation:auto!important; padding:0 4px!important; align-items:center!important; min-height:42px!important; height:42px!important; max-height:42px!important; } html body #liveBox #mmxLiveDvrV1::before,html body #liveBox #mmxLiveDvrV1::after { display:none!important; content:none!important; background:none!important; box-shadow:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { background:transparent!important; background-image:none!important; border:0!important; color:#ff2955!important; text-shadow:0 0 8px rgba(255,40,85,.23)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1,html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 { background:transparent!important; background-image:none!important; border:0!important; color:#ff2955!important; box-shadow:none!important; text-shadow:0 0 8px rgba(255,40,85,.23)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { grid-column:1!important; grid-row:1!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; max-width:42px!important; max-height:42px!important; border-radius:50%!important; box-shadow:inset 0 0 0 2px #ff2955!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1 { display:grid!important; grid-column:2!important; grid-row:1!important; place-items:center!important; width:29px!important; height:32px!important; min-width:29px!important; min-height:32px!important; max-width:29px!important; max-height:32px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 { display:grid!important; grid-column:6!important; grid-row:1!important; width:33px!important; height:34px!important; min-width:33px!important; min-height:34px!important; max-width:33px!important; max-height:34px!important; } html body #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn svg { color:#ff2955!important; stroke:currentColor!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 .play-shape { fill:#ff2955!important; stroke:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 .pause-shape { stroke:#ff2955!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveEdgeBtnV1 { display:inline-flex!important; align-items:center!important; justify-content:center!important; grid-column:5!important; grid-row:1!important; width:60px!important; min-width:60px!important; max-width:60px!important; background:#e71340!important; color:#fff!important; box-shadow:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveVolumeV1 { display:block!important; visibility:inherit!important; opacity:1!important; grid-column:3!important; grid-row:1!important; width:100%!important; min-width:0!important; max-width:none!important; height:30px!important; min-height:30px!important; appearance:none!important; -webkit-appearance:none!important; background:transparent!important; pointer-events:inherit!important; touch-action:pan-y!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveVolumeV1,html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrRangeV1 { margin:0!important; padding:0!important; border:0!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrRangeV1 { display:block!important; grid-column:4!important; grid-row:1!important; width:100%!important; min-width:0!important; max-width:none!important; height:30px!important; background:transparent!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrAgoV1 { grid-column:4!important; grid-row:1!important; justify-self:end!important; pointer-events:none!important; color:#fff!important; } html body #liveBox #mmxLiveVolumeV1::-webkit-slider-runnable-track,html body #liveBox #mmxLiveDvrRangeV1::-webkit-slider-runnable-track { height:4px!important; border-radius:999px!important; background:linear-gradient(to right,#ff2955 var(--mmx-range-pct,50%),rgba(255,255,255,.55) var(--mmx-range-pct,50%))!important; } html body #liveBox #mmxLiveVolumeV1::-webkit-slider-thumb,html body #liveBox #mmxLiveDvrRangeV1::-webkit-slider-thumb { -webkit-appearance:none!important; appearance:none!important; height:14px!important; width:14px!important; margin-top:-5px!important; border:0!important; border-radius:50%!important; background:#ff2955!important; box-shadow:0 0 0 2px rgba(0,0,0,.48)!important; } html body #liveBox #mmxLiveVolumeV1::-moz-range-track,html body #liveBox #mmxLiveDvrRangeV1::-moz-range-track { background:rgba(255,255,255,.55)!important; height:4px!important; } html body #liveBox #mmxLiveVolumeV1::-moz-range-progress,html body #liveBox #mmxLiveDvrRangeV1::-moz-range-progress { background:#ff2955!important; height:4px!important; } html body #liveBox #mmxLiveVolumeV1::-moz-range-thumb,html body #liveBox #mmxLiveDvrRangeV1::-moz-range-thumb { border:0!important; border-radius:50%!important; background:#ff2955!important; } @media (max-width:520px) { html body #liveBox #mmxLiveDvrV1 { left:4px!important; right:4px!important; bottom:4px!important; grid-template-columns:34px 26px minmax(40px,52px) minmax(25px,1fr) 46px 30px!important; grid-template-rows:38px!important; column-gap:4px!important; height:38px!important; min-height:38px!important; max-height:38px!important; padding:0 3px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { width:33px!important; height:33px!important; min-width:33px!important; min-height:33px!important; max-width:33px!important; max-height:33px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1 { display:grid!important; width:26px!important; min-width:26px!important; max-width:26px!important; height:31px!important; min-height:31px!important; max-height:31px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveVolumeV1 { display:block!important; width:100%!important; min-width:0!important; max-width:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrRangeV1 { width:100%!important; min-width:0!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrAgoV1 { display:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveEdgeBtnV1 { grid-column:5!important; width:46px!important; min-width:46px!important; max-width:46px!important; height:30px!important; min-height:30px!important; max-height:30px!important; padding:0 5px!important; font-size:10px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 { grid-column:6!important; width:30px!important; min-width:30px!important; max-width:30px!important; height:32px!important; min-height:32px!important; max-height:32px!important; } } @media (max-width:350px) { html body #liveBox #mmxLiveDvrV1 { grid-template-columns:30px 24px minmax(33px,40px) minmax(18px,1fr) 40px 26px!important; column-gap:3px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; max-width:30px!important; max-height:30px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1 { width:24px!important; min-width:24px!important; max-width:24px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveEdgeBtnV1 { width:40px!important; min-width:40px!important; max-width:40px!important; font-size:9px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 { width:26px!important; min-width:26px!important; max-width:26px!important; } } html body.mmx-modern.mmx-live-cinema[data-mmx-view="live"][data-mmx-live="1"] { --mmx-cinema-base:#080a0d; --mmx-cinema-strength:.38; isolation:isolate!important; background-color:var(--mmx-cinema-base)!important; background-image:none!important; } html[data-theme="light"] body.mmx-modern.mmx-live-cinema[data-mmx-view="live"][data-mmx-live="1"] { --mmx-cinema-base:#f5f6f8; --mmx-cinema-strength:.16; } html body.mmx-modern.mmx-live-cinema[data-mmx-view="live"][data-mmx-live="1"] #siteRoot.main-shell { background-color:transparent!important; background-image:none!important; } html body #mmxLiveAmbient { position:fixed!important; inset:0!important; z-index:-1!important; pointer-events:none!important; overflow:hidden!important; contain:strict; -webkit-mask-image:radial-gradient(ellipse at 55% 40%,#000 25%,rgba(0,0,0,.65) 70%,transparent 100%); mask-image:radial-gradient(ellipse at 55% 40%,#000 25%,rgba(0,0,0,.65) 70%,transparent 100%); } html body #mmxLiveAmbient[hidden] { display:none!important; } html body #mmxLiveAmbient canvas { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; transform:scale(1.25); image-rendering:auto; opacity:0; transition:opacity .5s linear; } html body #mmxLiveAmbient canvas.is-current { opacity:var(--mmx-cinema-strength,.38); } html body #mmxCinemaToggle .mmx-cinema-state { margin-left:auto; font-size:11px; color:var(--accent-text); } html body:not([data-mmx-view="live"]) #mmxCinemaToggle,html body:not([data-mmx-live="1"]) #mmxCinemaToggle { display:none!important; } @media (min-width:761px) and (max-width:1150px) { html body #mmxCinemaToggle .mmx-cinema-state { display:none!important; } } @media (max-width:860px),(pointer:coarse),(prefers-reduced-motion:reduce) { html body #mmxLiveAmbient canvas { transition:none; } } :root { --mmx-finish-base:#0b0c14; --mmx-finish-card:#151521; --mmx-finish-card-2:#1b1929; --mmx-finish-border:rgba(200,186,230,.115); --mmx-finish-line:rgba(218,206,245,.09); --mmx-finish-text:#f5f3fb; --mmx-finish-muted:#a6a2b7; --mmx-finish-purple:#be9bf5; --mmx-finish-purple-deep:#6441a2; --mmx-finish-ease:cubic-bezier(.22,1,.36,1); } html body.mmx-modern[data-mmx-view="archive"] { background-attachment:scroll!important; color:var(--mmx-finish-text)!important; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } html body.mmx-modern[data-mmx-view="archive"]::before,html body.mmx-modern[data-mmx-view="archive"]::after { content:none!important; display:none!important; } html body.mmx-modern[data-mmx-view="archive"] #siteRoot,html body.mmx-modern[data-mmx-view="archive"] #siteRoot>.container,html body.mmx-modern[data-mmx-view="archive"] #mmxArchiveView { background:transparent!important; background-image:none!important; } html body #siteRoot #mmxArchiveView .archive-intro .section-kicker { text-shadow:none!important; } html body #siteRoot #mmxArchiveView .intro-description { text-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix.featured-mix { isolation:isolate!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb { border:0!important; box-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb img { display:block!important; transition:transform .5s var(--mmx-finish-ease)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb:hover img { transform:scale(1.024)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-copy { color:var(--mmx-finish-text)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-title { text-shadow:none!important; transition:color .22s ease!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-category,html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-eyebrow { text-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-meta,html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-meta * { text-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .accent-button { text-shadow:none!important; transition:background .2s ease,transform .2s var(--mmx-finish-ease),box-shadow .2s ease!important; } html body #siteRoot #mmxArchiveView .library-title h2 { text-shadow:none!important; } html body #siteRoot #mmxArchiveView .library-title small { text-shadow:none!important; } html body #siteRoot #mmxArchiveView .mmx-style-status { color:var(--mmx-finish-muted)!important; text-shadow:none!important; } html body #siteRoot #mmxArchiveView .library-controls .search,html body #siteRoot #mmxArchiveView .library-controls .sort select { transition:border-color .2s ease,background .2s ease!important; } html body #siteRoot #mmxArchiveView .library-controls input { background:transparent!important; box-shadow:none!important; text-shadow:none!important; } html body #siteRoot #mmxArchiveView input::placeholder { opacity:1!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip { text-shadow:none!important; transition:background .18s ease,border-color .18s ease,color .18s ease!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip:hover { border-color:rgba(196,167,235,.27)!important; transform:none!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip.is-active { box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip[aria-pressed="true"] { background:linear-gradient(180deg,#72519f,#62428e)!important; border-color:rgba(222,186,255,.30)!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip.is-active small,html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip[aria-pressed="true"] small { color:#fff!important; background:rgba(0,0,0,.16)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { background:none!important; border:0!important; box-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb img,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb video { border:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { outline-offset:-1px!important; overflow:hidden!important; transition:box-shadow .25s ease,outline-color .25s ease!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post:hover .video-thumb { box-shadow:0 11px 27px rgba(0,0,0,.24)!important; outline-color:rgba(195,166,237,.28)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { text-shadow:none!important; transition:color .2s ease!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category small,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-part,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-comments { text-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { border:1px solid rgba(190,159,232,.22)!important; border-radius:9px!important; box-shadow:none!important; transition:background .2s ease,border-color .2s ease,color .2s ease!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download:hover:not(.is-locked) { border-color:rgba(206,169,247,.4)!important; transform:none!important; box-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .mix-tools-panel { border:1px solid rgba(195,173,226,.19)!important; border-radius:12px!important; box-shadow:0 14px 38px rgba(0,0,0,.3)!important; } html body #siteRoot #mmxArchiveView #mmxStyleEmpty { border-color:rgba(196,168,230,.20)!important; } html body #siteRoot #mmxArchiveView .site-footer { background:transparent!important; text-shadow:none!important; } html body #siteRoot #mmxArchiveView .site-footer a:hover { color:#ebd9ff!important; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-shell { border:1px solid rgba(209,190,235,.14)!important; border-radius:18px!important; background:linear-gradient(155deg,rgba(25,24,36,.97),rgba(15,16,25,.97))!important; box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.028)!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-bar .mmx-schedule-cell { color:#e8e4ef!important; border-color:rgba(220,204,237,.105)!important; transition:background .18s ease!important; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-bar .mmx-schedule-cell:hover { background:rgba(199,169,231,.07)!important; transform:none!important; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-bar .mmx-schedule-cell-copy strong { color:#f2eff8!important; text-shadow:none!important; } @media (min-width:861px) and (pointer:fine) { html body #siteRoot #mmxLiveStage.is-online #liveBox { border:1px solid rgba(255,255,255,.11)!important; border-radius:16px!important; box-shadow:0 14px 38px rgba(0,0,0,.24)!important; } html body #siteRoot #mmxLiveStage.is-online .mmx-live-chat-shell { background:#171720!important; border:1px solid rgba(228,214,243,.13)!important; border-radius:16px!important; box-shadow:0 14px 35px rgba(0,0,0,.17)!important; } } html body #siteRoot #mmxLiveStage.is-online .mmx-live-summary { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body #siteRoot #mmxLiveStage.is-online .mmx-live-title-row>strong { color:#f5f2f9!important; text-shadow:none!important; } @media (max-width:860px) { html body #siteRoot #mmxArchiveView #mmxFeaturedMix.featured-mix { border-radius:16px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb { border-radius:15px 15px 0 0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb img,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb video { border-radius:9px!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder { border-radius:12px!important; } html body #siteRoot #mmxLiveStage.is-online .mmx-live-chat-shell { box-shadow:none!important; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-shell { border-radius:13px!important; } } @media (prefers-reduced-motion:reduce) { html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb img,html body #siteRoot #mmxArchiveView #mmxFeaturedMix .accent-button,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title,html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip { transition:none!important; } } html body #siteRoot #mmxArchiveView { --mmx-finish-font:Inter,"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif; font-kerning:normal; font-optical-sizing:auto; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; color:#f3f0f8; } html body #siteRoot #mmxLiveStage { --mmx-finish-font:Inter,"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif; font-family:var(--mmx-finish-font)!important; font-kerning:normal; font-optical-sizing:auto; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; color:#f3f0f8; } html body #siteRoot #mmxArchiveView { color-scheme:dark; } html body #siteRoot #mmxArchiveView .archive-intro h1 { font-family:var(--mmx-finish-font)!important; font-size:clamp(36px,3.35vw,47px)!important; font-weight:760!important; line-height:1.085!important; text-wrap:balance; } html body #siteRoot #mmxArchiveView .archive-intro .section-kicker { font-family:var(--mmx-finish-font)!important; font-size:10px!important; font-weight:730!important; line-height:1.4!important; } html body #siteRoot #mmxArchiveView .intro-description { font-family:var(--mmx-finish-font)!important; font-size:13px!important; font-weight:400!important; line-height:1.7!important; letter-spacing:.005em!important; text-wrap:pretty; } @media (min-width:761px) { html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb::after { content:""; position:absolute; z-index:1; top:0; bottom:0; right:0; width:24px; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(25,23,36,.46)); } } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-eyebrow { font-family:var(--mmx-finish-font)!important; font-size:10px!important; line-height:1.45!important; font-weight:700!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-category { font-family:var(--mmx-finish-font)!important; line-height:1.45!important; font-weight:700!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-title { font-family:var(--mmx-finish-font)!important; font-size:clamp(24px,2.35vw,33px)!important; font-weight:740!important; line-height:1.19!important; overflow-wrap:break-word; text-wrap:pretty; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-meta { font-family:var(--mmx-finish-font)!important; line-height:1.55!important; font-weight:450!important; letter-spacing:0!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .accent-button { font-family:var(--mmx-finish-font)!important; font-size:12px!important; line-height:1.3!important; font-weight:740!important; letter-spacing:0!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .new-chip { font-weight:720!important; letter-spacing:.035em!important; } html body #siteRoot #mmxArchiveView .library-title h2 { font-family:var(--mmx-finish-font)!important; font-size:clamp(20px,2vw,23px)!important; font-weight:730!important; line-height:1.25!important; text-wrap:pretty; } html body #siteRoot #mmxArchiveView .library-title small { font-family:var(--mmx-finish-font)!important; line-height:1.5!important; font-weight:490!important; letter-spacing:.01em!important; } html body #siteRoot #mmxArchiveView .mmx-style-status { font-family:var(--mmx-finish-font)!important; font-size:11px!important; line-height:1.5!important; font-weight:490!important; letter-spacing:.01em!important; } html body #siteRoot #mmxArchiveView .library-controls input { font-family:var(--mmx-finish-font)!important; line-height:1.45!important; font-weight:450!important; letter-spacing:0!important; } html body #siteRoot #mmxArchiveView .library-controls select { font-family:var(--mmx-finish-font)!important; font-size:12px!important; line-height:1.45!important; font-weight:450!important; letter-spacing:0!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip { font-family:var(--mmx-finish-font)!important; font-size:11px!important; font-weight:550!important; line-height:1.4!important; letter-spacing:.008em!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip.is-active { font-weight:710!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip small { font-family:var(--mmx-finish-font)!important; font-size:10px!important; font-weight:550!important; letter-spacing:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category { font-family:var(--mmx-finish-font)!important; font-weight:620!important; line-height:1.45!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category small { font-family:var(--mmx-finish-font)!important; line-height:1.45!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category small { font-weight:430!important; letter-spacing:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { font-family:var(--mmx-finish-font)!important; font-size:14px!important; font-weight:690!important; line-height:1.47!important; overflow-wrap:break-word; text-wrap:pretty; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta { font-family:var(--mmx-finish-font)!important; line-height:1.45!important; font-weight:450!important; letter-spacing:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-part,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-comments { font-family:var(--mmx-finish-font)!important; font-size:11px!important; line-height:1.45!important; font-weight:450!important; letter-spacing:0!important; color:#aaa6b9!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .mix-tools-panel a,html body #siteRoot #mmxArchiveView #mmxStyleEmpty { font-family:var(--mmx-finish-font)!important; font-size:11px!important; font-weight:600!important; line-height:1.45!important; letter-spacing:.008em!important; } html body #siteRoot #mmxArchiveView .site-footer { font-family:var(--mmx-finish-font)!important; font-weight:440!important; line-height:1.65!important; letter-spacing:.005em!important; } html body #siteRoot #mmxLiveStage .mmx-schedule-section-head h2,html body #siteRoot #mmxLiveStage .mmx-live-schedule-panel-head strong { font-family:var(--mmx-finish-font)!important; font-weight:740!important; line-height:1.25!important; letter-spacing:-.032em!important; text-shadow:none!important; } html body #siteRoot #mmxLiveStage .mmx-schedule-section-head .section-kicker { font-family:var(--mmx-finish-font)!important; font-size:10px!important; font-weight:700!important; letter-spacing:.10em!important; color:#c7a9e6!important; text-shadow:none!important; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy strong { font-family:var(--mmx-finish-font)!important; font-weight:630!important; line-height:1.3!important; letter-spacing:-.017em!important; color:#f3eff8!important; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy small,html body #siteRoot #mmxLiveStage .mmx-live-schedule-panel-head small { font-family:var(--mmx-finish-font)!important; font-weight:500!important; letter-spacing:.018em!important; color:#aaa4bb!important; } html body #siteRoot #mmxLiveStage .mmx-live-title-row>strong,html body #siteRoot #mmxLiveStage .mmx-live-summary-copy strong { font-family:var(--mmx-finish-font)!important; font-weight:720!important; line-height:1.35!important; letter-spacing:-.025em!important; text-shadow:none!important; overflow-wrap:break-word; } html body #siteRoot #mmxLiveStage .mmx-live-schedule-panel { font-family:var(--mmx-finish-font)!important; font-kerning:normal; text-rendering:optimizeLegibility; } html body #mmxAboutOverlay .mmx-about-card { background:linear-gradient(156deg,rgba(30,27,42,.99),rgba(17,17,28,.99))!important; border:1px solid rgba(212,194,239,.19)!important; box-shadow:0 24px 72px rgba(0,0,0,.42)!important; } html body #mmxAboutOverlay .mmx-about-head h3 { font-family:var(--mmx-finish-font,Inter,"Segoe UI",system-ui,sans-serif)!important; font-weight:730!important; letter-spacing:-.026em!important; line-height:1.25!important; text-shadow:none!important; } html body #mmxAboutOverlay .mmx-about-body:not(.mmx-typewriter-active) { font-family:var(--mmx-finish-font,Inter,"Segoe UI",system-ui,sans-serif)!important; font-size:14px!important; font-weight:440!important; line-height:1.75!important; letter-spacing:.003em!important; color:#d7d2e0!important; } html body #mmxAboutOverlay .mmx-about-body p { margin-bottom:1em!important; } @media (max-width:760px) { html body #siteRoot #mmxArchiveView .archive-intro h1 { line-height:1.09!important; } html body #siteRoot #mmxArchiveView .archive-intro .section-kicker { font-size:9px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-eyebrow { font-size:9px!important; letter-spacing:.055em!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-title { line-height:1.22!important; letter-spacing:-.027em!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-meta { font-size:10px!important; } html body #siteRoot #mmxArchiveView .library-title h2 { font-size:20px!important; } html body #siteRoot #mmxArchiveView .library-title small { font-size:10px!important; } html body #siteRoot #mmxArchiveView .library-controls select { font-size:11px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { font-weight:680!important; line-height:1.42!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category small { letter-spacing:.012em!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-part,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-comments { font-size:9px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { font-size:10px!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip { font-size:10px!important; } html body #siteRoot #mmxLiveStage .mmx-live-title-row>strong,html body #siteRoot #mmxLiveStage .mmx-live-summary-copy strong { line-height:1.3!important; } html body #mmxAboutOverlay .mmx-about-body:not(.mmx-typewriter-active) { font-size:13.5px!important; line-height:1.68!important; } } html body #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder { background-image:none!important; outline:0!important; border-radius:0!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chips { background:transparent!important; box-shadow:none!important; border:0!important; } html body #mmxNeoSidebar .sidebar-bottom { padding-top:12px!important; } html body.mmx-modern { --mmx-nav-font:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif; --mmx-nav-surface:#13141f; --mmx-nav-surface-raised:#1a1b2a; --mmx-nav-text:#f1eef7; --mmx-nav-muted:#a7a3b8; --mmx-nav-line:rgba(214,201,240,.11); --mmx-nav-hover:rgba(200,182,234,.065); --mmx-nav-selected:rgba(170,135,216,.17); --mmx-nav-accent:#d8bdf5; --sidebar:var(--mmx-nav-surface)!important; --side-text:var(--mmx-nav-text)!important; --side-muted:var(--mmx-nav-muted)!important; --side-line:var(--mmx-nav-line)!important; } html[data-theme="light"] body.mmx-modern { --mmx-nav-surface:#f5f3f8; --mmx-nav-surface-raised:#fff; --mmx-nav-text:#2e283b; --mmx-nav-muted:#736a83; --mmx-nav-line:rgba(72,53,97,.13); --mmx-nav-hover:rgba(104,70,146,.065); --mmx-nav-selected:rgba(121,83,166,.12); --mmx-nav-accent:#714e9b; } html body.mmx-modern #mmxNeoSidebar.sidebar { background:linear-gradient(165deg,var(--mmx-nav-surface-raised),var(--mmx-nav-surface) 55%)!important; border-right:1px solid var(--mmx-nav-line)!important; box-shadow:8px 0 32px rgba(0,0,0,.07)!important; font-family:var(--mmx-nav-font)!important; -webkit-font-smoothing:antialiased; } html body.mmx-modern #mmxNeoSidebar .brand-mark,html body.mmx-modern #mmxNeoTopbar .brand-mark { color:var(--mmx-nav-text)!important; background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; box-shadow:none!important; overflow:visible!important; } html body.mmx-modern #mmxNeoSidebar .brand-mark { width:38px!important; height:38px!important; } html body.mmx-modern #mmxNeoTopbar .brand-mark { width:34px!important; height:34px!important; } html body.mmx-modern #mmxNeoSidebar .brand,html body.mmx-modern #mmxNeoTopbar .brand { gap:9px!important; } html body.mmx-modern #mmxNeoSidebar .brand-copy,html body.mmx-modern #mmxNeoTopbar .brand-copy { min-width:0!important; width:126px!important; max-width:126px!important; flex:0 1 auto!important; } html body.mmx-modern #mmxNeoSidebar .mmx-record-emblem,html body.mmx-modern #mmxNeoTopbar .mmx-record-emblem { display:block!important; width:100%!important; height:100%!important; color:var(--mmx-nav-text)!important; transform:none!important; filter:none!important; } html body.mmx-modern #mmxNeoSidebar .mmx-brand-wordmark,html body.mmx-modern #mmxNeoTopbar .mmx-brand-wordmark { display:block!important; width:100%!important; height:auto!important; color:var(--mmx-nav-text)!important; overflow:visible!important; filter:none!important; } html body.mmx-modern #mmxNeoSidebar .mmx-logo-tagline,html body.mmx-modern #mmxNeoTopbar .mmx-logo-tagline { fill:var(--mmx-nav-muted)!important; opacity:1!important; } html body.mmx-modern #mmxNeoSidebar .side-label { font:650 9px/1.4 var(--mmx-nav-font)!important; letter-spacing:.12em!important; color:var(--mmx-nav-muted)!important; opacity:.8; } html body.mmx-modern #mmxNeoSidebar .side-separator { background:var(--mmx-nav-line)!important; margin:20px 14px!important; } html body.mmx-modern #mmxNeoSidebar .side-account { border:1px solid var(--mmx-nav-line)!important; border-radius:12px!important; background:var(--mmx-nav-hover)!important; padding:12px 9px!important; transition:background .18s ease!important; } html body.mmx-modern #mmxNeoSidebar .side-account:hover { background:var(--mmx-nav-selected)!important; } html body.mmx-modern #mmxNeoSidebar .side-account b { color:var(--mmx-nav-text)!important; font:600 12px/1.4 var(--mmx-nav-font)!important; } html body.mmx-modern #mmxNeoSidebar .side-account small { color:var(--mmx-nav-muted)!important; font:400 10px/1.5 var(--mmx-nav-font)!important; } html body.mmx-modern #mmxNeoSidebar .account-icon { background:var(--mmx-nav-selected)!important; color:var(--mmx-nav-accent)!important; } html body.mmx-modern #mmxNeoTopbar.topbar { font-family:var(--mmx-nav-font)!important; color:var(--mmx-nav-text)!important; background:var(--mmx-nav-surface)!important; border-bottom:1px solid var(--mmx-nav-line)!important; box-shadow:0 1px 0 rgba(255,255,255,.012)!important; } html body.mmx-modern #mmxNeoTopbar .breadcrumb { color:var(--mmx-nav-muted)!important; font:600 10px/1.4 var(--mmx-nav-font)!important; letter-spacing:.10em!important; } html body.mmx-modern #mmxNeoTopbar .breadcrumb span { color:var(--mmx-nav-text)!important; } html body.mmx-modern #mmxNeoTopbar .topbar-note { color:var(--mmx-nav-muted)!important; font-weight:400!important; } html body.mmx-modern #mmxNeoTopbar :is(.icon-button,.mmx-admin-menu-btn),html body.mmx-modern #mmxNeoTopbar .mmx-language-picker>summary { color:var(--mmx-nav-text)!important; border:1px solid var(--mmx-nav-line)!important; border-radius:10px!important; background:var(--mmx-nav-hover)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important; transition:background .18s ease,border-color .18s ease!important; } html body.mmx-modern #mmxNeoTopbar :is(.icon-button,.mmx-admin-menu-btn):hover,html body.mmx-modern #mmxNeoTopbar .mmx-language-picker[open]>summary { background:var(--mmx-nav-selected)!important; border-color:rgba(178,145,218,.28)!important; } html body.mmx-modern #mmxNeoTopbar .mmx-language-picker>summary { font:600 11px/1.2 var(--mmx-nav-font)!important; letter-spacing:.02em!important; } html body.mmx-modern :is(.mmx-language-popover,.mmx-admin-menu-panel) { color:var(--mmx-nav-text)!important; background:linear-gradient(160deg,var(--mmx-nav-surface-raised),var(--mmx-nav-surface))!important; border:1px solid var(--mmx-nav-line)!important; border-radius:16px!important; box-shadow:0 18px 50px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)!important; font-family:var(--mmx-nav-font)!important; text-shadow:none!important; } html body.mmx-modern .mmx-language-popover :is(select,option) { color:var(--mmx-nav-text)!important; background:var(--mmx-nav-surface-raised)!important; border-color:var(--mmx-nav-line)!important; font-family:var(--mmx-nav-font)!important; } html body.mmx-modern .mmx-language-popover :is(small,.mmx-geo-credit) { color:var(--mmx-nav-muted)!important; } html body.mmx-modern .mmx-admin-menu-panel :is(.mmx-admin-menu-item,#bellBtn) { color:var(--mmx-nav-text)!important; border:1px solid transparent!important; background:transparent!important; border-radius:9px!important; box-shadow:none!important; transition:background .18s ease!important; } html body.mmx-modern .mmx-admin-menu-panel :is(.mmx-admin-menu-item,#bellBtn):hover { background:var(--mmx-nav-hover)!important; border-color:var(--mmx-nav-line)!important; } html body.mmx-modern .mmx-admin-menu-panel .mmx-admin-menu-label { color:var(--mmx-nav-text)!important; font:550 13px/1.4 var(--mmx-nav-font)!important; text-shadow:none!important; } html body.mmx-modern .mmx-admin-menu-panel .mmx-admin-menu-lineicon { color:var(--mmx-nav-accent)!important; } html body.mmx-modern .mmx-admin-menu-panel .mmx-admin-menu-tail { background:var(--mmx-nav-selected)!important; color:var(--mmx-nav-accent)!important; font-family:var(--mmx-nav-font)!important; border-radius:6px!important; } html body.mmx-modern .mmx-admin-menu-panel .mmx-admin-menu-item.is-off .mmx-admin-menu-tail { color:var(--mmx-nav-muted)!important; background:var(--mmx-nav-hover)!important; } html body.mmx-modern .mmx-admin-menu-panel .mmx-admin-menu-divider { background:var(--mmx-nav-line)!important; } html body.mmx-modern .mobile-bottom-nav { color:var(--mmx-nav-muted)!important; background:var(--mmx-nav-surface)!important; border-top:1px solid var(--mmx-nav-line)!important; box-shadow:0-4px 20px rgba(0,0,0,.08)!important; font-family:var(--mmx-nav-font)!important; } html body.mmx-modern .mobile-bottom-nav a { color:var(--mmx-nav-muted)!important; font-family:var(--mmx-nav-font)!important; text-shadow:none!important; } html body.mmx-modern .mobile-bottom-nav a.is-active { font-weight:650!important; } html body.mmx-modern #mmxNeoSidebar :is(a,button):focus-visible,html body.mmx-modern #mmxNeoTopbar :is(button,summary,select):focus-visible,html body.mmx-modern .mobile-bottom-nav a:focus-visible { outline:2px solid var(--mmx-nav-accent)!important; outline-offset:3px!important; } html body.mmx-modern[data-mmx-view="live"][data-mmx-live="0"]:not(.mmx-live-active):has(#mmxLiveStage.is-offline),html body.mmx-modern[data-mmx-view="live"][data-mmx-live="0"]:not(.mmx-live-active):has(#mmxLiveStage.is-offline) #siteRoot.main-shell { background:#070a14!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto!important; grid-template-areas:"studio"!important; position:relative!important; isolation:isolate!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; background:#070a14!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body.mmx-modern[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-offline:not([hidden]) { display:grid!important; } html body.mmx-modern[data-mmx-view="archive"] #siteRoot #mmxLiveStage.is-offline,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline[hidden] { display:none!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline::before,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline::after { content:none!important; display:none!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>.mmx-offline-studio { grid-area:studio!important; align-self:end!important; display:block!important; position:relative!important; z-index:0!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; pointer-events:none!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>.mmx-offline-studio img { display:block!important; position:static!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important; filter:none!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>.mmx-offline-studio::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#070a14 0%,rgba(7,10,20,.14) 15%,transparent 32%,transparent 91%,#070a14 100%); } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>.mmx-live-offline-card { grid-area:studio!important; align-self:start!important; position:relative!important; z-index:1!important; width:100%!important; max-width:none!important; min-width:0!important; min-height:0!important; margin:0!important; padding:clamp(14px,1.7vw,24px) clamp(8px,1.6vw,22px) 29%!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; overflow:visible!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-live-offline-schedule-v1::after { content:none!important; display:none!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-mobile-bands,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline #mmxLiveScheduleShellV1 { min-height:0!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-list { --mmx-band-zoom:1.05; gap:12px!important; width:100%!important; max-width:1000px!important; margin:0 auto!important; padding:10px 3%!important; box-sizing:border-box!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row { position:relative!important; gap:7px!important; min-width:0!important; padding:0!important; isolation:isolate!important; transform:scale(1)!important; transform-origin:center center!important; transition:transform .28s cubic-bezier(.2,.8,.2,1)!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row>.mmx-offline-band,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row>.mmx-offline-band-edit { transform:none!important; transition:box-shadow .28s ease,border-color .28s ease,background .28s ease!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row.is-lifted,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row:has(button:focus-visible) { z-index:3!important; transform:scale(var(--mmx-band-zoom))!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row.is-lifted>.mmx-offline-band,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row:has(button:focus-visible)>.mmx-offline-band { background:linear-gradient(112deg,rgba(174,38,65,.76),rgba(111,26,49,.68))!important; border-color:rgba(255,255,255,.92)!important; box-shadow:0 18px 30px -12px rgba(0,0,0,.55),0 0 12px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.3)!important; } @media (hover:hover) and (pointer:fine) { html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row:hover { z-index:3!important; transform:scale(var(--mmx-band-zoom))!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row:hover>.mmx-offline-band { background:linear-gradient(112deg,rgba(174,38,65,.76),rgba(111,26,49,.68))!important; border-color:rgba(255,255,255,.92)!important; box-shadow:0 18px 30px -12px rgba(0,0,0,.55),0 0 12px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.3)!important; } } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band { grid-template-columns:minmax(0,1fr) auto auto auto 40px!important; grid-template-areas:"title date time countdown artwork"!important; min-width:0!important; min-height:78px!important; padding:8px 10px 8px 16px!important; gap:14px!important; border:1px solid rgba(255,255,255,.56)!important; border-radius:12px!important; background:linear-gradient(112deg,rgba(148,29,51,.68),rgba(104,23,43,.58))!important; -webkit-backdrop-filter:blur(10px) saturate(135%)!important; backdrop-filter:blur(10px) saturate(135%)!important; box-shadow:0 5px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)!important; font-family:var(--mmx-nav-font)!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-title { grid-area:title!important; color:#fff5f7!important; font:800 clamp(18px,1.35vw,20px)/1.3 var(--mmx-nav-font)!important; letter-spacing:-.015em!important; text-shadow:none!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-date { grid-area:date!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-time { grid-area:time!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline :is(.mmx-offline-band-date,.mmx-offline-band-time) { color:#fff0f3!important; font-family:var(--mmx-nav-font)!important; font-size:18px!important; font-weight:800!important; line-height:1.3!important; letter-spacing:.01em!important; font-variant-numeric:tabular-nums!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-countdown { grid-area:countdown!important; min-width:128px!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; color:#fff0f3!important; font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important; font-size:17px!important; font-weight:800!important; line-height:1.3!important; font-variant-numeric:tabular-nums!important; letter-spacing:-.025em!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-broadcast { grid-area:artwork!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; padding:0!important; border:0!important; border-radius:9px!important; overflow:hidden!important; background:transparent!important; box-shadow:0 1px 5px rgba(0,0,0,.12)!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-broadcast :is(img,svg) { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; border-radius:9px!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline :is(.mmx-offline-band-edit,.mmx-offline-band-add) { width:32px!important; min-width:32px!important; height:44px!important; min-height:44px!important; color:#c5b4da!important; background:rgba(183,155,218,.075)!important; border:1px solid rgba(197,174,225,.13)!important; border-radius:9px!important; box-shadow:none!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline :is(.mmx-offline-band-edit,.mmx-offline-band-add):hover { background:rgba(183,155,218,.18)!important; color:#efddff!important; } html body.mmx-modern #siteRoot #mmxLiveStage .mmx-live-schedule-panel { color:var(--mmx-nav-text)!important; background:var(--mmx-nav-surface)!important; border:1px solid var(--mmx-nav-line)!important; border-radius:16px!important; box-shadow:0 20px 60px rgba(0,0,0,.38)!important; font-family:var(--mmx-nav-font)!important; } html body.mmx-modern #siteRoot #mmxLiveStage .mmx-live-schedule-panel-head { color:var(--mmx-nav-text)!important; background:var(--mmx-nav-surface)!important; } html body.mmx-modern #siteRoot #mmxLiveStage .mmx-live-schedule-panel-head strong { color:var(--mmx-nav-text)!important; font:650 15px/1.35 var(--mmx-nav-font)!important; letter-spacing:-.015em!important; } html body.mmx-modern #siteRoot #mmxLiveStage .mmx-live-schedule-panel :is(input,.mmx-live-schedule-row) { color:var(--mmx-nav-text)!important; background:var(--mmx-nav-surface-raised)!important; border-color:var(--mmx-nav-line)!important; font-family:var(--mmx-nav-font)!important; } html body.mmx-modern #siteRoot #mmxLiveStage .mmx-live-schedule-row.is-active { background:var(--mmx-nav-selected)!important; border-color:rgba(176,142,219,.3)!important; } @media (min-width:761px) { html[data-theme="dark"] body.mmx-modern #mmxNeoTopbar.topbar { background:transparent!important; } } @media (max-width:760px) { html body.mmx-modern #mmxNeoSidebar.sidebar { box-shadow:12px 0 45px rgba(0,0,0,.25)!important; overflow-y:auto!important; overscroll-behavior:contain!important; } html body.mmx-modern #mmxNeoTopbar .topbar-actions { gap:4px!important; } html body.mmx-modern #mmxNeoTopbar .mmx-language-slot { margin-right:0!important; } html body.mmx-modern #mmxNeoTopbar :is(.icon-button,.mmx-admin-menu-btn) { width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; } html body.mmx-modern #mmxNeoTopbar .mmx-language-picker>summary { min-height:32px!important; } html body.mmx-modern #mmxNeoTopbar .mmx-language-popover { position:fixed!important; top:58px!important; right:12px!important; left:auto!important; width:min(242px,calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important; } html body.mmx-modern .mobile-bottom-nav a { margin:0!important; } } @media (max-width:860px) { html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-list { --mmx-band-zoom:1.045; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band { grid-template-columns:auto auto minmax(0,1fr) 40px!important; grid-template-areas:"title title title artwork""date time countdown artwork"!important; min-height:84px!important; column-gap:12px!important; row-gap:6px!important; padding:10px 10px 10px 12px!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-title { display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; line-clamp:2; white-space:normal!important; overflow-wrap:anywhere!important; font-size:17px!important; line-height:1.28!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline :is(.mmx-offline-band-date,.mmx-offline-band-time) { font-size:16px!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-countdown { font-size:16px!important; min-width:0!important; } } @media (max-width:600px) { html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>.mmx-live-offline-card { padding:14px 0 92%!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-list { --mmx-band-zoom:1.04; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px!important; grid-template-areas:"title title artwork""date time artwork""countdown countdown artwork"!important; min-height:104px!important; column-gap:10px!important; row-gap:7px!important; padding-left:10px!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-time { justify-self:end!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-countdown { justify-self:start!important; text-align:left!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline>.mmx-offline-studio::after { background:linear-gradient(180deg,#070a14 0%,rgba(7,10,20,.15) 13%,transparent 25%,transparent 92%,#070a14 100%); } } @media (max-width:359px) { html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band { column-gap:6px!important; padding-left:10px!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row { gap:4px!important; } html body.mmx-modern #siteRoot #mmxLiveStage.is-offline :is(.mmx-offline-band-edit,.mmx-offline-band-add) { width:28px!important; min-width:28px!important; } html body.mmx-modern #mmxNeoTopbar .topbar-actions { gap:3px!important; } } @media (prefers-reduced-motion:reduce) { html body.mmx-modern #mmxNeoSidebar .side-account,html body.mmx-modern #mmxNeoTopbar :is(.icon-button,.mmx-admin-menu-btn),html body.mmx-modern #mmxNeoTopbar .mmx-language-picker>summary,html body.mmx-modern .mmx-admin-menu-panel :is(.mmx-admin-menu-item,#bellBtn),html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row>.mmx-offline-band,html body.mmx-modern #siteRoot #mmxLiveStage.is-offline .mmx-offline-band-row>.mmx-offline-band-edit { transition:none!important; } } html:has(body[data-mmx-view="radio-schedule"] #mmxRadioSchedule) { height:auto!important; min-height:100%!important; overflow-y:auto!important; overflow-x:clip!important; } html body.mmx-modern[data-mmx-view="radio-schedule"] { height:auto!important; min-height:100dvh!important; overflow-y:auto!important; overflow-x:clip!important; } html body.mmx-modern[data-mmx-view="radio-schedule"] #siteRoot#siteRoot>.container { display:block!important; height:auto!important; min-height:calc(100dvh - 64px)!important; max-height:none!important; overflow:visible!important; transform:none!important; } html body.mmx-modern[data-mmx-view="radio-schedule"] #siteRoot #mmxLiveStage,html body.mmx-modern[data-mmx-view="radio-schedule"] #siteRoot #mmxArchiveView,html body.mmx-modern[data-mmx-view="radio-schedule"] .mmx-intro,html body.mmx-modern:not([data-mmx-view="radio-schedule"]) #siteRoot #mmxRadioSchedule { display:none!important; } html body.mmx-modern[data-mmx-view="radio-schedule"] #siteRoot #mmxRadioSchedule { display:block!important; width:100%!important; max-width:1100px!important; min-width:0!important; margin:0 auto!important; padding:24px 0 48px!important; box-sizing:border-box!important; color:var(--mmx-nav-text,#f5f0fa)!important; font-family:var(--mmx-nav-font,Arial,sans-serif)!important; } #mmxRadioSchedule .mmx-rs-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; } #mmxRadioSchedule .mmx-rs-eyebrow { font-size:11px; font-weight:800; letter-spacing:.12em; color:var(--mmx-nav-muted,#b6a7c6); } #mmxRadioSchedule h1 { margin:6px 0; font-size:clamp(24px,2.5vw,34px); line-height:1.2; font-weight:800; letter-spacing:-.035em; } #mmxRadioSchedule .mmx-rs-heading p { margin:0; color:var(--mmx-nav-muted,#b6a7c6); font-size:14px; line-height:1.5; } #mmxRadioSchedule .mmx-rs-heading-actions { display:flex; flex-wrap:wrap; gap:8px; flex-shrink:0; } #mmxRadioSchedule .mmx-rs-admin-note { margin:0 0 18px; font-size:13px; line-height:1.5; color:var(--mmx-nav-muted,#b6a7c6); } #mmxRadioSchedule .mmx-rs-status { margin:0 0 12px; font-size:14px; line-height:1.5; } #mmxRadioSchedule .mmx-rs-status:empty { display:none; } #mmxRadioSchedule .mmx-rs-calendar { --mmx-rs-weekend-ink:#c3b7ee; --mmx-rs-weekend-surface:#242039; --mmx-rs-weekend-line:#42375f; --mmx-rs-holiday-ink:#ff8897; --mmx-rs-holiday-surface:#321c27; --mmx-rs-holiday-line:#7a3348; width:100%; max-width:440px; margin:0 0 22px; padding:14px; border:1px solid var(--mmx-nav-line,rgba(255,255,255,.12)); border-radius:15px; background:var(--mmx-nav-surface,rgba(24,20,35,.85)); box-shadow:0 8px 24px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.035); box-sizing:border-box; } html[data-theme="light"] #mmxRadioSchedule .mmx-rs-calendar { --mmx-rs-weekend-ink:#675088; --mmx-rs-weekend-surface:#eee8f7; --mmx-rs-weekend-line:#d8ccea; --mmx-rs-holiday-ink:#b52541; --mmx-rs-holiday-surface:#fff0f2; --mmx-rs-holiday-line:#efbac5; } #mmxRadioSchedule .mmx-rs-calendar h2 { margin:0 0 12px; font-size:16px; line-height:1.3; font-weight:800; letter-spacing:-.02em; } #mmxRadioSchedule .mmx-rs-weekdays,#mmxRadioSchedule .mmx-rs-week-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; } #mmxRadioSchedule .mmx-rs-weekdays { margin-bottom:7px; } #mmxRadioSchedule .mmx-rs-weekdays span { min-width:0; text-align:center; font-size:11px; line-height:1.5; font-weight:700; color:var(--mmx-nav-muted,#b6a7c6); white-space:nowrap; } #mmxRadioSchedule .mmx-rs-weekdays .is-weekend { color:var(--mmx-rs-weekend-ink); } #mmxRadioSchedule .mmx-rs-calendar-week { position:relative; margin-top:5px; } #mmxRadioSchedule .mmx-rs-calendar-week:first-child { margin-top:0; } #mmxRadioSchedule .mmx-rs-week-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } #mmxRadioSchedule .mmx-rs-day { position:relative; display:flex; align-items:center; justify-content:center; gap:4px; width:100%; min-width:0; min-height:40px; padding:5px; border:1px solid var(--mmx-nav-line,rgba(255,255,255,.12))!important; border-radius:8px; background:var(--mmx-nav-surface-raised,rgba(255,255,255,.035))!important; color:inherit!important; font:750 14px/1.3 var(--mmx-nav-font,Arial,sans-serif)!important; font-variant-numeric:tabular-nums; cursor:pointer; box-sizing:border-box; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; } #mmxRadioSchedule .mmx-rs-day.is-weekend { background:var(--mmx-rs-weekend-surface)!important; border-color:var(--mmx-rs-weekend-line)!important; color:var(--mmx-rs-weekend-ink)!important; } #mmxRadioSchedule .mmx-rs-day.is-today { border-color:#ac8cc7!important; } #mmxRadioSchedule .mmx-rs-day.is-today>span { text-decoration:underline; text-underline-offset:4px; } #mmxRadioSchedule .mmx-rs-day[aria-pressed="true"] { background:#55426f!important; border-color:#c3a4e7!important; color:#fff!important; box-shadow:0 2px 8px rgba(78,49,109,.22); } #mmxRadioSchedule .mmx-rs-day.is-holiday { background:var(--mmx-rs-holiday-surface)!important; border-color:var(--mmx-rs-holiday-line)!important; color:var(--mmx-rs-holiday-ink)!important; } #mmxRadioSchedule .mmx-rs-day.is-holiday::after { content:""; position:absolute; bottom:3px; left:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:currentColor; } #mmxRadioSchedule .mmx-rs-day.is-holiday[aria-pressed="true"] { background:#9f263a!important; border-color:#f2667b!important; color:#fff!important; box-shadow:0 2px 8px rgba(159,38,58,.22); } #mmxRadioSchedule .mmx-rs-day-count { position:absolute; right:3px; top:2px; font-size:8px; line-height:1; font-weight:700; color:inherit; opacity:.85; } #mmxRadioSchedule .mmx-rs-day.has-live { padding-bottom:13px; } #mmxRadioSchedule .mmx-rs-day-live { position:absolute; bottom:3px; left:50%; transform:translateX(-50%); padding:1px 3px; border-radius:3px; background:#ffe6eb; color:#b81d38; font:800 8px/1 var(--mmx-nav-font,Arial,sans-serif); letter-spacing:.025em; white-space:nowrap; } #mmxRadioSchedule .mmx-rs-day.has-live::before { content:""; position:absolute; inset:-1px; border:2px solid #ef4966; border-radius:inherit; pointer-events:none; animation:mmx-rs-live-pulse 2s ease-in-out infinite; } #mmxRadioSchedule .mmx-rs-day.is-holiday.has-live::after { display:none; } @keyframes mmx-rs-live-pulse { 0%,100% { opacity:.3; } 50% { opacity:1; } } #mmxRadioSchedule .mmx-rs-calendar-legend { display:flex; flex-wrap:wrap; gap:14px; margin:12px 0 0; padding-top:10px; border-top:1px solid var(--mmx-nav-line,rgba(255,255,255,.12)); font-size:10px; line-height:1.4; } #mmxRadioSchedule .mmx-rs-calendar-legend span { display:inline-flex; align-items:center; gap:6px; } #mmxRadioSchedule .mmx-rs-calendar-legend span::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } #mmxRadioSchedule .mmx-rs-calendar-legend .is-weekend { color:var(--mmx-rs-weekend-ink); } #mmxRadioSchedule .mmx-rs-calendar-legend .is-holiday { color:var(--mmx-rs-holiday-ink); } #mmxRadioSchedule .mmx-rs-holiday-name { margin:-8px 0 16px; color:#ff8897; font-size:13px; line-height:1.5; font-weight:650; overflow-wrap:anywhere; } html[data-theme="light"] #mmxRadioSchedule .mmx-rs-holiday-name { color:#b52541; } #mmxRadioSchedule .mmx-rs-selected-day { margin:0 0 16px; font-size:clamp(18px,2vw,22px); line-height:1.35; font-weight:800; overflow-wrap:anywhere; } #mmxRadioSchedule .mmx-rs-list { display:grid; gap:12px; min-width:0; } #mmxRadioSchedule .mmx-rs-row { --mmx-rs-colour:#a32442; --mmx-rs-ink:#ffffff; display:grid; grid-template-columns:minmax(0,1fr) auto 44px; gap:18px; align-items:center; min-width:0; min-height:88px; padding:18px 20px; border:1px solid rgba(255,255,255,.15); border-radius:13px; background:var(--mmx-rs-colour); color:var(--mmx-rs-ink); box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.11); box-sizing:border-box; } #mmxRadioSchedule[data-can-edit="0"] .mmx-rs-row { grid-template-columns:minmax(0,1fr) auto; } #mmxRadioSchedule .mmx-rs-main { min-width:0; grid-column:1; grid-row:1; } #mmxRadioSchedule .mmx-rs-title { margin:0; font-size:20px; font-weight:800; line-height:1.3; color:inherit; overflow-wrap:anywhere; } #mmxRadioSchedule .mmx-rs-style { margin:5px 0 0; font-size:14px; font-weight:750; line-height:1.4; color:inherit; opacity:.9; overflow-wrap:anywhere; } #mmxRadioSchedule .mmx-rs-content { margin:9px 0 0; font-size:15px; line-height:1.5; color:inherit; white-space:pre-line; overflow-wrap:anywhere; } #mmxRadioSchedule .mmx-rs-timing { display:flex; flex-direction:column; gap:5px; grid-column:2; grid-row:1; min-width:0; font-size:13px; line-height:1.4; } #mmxRadioSchedule .mmx-rs-time { font-size:17px; font-weight:800; letter-spacing:-.025em; font-variant-numeric:tabular-nums; white-space:nowrap; } #mmxRadioSchedule .mmx-rs-next-day { font-size:11px; font-weight:700; opacity:.85; } #mmxRadioSchedule .mmx-rs-edit { grid-column:3; grid-row:1; width:44px; min-width:44px; height:44px; padding:11px; border:1px solid currentColor; border-radius:10px; background:transparent; color:inherit; cursor:pointer; opacity:.8; } #mmxRadioSchedule .mmx-rs-edit:hover { opacity:1; background:rgba(255,255,255,.1); } #mmxRadioSchedule .mmx-rs-edit svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } #mmxRadioSchedule .mmx-rs-row.is-empty { min-height:64px; background:rgba(163,36,66,.08); color:var(--mmx-nav-muted,#b6a7c6); border:1px dashed rgba(203,159,180,.3); box-shadow:none; } #mmxRadioSchedule .is-empty .mmx-rs-title { font-size:15px; font-weight:600; } #mmxRadioSchedule .mmx-rs-empty { padding:32px 20px; border:1px solid var(--mmx-nav-line,rgba(255,255,255,.12)); border-radius:16px; color:var(--mmx-nav-muted,#b6a7c6); text-align:center; } #mmxRadioSchedule .mmx-rs-button,#mmxRadioScheduleDialog .mmx-rs-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; max-width:100%; padding:10px 14px; border:1px solid rgba(188,165,216,.24); border-radius:10px; background:rgba(180,152,210,.09); color:inherit; font:700 13px/1.3 var(--mmx-nav-font,Arial,sans-serif); text-decoration:none; cursor:pointer; box-sizing:border-box; } #mmxRadioSchedule .mmx-rs-button svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; } #mmxRadioSchedule .mmx-rs-button[aria-pressed="true"] { background:#782e59; border-color:#ba668f; color:#fff; } #mmxRadioSchedule [hidden],#mmxRadioScheduleDialog[hidden],#mmxRadioScheduleDialog [hidden] { display:none!important; } #mmxRadioScheduleDialog { position:fixed!important; inset:0!important; z-index:2147483000!important; display:grid!important; place-items:center; overflow-y:auto; padding:16px; background:rgba(0,0,0,.76); box-sizing:border-box; color:#f5f0fa; font-family:var(--mmx-nav-font,Arial,sans-serif); } #mmxRadioScheduleDialog .mmx-rs-panel { width:min(560px,100%); min-width:0; max-height:calc(100dvh - 32px); overflow-y:auto; overscroll-behavior:contain; padding:22px; border:1px solid rgba(220,202,242,.17); border-radius:20px; background:#12131e; box-shadow:0 28px 80px rgba(0,0,0,.55); box-sizing:border-box; } #mmxRadioScheduleDialog .mmx-rs-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; } #mmxRadioScheduleDialog .mmx-rs-editor-date { margin:-8px 0 18px; color:#c9b8d9; font-size:13px; line-height:1.5; } #mmxRadioScheduleDialog h2 { margin:0; font-size:20px; line-height:1.3; } #mmxRadioScheduleDialog .mmx-rs-close { display:grid; place-items:center; width:44px; min-width:44px; height:44px; border:0; border-radius:10px; background:rgba(255,255,255,.08); color:inherit; font-size:27px; cursor:pointer; } #mmxRadioScheduleDialog form { display:grid; gap:14px; min-width:0; margin:0; } #mmxRadioScheduleDialog label { display:grid; gap:6px; min-width:0; color:#ddd2e8; font-size:13px; font-weight:650; } #mmxRadioScheduleDialog :is(input:not([type="hidden"]),textarea) { display:block; width:100%; max-width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid rgba(207,183,232,.23); border-radius:9px; background:#1b1c2a; color:#fff; font:500 16px/1.35 var(--mmx-nav-font,Arial,sans-serif); box-sizing:border-box; color-scheme:dark; } #mmxRadioScheduleDialog textarea { resize:vertical; min-height:86px; } #mmxRadioScheduleDialog .mmx-rs-time-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } #mmxRadioScheduleDialog .mmx-rs-colour-field { display:flex; align-items:center; justify-content:space-between; gap:10px; } #mmxRadioScheduleDialog input[type="color"] { width:80px; min-width:80px; height:44px; padding:4px; cursor:pointer; } #mmxRadioScheduleDialog .mmx-rs-form-hint { margin:0; color:#c9b8d9; font-size:12px; line-height:1.4; } #mmxRadioScheduleDialog .mmx-rs-form-status { margin:0; font-size:13px; line-height:1.5; color:#ffc1d0; } #mmxRadioScheduleDialog .mmx-rs-form-status:empty { display:none; } #mmxRadioScheduleDialog .mmx-rs-form-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; } #mmxRadioScheduleDialog .mmx-rs-save { background:#a32442; border-color:#ce4564; color:#fff; } #mmxRadioScheduleDialog .mmx-rs-delete { color:#ffc1d0; background:transparent; } #mmxRadioScheduleDialog :disabled { opacity:.55; cursor:wait; } #mmxRadioScheduleDialog :focus-visible,#mmxRadioSchedule :focus-visible { outline:2px solid #de9cdb; outline-offset:3px; } html:has(body.mmx-rs-dialog-open #mmxRadioSchedule),html body.mmx-modern.mmx-rs-dialog-open { overflow-y:hidden!important; } @media (max-width:760px) { html body.mmx-modern nav.mobile-bottom-nav { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:0!important; padding-left:4px!important; padding-right:4px!important; } html body.mmx-modern nav.mobile-bottom-nav a { width:100%!important; min-width:0!important; padding:0 2px!important; box-sizing:border-box!important; } html body.mmx-modern[data-mmx-view="radio-schedule"] #siteRoot#siteRoot>.container { padding:60px 10px calc(44px + env(safe-area-inset-bottom,0px))!important; } html body.mmx-modern[data-mmx-view="radio-schedule"] #siteRoot #mmxRadioSchedule { padding:14px 0 20px!important; } #mmxRadioSchedule .mmx-rs-heading { align-items:flex-start; flex-direction:column; gap:14px; } #mmxRadioSchedule .mmx-rs-heading-actions { width:100%; } #mmxRadioSchedule .mmx-rs-row { grid-template-columns:minmax(0,1fr) 44px; min-height:0; gap:7px; padding:9px 12px; border-radius:10px; } #mmxRadioSchedule[data-can-edit="0"] .mmx-rs-row { grid-template-columns:minmax(0,1fr); } #mmxRadioSchedule .mmx-rs-timing { grid-column:1/-1; grid-row:2; flex-direction:row; flex-wrap:wrap; align-items:center; } #mmxRadioSchedule .mmx-rs-edit { grid-column:2; grid-row:1; align-self:start; } #mmxRadioSchedule .mmx-rs-title { font-size:16px; line-height:1.25; } #mmxRadioSchedule .mmx-rs-style { margin-top:2px; font-size:12px; line-height:1.3; } #mmxRadioSchedule .mmx-rs-content { margin-top:5px; font-size:13px; line-height:1.4; } #mmxRadioSchedule .mmx-rs-timing { font-size:12px; column-gap:10px; row-gap:2px; } #mmxRadioSchedule .mmx-rs-time { font-size:15px; } #mmxRadioSchedule .mmx-rs-next-day { font-size:10px; } #mmxRadioSchedule .mmx-rs-list { gap:8px; } #mmxRadioSchedule .mmx-rs-selected-day { margin-bottom:10px; font-size:16px!important; line-height:1.3; } #mmxRadioSchedule .mmx-rs-calendar { padding:9px 8px; margin-bottom:16px; border-radius:12px; } #mmxRadioSchedule .mmx-rs-calendar h2 { margin-bottom:8px; font-size:15px!important; } #mmxRadioSchedule .mmx-rs-weekdays,#mmxRadioSchedule .mmx-rs-week-grid { gap:4px; } #mmxRadioSchedule .mmx-rs-weekdays { margin-bottom:5px; } #mmxRadioSchedule .mmx-rs-calendar-week { margin-top:4px; } #mmxRadioSchedule .mmx-rs-day { min-height:34px; padding:2px 4px; font:750 13px/1.3 var(--mmx-nav-font,Arial,sans-serif)!important; border-radius:6px; } #mmxRadioSchedule .mmx-rs-day.has-live { padding-bottom:12px; } #mmxRadioSchedule .mmx-rs-day.has-live.is-today>span { text-underline-offset:2px; } #mmxRadioSchedule .mmx-rs-day-live { bottom:2px; } #mmxRadioSchedule .mmx-rs-calendar-legend { margin-top:8px; padding-top:7px; } html body.mmx-modern .mobile-bottom-nav a[data-mmx-view="radio-schedule"] span { font-size:9px!important; letter-spacing:-.02em!important; } } @media (max-width:520px) { #mmxRadioScheduleDialog .mmx-rs-panel { padding:16px; } #mmxRadioScheduleDialog .mmx-rs-time-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } #mmxRadioScheduleDialog .mmx-rs-duration-field { grid-column:1/-1; } } @media (hover:hover) and (pointer:fine) { #mmxRadioSchedule .mmx-rs-day:hover { box-shadow:inset 0 0 0 1px currentColor; } } @media (prefers-reduced-motion:reduce) { #mmxRadioSchedule .mmx-rs-day { transition:none; } #mmxRadioSchedule .mmx-rs-day.has-live::before { animation:none; opacity:.8; } } html body #siteRoot #mmxArchiveView { --mmx-archive-paper:#151820; --mmx-archive-raised:#1d202b; --mmx-archive-ink:#f6f2f3; --mmx-archive-muted:#b0adbc; --mmx-archive-line:rgba(235,217,227,.14); --mmx-archive-accent:#ff8197; --mmx-archive-wash:rgba(209,54,88,.11); --mmx-archive-shadow:rgba(0,0,0,.24); color:var(--mmx-archive-ink)!important; color-scheme:dark!important; font-family:var(--mmx-nav-font,Arial,sans-serif)!important; } html[data-theme="light"] body #siteRoot #mmxArchiveView { --mmx-archive-paper:#fff; --mmx-archive-raised:#f4eef1; --mmx-archive-ink:#2d2430; --mmx-archive-muted:#6d6574; --mmx-archive-line:rgba(74,39,61,.14); --mmx-archive-accent:#a72445; --mmx-archive-wash:rgba(185,39,77,.065); --mmx-archive-shadow:rgba(56,27,45,.08); color-scheme:light!important; } html body.mmx-modern[data-mmx-view="archive"] { background:radial-gradient(ellipse 900px 600px at 94%0,rgba(132,28,60,.17),transparent 75%),linear-gradient(160deg,#0e1018,#0b0f16 65%)!important; } html[data-theme="light"] body.mmx-modern[data-mmx-view="archive"] { background:radial-gradient(ellipse 800px 500px at 95%0,rgba(194,79,112,.09),transparent 80%),#f7f4f5!important; } html body #siteRoot #mmxArchiveView .archive-intro { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; padding:30px 0 24px!important; position:relative!important; } html body #siteRoot #mmxArchiveView .archive-intro-copy { min-width:0; } html body #siteRoot #mmxArchiveView .archive-intro .section-kicker { color:var(--mmx-archive-muted)!important; font:700 10px/1.4 var(--mmx-nav-font,Arial,sans-serif)!important; letter-spacing:.14em!important; } html body #siteRoot #mmxArchiveView .archive-intro .section-kicker::before { background:var(--mmx-archive-accent)!important; box-shadow:0 0 12px var(--mmx-archive-wash)!important; } html body #siteRoot #mmxArchiveView .archive-intro h1 { margin:12px 0 0!important; color:var(--mmx-archive-ink)!important; font:800 clamp(34px,4.1vw,58px)/1.04 var(--mmx-nav-font,Arial,sans-serif)!important; letter-spacing:-.055em!important; text-shadow:none!important; overflow-wrap:anywhere; } html body #siteRoot #mmxArchiveView .archive-head-accent { display:block; color:var(--mmx-archive-accent); } html body #siteRoot #mmxArchiveView .intro-description { display:block!important; max-width:none!important; margin:12px 0 0!important; color:var(--mmx-archive-muted)!important; font:400 14px/1.5 var(--mmx-nav-font,Arial,sans-serif)!important; } html body #siteRoot #mmxArchiveView .archive-collection-note { display:flex; align-items:center; gap:12px; padding:16px 18px; border:1px solid var(--mmx-archive-line); border-radius:16px; background:var(--mmx-archive-wash); max-width:290px; box-sizing:border-box; } html body #siteRoot #mmxArchiveView .archive-collection-icon { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:50%; background:var(--mmx-archive-paper); color:var(--mmx-archive-accent); } html body #siteRoot #mmxArchiveView .archive-collection-icon svg { width:25px!important; height:25px!important; } html body #siteRoot #mmxArchiveView .archive-collection-note strong { display:block; color:var(--mmx-archive-ink); font-size:18px; font-weight:750; } html body #siteRoot #mmxArchiveView .archive-collection-note div>span { display:block; margin-top:3px; color:var(--mmx-archive-muted); font-size:11px; line-height:1.5; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix.featured-mix { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important; gap:0!important; background:linear-gradient(125deg,var(--mmx-archive-paper),var(--mmx-archive-raised))!important; border:1px solid var(--mmx-archive-line)!important; border-radius:20px!important; box-shadow:0 20px 44px -20px var(--mmx-archive-shadow)!important; margin-bottom:32px!important; overflow:visible!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb { align-self:stretch!important; min-width:0!important; aspect-ratio:16/9!important; border-radius:19px 0 0 19px!important; outline:0!important; background:#07090e!important; overflow:hidden!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb::after { display:none!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-copy { position:relative!important; padding:26px!important; min-width:0!important; border-radius:0 19px 19px 0!important; background:radial-gradient(ellipse at 100%0,var(--mmx-archive-wash),transparent 70%)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-eyebrow { font:700 10px/1.4 var(--mmx-nav-font,Arial,sans-serif)!important; letter-spacing:.075em!important; color:var(--mmx-archive-muted)!important; flex-wrap:wrap!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .new-chip { padding:4px 7px!important; border:0!important; border-radius:5px!important; background:#d83b5f!important; color:#fff!important; box-shadow:none!important; font-size:9px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-category { display:block!important; margin-top:20px!important; color:var(--mmx-archive-accent)!important; font-size:10px!important; letter-spacing:.08em!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-title { color:var(--mmx-archive-ink)!important; font:780 clamp(23px,2.4vw,34px)/1.18 var(--mmx-nav-font,Arial,sans-serif)!important; letter-spacing:-.04em!important; margin:9px 0 15px!important; overflow-wrap:anywhere!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-meta,html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-meta * { color:var(--mmx-archive-muted)!important; font-size:11px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-actions { gap:10px!important; margin-top:22px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .accent-button { background:linear-gradient(120deg,#cf3458,#ac284b)!important; color:#fff!important; border:1px solid rgba(255,255,255,.19)!important; border-radius:10px!important; min-height:44px!important; padding:11px 16px!important; font:700 13px/1.3 var(--mmx-nav-font,Arial,sans-serif)!important; box-shadow:0 6px 16px rgba(178,31,65,.22)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .accent-button:hover { background:linear-gradient(120deg,#df4569,#bc3358)!important; transform:none!important; box-shadow:0 7px 20px rgba(178,31,65,.3)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .btn-download { background:var(--mmx-archive-raised)!important; color:var(--mmx-archive-ink)!important; border:1px solid var(--mmx-archive-line)!important; border-radius:10px!important; box-shadow:none!important; min-height:44px!important; padding:10px 12px!important; font:600 12px/1.3 var(--mmx-nav-font,Arial,sans-serif)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-title:hover { color:var(--mmx-archive-accent)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix:has(.indexDownloadGateBubble.show) { position:relative!important; z-index:40!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .indexDownloadWrap { position:static!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .indexDownloadGateBubble { top:calc(100% - 4px)!important; bottom:auto!important; left:16px!important; right:16px!important; width:auto!important; max-width:none!important; transform:none!important; } html body #siteRoot #mmxArchiveView .indexDownloadGateBubble { background:var(--mmx-archive-raised)!important; color:var(--mmx-archive-ink)!important; border:1px solid var(--mmx-archive-line)!important; border-radius:12px!important; } html body #siteRoot #mmxArchiveView .indexDownloadGateBubble :is(b,.small) { color:var(--mmx-archive-ink)!important; } html body #siteRoot #mmxArchiveView .indexDownloadGateBubble :is(a,button) { background:var(--mmx-archive-wash)!important; color:var(--mmx-archive-accent)!important; } html body #siteRoot #mmxArchiveView .library-heading { gap:16px!important; margin-bottom:14px!important; } html body #siteRoot #mmxArchiveView .library-title { min-width:0!important; flex-wrap:wrap!important; gap:8px!important; } html body #siteRoot #mmxArchiveView .library-title h2 { color:var(--mmx-archive-ink)!important; font:750 clamp(20px,2vw,24px)/1.25 var(--mmx-nav-font,Arial,sans-serif)!important; letter-spacing:-.035em!important; } html body #siteRoot #mmxArchiveView .library-title small { color:var(--mmx-archive-muted)!important; padding:4px 7px; background:var(--mmx-archive-raised); border-radius:6px; font-size:11px!important; white-space:nowrap; } html body #siteRoot #mmxArchiveView .library-controls { gap:8px!important; min-width:0!important; } html body #siteRoot #mmxArchiveView .library-controls .search,html body #siteRoot #mmxArchiveView .library-controls .sort select { background:var(--mmx-archive-paper)!important; color:var(--mmx-archive-ink)!important; border:1px solid var(--mmx-archive-line)!important; border-radius:10px!important; box-shadow:none!important; min-height:44px!important; padding:10px 12px!important; box-sizing:border-box!important; } html body #siteRoot #mmxArchiveView .library-controls .search { min-width:210px!important; } html body #siteRoot #mmxArchiveView .library-controls .sort select { max-width:none!important; width:150px!important; font-size:12px!important; } html body #siteRoot #mmxArchiveView .library-controls input { color:var(--mmx-archive-ink)!important; font-size:14px!important; } html body #siteRoot #mmxArchiveView input::placeholder { color:var(--mmx-archive-muted)!important; } html body #siteRoot #mmxArchiveView .library-controls .search:focus-within,html body #siteRoot #mmxArchiveView .library-controls .sort:focus-within select { border-color:var(--mmx-archive-accent)!important; background:var(--mmx-archive-paper)!important; box-shadow:0 0 0 3px var(--mmx-archive-wash)!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder { margin:0 0 22px!important; padding:0!important; background:none!important; border:0!important; box-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chips { width:100%!important; gap:7px!important; padding:2px 1px 5px!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip { min-height:38px!important; gap:7px!important; padding:8px 12px!important; border:1px solid var(--mmx-archive-line)!important; border-radius:9px!important; background:var(--mmx-archive-paper)!important; color:var(--mmx-archive-muted)!important; font:600 12px/1.3 var(--mmx-nav-font,Arial,sans-serif)!important; box-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip svg { width:15px!important; height:15px!important; flex-shrink:0; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip small { display:inline-block!important; font-size:10px!important; min-width:18px!important; padding:2px 4px!important; border-radius:5px!important; background:var(--mmx-archive-raised)!important; color:var(--mmx-archive-muted)!important; text-align:center!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip.is-active { background:var(--mmx-archive-wash)!important; color:var(--mmx-archive-accent)!important; border-color:var(--mmx-archive-accent)!important; font-weight:750!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip:hover { background:var(--mmx-archive-raised)!important; color:var(--mmx-archive-ink)!important; } html body #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip.is-active:hover { color:var(--mmx-archive-accent)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; align-items:start!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post { position:relative!important; background:var(--mmx-archive-paper)!important; border:1px solid var(--mmx-archive-line)!important; border-radius:14px!important; box-shadow:0 8px 24px -12px var(--mmx-archive-shadow)!important; transform:none!important; overflow:visible!important; transition:border-color .2s ease,box-shadow .2s ease!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post:hover { position:relative!important; background:var(--mmx-archive-paper)!important; border:1px solid var(--mmx-archive-line)!important; border-radius:14px!important; transform:none!important; overflow:visible!important; transition:border-color .2s ease,box-shadow .2s ease!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post:hover { border-color:rgba(233,116,145,.38)!important; box-shadow:0 12px 28px -10px var(--mmx-archive-shadow)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { border-radius:13px 13px 0 0!important; outline:0!important; box-shadow:none!important; background:#090b11!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb img,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb video { border-radius:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-copy { padding:12px 13px 14px!important; min-width:0; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category { margin:0 0 7px!important; gap:8px!important; color:var(--mmx-archive-accent)!important; letter-spacing:.06em!important; font-size:9px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category small { color:var(--mmx-archive-muted)!important; font-size:9px!important; text-align:right; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-title-row { margin:0!important; gap:6px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { color:var(--mmx-archive-ink)!important; font:700 15px/1.4 var(--mmx-nav-font,Arial,sans-serif)!important; letter-spacing:-.02em!important; overflow-wrap:anywhere!important; min-height:42px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post:hover .title { color:var(--mmx-archive-accent)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta,html body #siteRoot #mmxArchiveView #mmxArchiveGrid :is(.meta-part,.meta-comments,.meta-views) { color:var(--mmx-archive-muted)!important; font-size:11px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-menu { width:30px!important; min-width:30px!important; height:32px!important; border-radius:7px!important; background:var(--mmx-archive-raised)!important; color:var(--mmx-archive-muted)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .mix-tools-panel { background:var(--mmx-archive-raised)!important; color:var(--mmx-archive-ink)!important; border-color:var(--mmx-archive-line)!important; z-index:25!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .mix-tools-panel a { color:var(--mmx-archive-ink)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .mix-tools-panel a.btn-download { color:var(--mmx-archive-accent)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download.is-locked { background:transparent!important; color:var(--mmx-archive-muted)!important; border-color:var(--mmx-archive-line)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { background:var(--mmx-archive-wash)!important; color:var(--mmx-archive-accent)!important; border-color:var(--mmx-archive-line)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download:hover:not(.is-locked) { background:var(--mmx-archive-raised)!important; color:var(--mmx-archive-ink)!important; } html body #siteRoot #mmxArchiveView .thumb-hover span { background:rgba(255,255,255,.94)!important; color:#ad284b!important; box-shadow:0 7px 22px rgba(0,0,0,.3)!important; width:46px!important; height:46px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .thumb-hover { opacity:1!important; place-items:end start!important; padding:12px!important; background:linear-gradient(0deg,rgba(0,0,0,.22),transparent 50%)!important; pointer-events:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .thumb-hover span { width:32px!important; height:32px!important; background:rgba(255,255,255,.9)!important; } html body #siteRoot #mmxArchiveView #mmxStyleEmpty { border:1px dashed var(--mmx-archive-line)!important; border-radius:14px!important; background:var(--mmx-archive-paper)!important; color:var(--mmx-archive-muted)!important; padding:32px 20px!important; } html body #siteRoot #mmxArchiveView #mmxStyleReset { background:var(--mmx-archive-wash)!important; color:var(--mmx-archive-accent)!important; min-height:44px!important; } html body #siteRoot #mmxArchiveView .site-footer { border-color:var(--mmx-archive-line)!important; color:var(--mmx-archive-muted)!important; font-size:11px!important; } html body #siteRoot #mmxArchiveView .site-footer a { color:var(--mmx-archive-muted)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix.mmx-style-hidden,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post.mmx-style-hidden,html body #siteRoot #mmxArchiveView #mmxStyleEmpty[hidden] { display:none!important; } html body.mmx-modern #mmxNeoTopbar :is(.icon-button,#mmxModernMenuBtn) { border:1px solid var(--mmx-nav-line)!important; border-radius:10px!important; background:var(--mmx-nav-hover)!important; color:var(--mmx-nav-text)!important; } html body.mmx-modern #mmxNeoTopbar :is(.icon-button,#mmxModernMenuBtn):hover { background:var(--mmx-nav-selected)!important; border-color:rgba(231,134,154,.42)!important; } html body.mmx-modern .mobile-bottom-nav a { position:relative!important; border-radius:7px!important; border:1px solid transparent!important; font-weight:550!important; } html body.mmx-modern .mobile-bottom-nav a.is-active { color:var(--mmx-nav-text)!important; background:linear-gradient(120deg,rgba(193,51,89,.2),var(--mmx-nav-hover))!important; border-color:rgba(229,117,144,.26)!important; } html body.mmx-modern .mobile-bottom-nav a.is-active::after { content:""; position:absolute; top:0; left:35%; right:35%; height:2px; border-radius:0 0 2px 2px; background:#e45b7b; } html body #siteRoot #mmxArchiveView :is(a,button,summary,input,select):focus-visible { outline:2px solid var(--mmx-archive-accent)!important; outline-offset:3px!important; } @media (min-width:761px) and (max-width:1150px) { html body #siteRoot #mmxArchiveView .archive-collection-note { max-width:230px; padding:12px; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix.featured-mix { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-copy { padding:20px!important; } html body #siteRoot #mmxArchiveView .library-heading { align-items:flex-start!important; flex-direction:column!important; } html body #siteRoot #mmxArchiveView .library-controls { width:100%!important; } html body #siteRoot #mmxArchiveView .library-controls .search { flex:1!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width:760px) { html body #siteRoot #mmxArchiveView .archive-intro { display:block!important; padding:22px 0 20px!important; } html body #siteRoot #mmxArchiveView .archive-intro h1 { font-size:clamp(33px,9vw,45px)!important; } html body #siteRoot #mmxArchiveView .intro-description { font-size:13px!important; } html body #siteRoot #mmxArchiveView .archive-collection-note { display:none; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix.featured-mix { grid-template-columns:minmax(0,1fr)!important; border-radius:15px!important; margin-bottom:25px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-thumb { border-radius:14px 14px 0 0!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-copy { padding:17px!important; border-radius:0 0 14px 14px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-category { margin-top:13px!important; font-size:9px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-title { font-size:24px!important; margin-bottom:11px!important; } html body #siteRoot #mmxArchiveView #mmxFeaturedMix .feature-actions { margin-top:16px!important; gap:8px!important; } html body #siteRoot #mmxArchiveView .library-heading { display:block!important; } html body #siteRoot #mmxArchiveView .library-controls { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:8px!important; } html body #siteRoot #mmxArchiveView .library-controls .search { width:100%!important; min-width:0!important; } html body #siteRoot #mmxArchiveView .library-controls input { font-size:16px!important; } html body #siteRoot #mmxArchiveView .library-controls .sort select { width:128px!important; font-size:12px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-copy { padding:10px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { font-size:13px!important; min-height:37px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category { gap:4px!important; font-size:8px!important; flex-wrap:wrap!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category small { font-size:8px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta,html body #siteRoot #mmxArchiveView #mmxArchiveGrid :is(.meta-part,.meta-comments,.meta-views) { font-size:10px!important; } } @media (max-width:420px) { html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { grid-template-columns:minmax(0,1fr)!important; gap:16px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-copy { padding:12px 13px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { font-size:16px!important; min-height:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .card-category { font-size:10px!important; } html body #siteRoot #mmxArchiveView .library-controls { grid-template-columns:minmax(0,1fr)!important; } html body #siteRoot #mmxArchiveView .library-controls .sort { justify-self:end; } html body #siteRoot #mmxArchiveView .library-controls .sort select { width:150px!important; } } @media (prefers-reduced-motion:reduce) { html body #siteRoot #mmxArchiveView *,html body.mmx-modern #mmxNeoSidebar .side-nav :is(a,button) { transition:none!important; } } } @layer mmx-legacy { :root { --bg0:#06080d; --bg1:#0a0f18; --panel:rgba(255,255,255,.055); --panel2:rgba(255,255,255,.035); --stroke:rgba(0,234,255,.22); --stroke2:rgba(255,255,255,.10); --cyan:#00eaff; --cyan2:#00b8ff; --vio:#c86bff; --red:#ff3d3d; --txt:#eaf3ff; --muted:rgba(230,245,255,.72); --muted2:rgba(230,245,255,.52); --shadow:0 18px 50px rgba(0,0,0,.55); --shadow2:0 0 22px rgba(0,234,255,.14); --r12:12px; --r16:16px; --r20:20px; --r24:24px; } * { box-sizing:border-box; } html,body { height:100%; } body { margin:0; font-family:Inter,Arial,sans-serif; color:var(--txt); background:radial-gradient(1200px 800px at 18% -10%,rgba(0,234,255,.20),transparent 55%),radial-gradient(900px 700px at 85% 0%,rgba(200,107,255,.14),transparent 60%),radial-gradient(1200px 900px at 50% 110%,rgba(0,184,255,.12),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1)); } body::before { content:""; position:fixed; inset:0; pointer-events:none; background:repeating-linear-gradient(90deg,rgba(255,255,255,.028)0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,rgba(0,234,255,.020)0 1px,transparent 1px 26px); mix-blend-mode:overlay; opacity:.55; } body::after { content:""; position:fixed; inset:-20%; pointer-events:none; background:radial-gradient(closest-side,transparent 60%,rgba(0,0,0,.55) 100%); opacity:.65; } body.mmx-live-idle::before,body.mmx-live-idle::after { content:none!important; display:none!important; } .mmx-intro { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; background:radial-gradient(1100px 700px at 50% 42%,rgba(0,234,255,.18),transparent 60%),radial-gradient(900px 650px at 45% 55%,rgba(200,107,255,.22),transparent 65%),radial-gradient(1200px 900px at 60% 110%,rgba(0,184,255,.12),transparent 55%),#000; overflow:hidden; opacity:1; will-change:opacity,transform,filter; } .mmx-intro::before { content:""; position:absolute; inset:-25%; background:radial-gradient(closest-side at 30% 30%,rgba(200,107,255,.18),transparent 62%),radial-gradient(closest-side at 70% 55%,rgba(0,184,255,.16),transparent 62%),radial-gradient(closest-side at 55% 80%,rgba(200,107,255,.14),transparent 65%); filter:blur(18px); opacity:.9; animation:mmxFog 3.6s ease-in-out forwards; transform:translate3d(0,0,0); } @keyframes mmxFog { 0% { transform:scale(1.06) translate3d(-1.2%,-1.0%,0); opacity:.95; } 55% { transform:scale(1.10) translate3d(1.2%,1.0%,0); opacity:.88; } 100% { transform:scale(1.14) translate3d(2.4%,2.0%,0); opacity:.82; } } .mmx-intro .mmx-center { position:relative; text-align:center; padding:24px 26px; transform:translate3d(0,0,0); will-change:transform,filter,opacity; } .mmx-center::after { content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.98); transform:translate(-50%,-50%) scale(0); opacity:0; filter:blur(.2px); box-shadow:0 0 18px rgba(255,255,255,.95),0 0 48px rgba(120,220,255,.75),0 0 90px rgba(200,110,255,.55); pointer-events:none; will-change:transform,opacity,filter; } @keyframes mmxTvShutdown { 0% { transform:translate3d(0,0,0) scale(1); opacity:1; filter:brightness(1) saturate(1); } 60% { transform:translate3d(0,0,0) scaleX(1.03) scaleY(.04); opacity:1; filter:brightness(2.0) saturate(1.25); } 85% { transform:translate3d(0,0,0) scaleX(.02) scaleY(.02); opacity:1; filter:brightness(2.8) saturate(1.35); } 95% { transform:translate3d(0,0,0) scale(.001); opacity:1; filter:brightness(3.2) saturate(1.45); } 100% { transform:translate3d(0,0,0) scale(.001); opacity:0; filter:brightness(3.2) saturate(1.45); } } @keyframes mmxDotPop { 0% { opacity:0; transform:translate(-50%,-50%) scale(0); filter:blur(.2px); } 60% { opacity:1; transform:translate(-50%,-50%) scale(1); filter:blur(.8px); } 100% { opacity:0; transform:translate(-50%,-50%) scale(.2); filter:blur(1.2px); } } .mmx-intro.mmx-off .mmx-center { animation:mmxTvShutdown 560ms ease-in forwards; } .mmx-intro.mmx-off .mmx-center::after { animation:mmxDotPop 520ms ease-out forwards; animation-delay:180ms; } .mmx-intro.mmx-off .mmx-title,.mmx-intro.mmx-off .mmx-sub { animation:mmxTextFade 260ms ease-out forwards; } @keyframes mmxTextFade { to { opacity:0; transform:translate3d(0,0,0) scale(.98); } } .mmx-intro .mmx-title { font-family:"Orbitron",sans-serif; font-weight:900; font-size:clamp(34px,8vw,86px); letter-spacing:1.2px; color:#fff; text-shadow:0 0 26px rgba(0,234,255,.80),0 0 120px rgba(200,107,255,.18); opacity:0; transform:translate3d(0,10px,0) scale(.98); animation:mmxIn .55s ease .10s forwards; } .mmx-intro .mmx-sub { margin-top:10px; font-weight:700; font-size:clamp(14px,3.3vw,18px); color:rgba(230,245,255,.85); letter-spacing:.18em; text-transform:uppercase; opacity:0; transform:translate3d(0,10px,0); animation:mmxIn .55s ease .22s forwards; } @keyframes mmxIn { to { opacity:1; transform:translate3d(0,0,0) scale(1); } } .mmx-intro .mmx-flare { position:absolute; left:50%; top:50%; width:min(110vw,1200px); height:2px; transform:translate(-50%,-50%); background:linear-gradient(90deg,transparent,rgba(0,234,255,.95),rgba(200,107,255,.85),rgba(0,184,255,.95),transparent); box-shadow:0 0 18px rgba(0,234,255,.55); opacity:0; animation:mmxFlare 3.6s ease forwards; } @keyframes mmxFlare { 0% { opacity:0; transform:translate(-50%,-50%) scaleX(.65); } 18% { opacity:.95; transform:translate(-50%,-50%) scaleX(1.0); } 42% { opacity:.55; } 70% { opacity:.18; } 100% { opacity:0; transform:translate(-50%,-50%) scaleX(.85); } } body.mmx-blur #siteRoot { filter:blur(14px) saturate(1.05) contrast(1.04); transform:translate3d(0,0,0); } body.mmx-blur.mmx-unblur #siteRoot { transition:filter 950ms ease; filter:blur(0px) saturate(1) contrast(1); } .mmx-intro.mmx-off { animation:mmxFade 780ms ease forwards; } @keyframes mmxFade { to { opacity:0; visibility:hidden; } } .mmx-intro .mmx-crt { position:absolute; left:50%; top:50%; width:2px; height:2px; transform:translate(-50%,-50%) scale(0.2); border-radius:999px; background:rgba(255,255,255,0); box-shadow:0 0 0 rgba(255,255,255,0); pointer-events:none; } .mmx-intro.mmx-off .mmx-crt { animation:mmxCRT 780ms ease forwards; } @keyframes mmxCRT { 0% { width:72vw; height:2px; transform:translate(-50%,-50%) scaleX(1) scaleY(1); background:rgba(255,255,255,.95); box-shadow:0 0 18px rgba(255,255,255,.75),0 0 42px rgba(0,234,255,.35); opacity:1; } 55% { width:10px; height:2px; transform:translate(-50%,-50%) scaleX(1) scaleY(1); opacity:1; } 100% { width:2px; height:2px; transform:translate(-50%,-50%) scale(0.25); background:rgba(255,255,255,.95); box-shadow:0 0 24px rgba(255,255,255,.85),0 0 60px rgba(200,107,255,.20); opacity:0; } } html.mmx-skip-intro .mmx-intro { display:none!important; } html.mmx-skip-intro body #siteRoot { filter:none!important; } html.mmx-adminchat-app .mmx-intro,html.mmx-adminchat-boot .mmx-intro { display:none!important; } html.mmx-adminchat-app body #siteRoot,html.mmx-adminchat-boot body #siteRoot { filter:none!important; } .container { max-width:1280px; margin:18px auto 28px; padding:0 14px 22px; position:relative; } h2 { margin:18px 0 12px; text-align:center; font-family:"Orbitron",sans-serif; letter-spacing:.6px; font-weight:800; font-size:clamp(18px,2.2vw,26px); color:rgba(235,250,255,.92); text-shadow:0 0 16px rgba(0,234,255,.12); } #topIcons { position:fixed; top:14px; right:16px; z-index:1000; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:12px; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; pointer-events:auto; } #topIcons .ico,#topIcons .ico *,#topIcons a,#topIcons a * { pointer-events:auto; } #topIcons.mmx-white-admin-icons { width:auto; padding:0; background:transparent; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; pointer-events:auto; } .mmx-admin-menu { position:relative; pointer-events:auto; } .mmx-admin-menu-btn { width:42px; height:42px; border:1px solid rgba(255,255,255,.12); border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(7,10,18,.92); color:#f8fafc; cursor:pointer; box-shadow:0 14px 34px rgba(0,0,0,.38); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); } .mmx-admin-menu-btn:hover { background:rgba(16,20,31,.96); } .mmx-admin-menu-grid { width:18px; height:18px; display:grid; grid-template-columns:repeat(2,1fr); gap:3px; } .mmx-admin-menu-grid i { display:block; border-radius:5px; background:linear-gradient(180deg,#fff,#cbd5e1); opacity:.98; } .mmx-admin-menu-panel { position:absolute; right:0; top:48px; width:min(308px,calc(100vw - 16px)); display:none; flex-direction:column; gap:0; padding:6px 0 8px; border-radius:22px; background:rgba(0,0,0,.97); border:1px solid rgba(255,255,255,.10); box-shadow:0 26px 70px rgba(0,0,0,.58); overflow:hidden; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); } .mmx-admin-menu.open .mmx-admin-menu-panel { display:flex; } .mmx-admin-menu-header { padding:6px 14px 8px; display:flex; align-items:center; justify-content:space-between; gap:8px; } .mmx-admin-menu-title { font-size:19px; line-height:1.05; font-weight:1000; color:#fff; letter-spacing:-.02em; } .mmx-admin-menu-divider { height:1px; background:rgba(255,255,255,.14); margin:3px 0; } .mmx-admin-menu-panel .ico,.mmx-admin-menu-panel .mmx-admin-menu-item { width:100%; min-height:48px; box-sizing:border-box; display:flex!important; align-items:center; justify-content:flex-start!important; gap:9px; padding:8px 14px; border-radius:0; background:transparent; border:0; color:#fff; text-decoration:none; font-size:14px!important; font-weight:1000; position:relative; text-align:left; box-shadow:none; } .mmx-admin-menu-panel .ico:hover,.mmx-admin-menu-panel .mmx-admin-menu-item:hover { transform:none!important; background:rgba(255,255,255,.06); } .mmx-admin-menu-copy { min-width:0; display:flex; flex-direction:column; gap:2px; flex:1; } .mmx-admin-menu-label { display:block; line-height:1.05; color:#fff; } .mmx-admin-menu-tail { margin-left:auto; display:inline-flex; align-items:center; justify-content:flex-end; min-width:30px; color:rgba(255,255,255,.88); font-size:12px; font-weight:1000; } .mmx-admin-menu-tail.is-state { color:#7dd3fc; } .mmx-admin-menu-tail.mmx-download-master-state { color:#86efac; } .mmx-admin-menu-tail.mmx-livechat-master-state { color:#86efac; } .mmx-admin-menu-tail.mmx-maintenance-menu-state { color:#86efac; } .mmx-admin-menu-item.is-off .mmx-livechat-master-state { color:#fca5a5; } .mmx-admin-menu-item.is-off .mmx-maintenance-menu-state { color:#fca5a5; } .mmx-admin-menu-panel #reportBadge { position:static; display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; padding:0 7px; border-radius:999px; background:#ef4444; color:#fff; font-size:11px; font-weight:1000; box-shadow:none; } .mmx-admin-menu-panel #whiteOnlineNow { margin-left:auto; } .mmx-admin-menu-panel .mmx-maintenance-toggle { position:relative; right:auto; top:auto; z-index:auto; width:100%; box-sizing:border-box; justify-content:flex-start; border-radius:0; padding:8px 14px; background:transparent; box-shadow:none; } .mmx-admin-menu-panel .mmx-maintenance-toggle:hover { background:rgba(255,255,255,.06); } .mmx-admin-menu-panel .mmx-maintenance-label { margin-left:2px; display:flex; flex-direction:column; gap:4px; } .mmx-admin-menu-panel .mmx-maintenance-label small { display:block; color:rgba(255,255,255,.50); font-size:12px; font-weight:900; line-height:1.1; } #topIcons .ico { position:relative; cursor:pointer; font-size:18px; color:rgba(200,250,255,.92); user-select:none; display:flex; align-items:center; justify-content:center; transition:transform .18s ease,filter .18s ease,opacity .18s ease; } #topIcons .ico:hover { transform:translateY(-1px); filter:drop-shadow(0 0 18px rgba(255,255,255,.22)) drop-shadow(0 0 34px rgba(0,183,255,.18)); } #topIcons .ico.link { font-size:22px; color:rgba(0,234,255,.82); text-decoration:none; } #topIcons .ico.link:hover { color:rgba(0,234,255,1); } #reportBadge { position:absolute; right:-10px; top:-8px; min-width:18px; height:18px; padding:0 6px; border-radius:999px; background:linear-gradient(180deg,#ff4b4b,#ff1f1f); color:#fff; font-size:12px; display:none; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.25); box-shadow:0 0 14px rgba(255,50,50,.25); } #whiteOnlineNow { min-width:30px; height:24px; padding:0 8px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:900; color:#eaffff; background:rgba(0,0,0,.34); border:1px solid rgba(0,234,255,.26); box-shadow:0 0 14px rgba(0,234,255,.16); text-shadow:0 0 10px rgba(0,234,255,.35); pointer-events:auto; user-select:none; } #whiteOnlineGraphBtn { cursor:pointer; font-family:inherit; text-align:left; } #whiteOnlineGraphBtn:hover #whiteOnlineNow { background:rgba(0,234,255,.14); } #mmxOnlineGraphModal { position:fixed; inset:0; z-index:100002; display:none; align-items:center; justify-content:center; padding:18px; background:rgba(0,0,0,.72); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } #mmxOnlineGraphModal.open { display:flex; } .mmxOnlineGraphBox { width:min(1060px,calc(100vw - 24px)); max-height:min(760px,calc(100vh - 24px)); overflow:hidden; border-radius:24px; background:linear-gradient(180deg,rgba(10,14,24,.98),rgba(4,6,10,.98)); border:1px solid rgba(0,234,255,.24); box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 34px rgba(0,234,255,.12); color:#eaffff; } .mmxOnlineGraphHead { display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08); } .mmxOnlineGraphTitle { font-size:16px; font-weight:1000; letter-spacing:.2px; } .mmxOnlineGraphSub { font-size:12px; color:rgba(226,247,255,.68); font-weight:800; margin-top:2px; } .mmxOnlineGraphClose { margin-left:auto; width:38px; height:38px; border-radius:14px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.07); color:#fff; font-size:24px; font-weight:900; cursor:pointer; } .mmxOnlineGraphBody { position:relative; padding:14px 14px 16px; } .mmxOnlineGraphControls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; flex-wrap:wrap; } .mmxOnlineGraphTabs { display:flex; gap:7px; padding:4px; border-radius:16px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); } .mmxOnlineGraphTabs button,.mmxOnlineGraphPager button { border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); color:#eaffff; border-radius:12px; padding:8px 12px; font-weight:1000; cursor:pointer; font-family:inherit; } .mmxOnlineGraphTabs button.active { background:rgba(0,234,255,.18); border-color:rgba(0,234,255,.35); box-shadow:0 0 18px rgba(0,234,255,.10); } .mmxOnlineGraphPager { display:flex; align-items:center; gap:8px; margin-left:auto; } .mmxOnlineGraphPager button { min-width:38px; font-size:18px; line-height:1; } .mmxOnlineGraphPager strong { min-width:210px; text-align:center; font-size:12px; font-weight:1000; color:rgba(234,255,255,.88); } #mmxOnlineGraphCanvas { width:100%; height:430px; display:block; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08); } .mmxOnlineGraphLegend { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin:10px 2px 0; font-size:12px; font-weight:900; color:rgba(234,255,255,.82); } .mmxOnlineGraphLegend span { display:inline-flex; align-items:center; gap:6px; } .mmxOnlineGraphLegend i { width:18px; height:3px; border-radius:99px; display:inline-block; background:currentColor; } .mmxOnlineGraphTip { position:absolute; left:24px; top:24px; min-width:230px; display:none; pointer-events:none; padding:10px 12px; border-radius:14px; background:rgba(0,0,0,.82); border:1px solid rgba(0,234,255,.22); box-shadow:0 14px 40px rgba(0,0,0,.44); font-size:12px; font-weight:900; line-height:1.45; } .mmxOnlineGraphEmpty { display:none; padding:22px; text-align:center; color:rgba(234,255,255,.72); font-weight:900; } @media (max-width:720px) { #mmxOnlineGraphModal { padding:0; align-items:stretch; justify-content:stretch; background:rgba(0,0,0,.88); } .mmxOnlineGraphBox { width:100vw; max-width:none; height:100dvh; max-height:none; border-radius:0; border-left:0; border-right:0; display:flex; flex-direction:column; overflow:hidden; } .mmxOnlineGraphHead { padding:calc(10px + env(safe-area-inset-top)) 12px 10px; flex:0 0 auto; } .mmxOnlineGraphTitle { font-size:15px; } .mmxOnlineGraphSub { font-size:11px; line-height:1.25; } .mmxOnlineGraphClose { width:40px; height:40px; border-radius:13px; flex:0 0 auto; } .mmxOnlineGraphBody { padding:10px 8px calc(10px + env(safe-area-inset-bottom)); flex:1 1 auto; min-height:0; display:flex; flex-direction:column; } .mmxOnlineGraphControls { align-items:stretch; gap:8px; margin-bottom:8px; flex:0 0 auto; } .mmxOnlineGraphPager { width:100%; justify-content:space-between; margin-left:0; } .mmxOnlineGraphPager strong { min-width:0; flex:1; font-size:11px; } .mmxOnlineGraphTabs { width:100%; justify-content:space-between; gap:5px; } .mmxOnlineGraphTabs button { flex:1; padding:8px 8px; } #mmxOnlineGraphCanvas { height:auto; flex:1 1 auto; min-height:0; border-radius:12px; } .mmxOnlineGraphLegend { margin:8px 2px 0; font-size:11px; gap:8px; max-height:46px; overflow:auto; flex:0 0 auto; } .mmxOnlineGraphTip { min-width:190px; max-width:calc(100vw - 22px); font-size:11px; line-height:1.35; border-radius:12px; } } .mmx-download-master-toggle { cursor:pointer; font-family:inherit; text-align:left; } .mmx-download-master-toggle .mmx-download-master-state { margin-left:auto; min-width:32px; height:24px; padding:0 8px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:rgba(44,255,107,.16); border:1px solid rgba(44,255,107,.34); color:#dffff0; font-weight:900; } .mmx-download-master-toggle.is-off .mmx-download-master-state { background:rgba(255,60,60,.16); border-color:rgba(255,60,60,.36); color:#ffdede; } #reportPanel { position:fixed; right:16px; top:62px; z-index:1000; width:380px; max-width:calc(100vw - 32px); background:radial-gradient(120% 100%at 10% 0%,rgba(0,234,255,.10),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03)); border:1px solid rgba(0,234,255,.18); border-radius:18px; box-shadow:var(--shadow),var(--shadow2); display:none; overflow:hidden; backdrop-filter:blur(12px); } #reportPanel .head { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid rgba(0,234,255,.18); } #reportPanel .head .t { font-weight:800; color:rgba(235,250,255,.92); } #reportPanel .head .x { cursor:pointer; color:#ff8c8c; font-weight:900; padding:2px 10px; border-radius:12px; border:1px solid rgba(255,120,120,.25); } #reportPanel .head .x:hover { box-shadow:0 0 14px rgba(255,120,120,.18); } #reportPanel .list { max-height:380px; overflow:auto; padding:10px; } .notifSection { margin:6px 0 10px; padding:8px 10px; border:1px dashed rgba(0,234,255,.22); border-radius:14px; color:rgba(190,250,255,.92); font-size:12px; display:flex; align-items:center; justify-content:space-between; gap:10px; background:rgba(0,0,0,.18); } .notifSection .right { opacity:.95; font-weight:900; color:#fff; } .repItem { border:1px solid rgba(0,234,255,.16); background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.22)); border-radius:16px; padding:10px 12px; margin-bottom:10px; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .repItem:hover { transform:translateY(-2px); box-shadow:0 0 22px rgba(0,234,255,.14); border-color:rgba(0,234,255,.28); } .repItem.comItem { border-color:rgba(80,255,160,.22); } .repItem.comItem:hover { box-shadow:0 0 20px rgba(80,255,160,.12); } .repTop { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; } .repMix { color:rgba(0,234,255,.92); font-size:13px; opacity:.95; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:280px; } .repCount { color:#fff; background:linear-gradient(180deg,#ff4b4b,#ff2424); border-radius:999px; padding:2px 9px; font-size:12px; border:1px solid rgba(255,255,255,.18); box-shadow:0 0 14px rgba(255,50,50,.18); } .repSnippet { color:rgba(210,255,255,.88); font-size:12px; opacity:.92; word-break:break-word; } .repMeta { margin-top:6px; font-size:11px; color:rgba(170,210,235,.55); display:flex; justify-content:space-between; gap:10px; } .repBtns { display:flex; gap:8px; justify-content:flex-end; margin-top:10px; } .repBtn { border:1px solid rgba(0,234,255,.20); background:rgba(0,0,0,.18); color:rgba(200,250,255,.92); padding:6px 10px; border-radius:14px; cursor:pointer; font-size:12px; transition:transform .18s ease,box-shadow .18s ease; } .repBtn:hover { transform:translateY(-1px); box-shadow:0 0 14px rgba(0,234,255,.12); } .repBtn.close { border:1px solid rgba(255,80,80,.28); color:#ffb1b1; } .repBtn.close:hover { box-shadow:0 0 14px rgba(255,80,80,.14); } .video-box { position:relative; overflow:hidden; border-radius:var(--r24); width:100%; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; background:radial-gradient(120% 120%at 0% 0%,rgba(0,234,255,.12),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)); box-shadow:var(--shadow); } .video-box::before { content:""; position:absolute; inset:0; padding:2px; border-radius:var(--r24); background:linear-gradient(135deg,rgba(0,234,255,.85),rgba(200,107,255,.35),rgba(0,184,255,.65)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:.85; pointer-events:none; } .video-box video { width:100%; height:100%; object-fit:contain; border-radius:calc(var(--r24) - 2px); background:#000; } .video-box:hover { box-shadow:0 0 28px rgba(0,234,255,.16),var(--shadow); } #liveBox { width:100%; max-width:1032px; margin:42px auto 16px; aspect-ratio:16/9; overflow:visible; } #liveBox video { width:100%; height:100%; object-fit:contain; } @media (max-width:760px) { #liveBox { width:100%; max-width:100%; margin:38px 0 14px; overflow:visible; } } .overlay { position:absolute; inset:12px; display:block; z-index:12; pointer-events:none; } @keyframes mmxLiveBadgePulse { 0%,100% { transform:translateX(-50%) scale(1); opacity:.84; box-shadow:0 0 0 1px rgba(255,90,90,.16) inset,0 0 18px rgba(255,22,22,.28),0 0 34px rgba(255,0,0,.14); } 50% { transform:translateX(-50%) scale(1.10); opacity:1; box-shadow:0 0 0 1px rgba(255,120,120,.24) inset,0 0 34px rgba(255,18,18,.48),0 0 62px rgba(255,0,0,.26); } } .mmx-viewer-fx-layer { position:fixed; inset:0; z-index:2147483000; pointer-events:none; overflow:hidden; opacity:0; visibility:hidden; contain:layout style paint; } .mmx-viewer-fx-layer.is-active { opacity:1; visibility:visible; } .mmx-smile-burst { position:absolute; left:var(--x,50%); top:var(--y,44%); width:1em; height:1em; line-height:1; font-size:var(--fs,42px); opacity:0; transform:translate3d(-50%,-50%,0) scale(.25) rotate(var(--r0,0deg)); animation:mmxSmileWallPop var(--dur,1180ms) ease-out forwards; will-change:transform,opacity; text-shadow:none; } .mmx-smile-burst::before { content:var(--ico,"👍"); } .mmx-smile-burst.is-heart::before { content:var(--ico,"💖"); } .mmx-smile-burst.is-soft { opacity:.46; } @keyframes mmxSmileWallPop { 0% { opacity:0; transform:translate3d(-50%,-50%,0) scale(.22) rotate(var(--r0,0deg)); } 12% { opacity:.50; } 58% { opacity:.48; } 100% { opacity:0; transform:translate3d(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,-18px)),0) scale(var(--sc,1.18)) rotate(var(--r1,8deg)); } } @media (max-width:720px) { .mmx-smile-burst { font-size:var(--fsm,32px); } } @media (prefers-reduced-motion:reduce) { .mmx-viewer-fx-layer { display:none!important; } } .reactions-layer { position:absolute; inset:0; pointer-events:none; z-index:9; overflow:hidden; contain:layout style paint; perspective:900px; transform-style:preserve-3d; } .reaction-float { position:absolute; bottom:2px; left:0; width:var(--icon-size,40px); height:var(--icon-size,40px); opacity:0; will-change:transform,opacity; animation:mmxReactionFloatDrift var(--dur,4200ms) linear forwards; transform:translate3d(0,0,0) scale(.92); transform-origin:center bottom; filter:drop-shadow(0 8px 14px rgba(0,0,0,.22)); backface-visibility:hidden; -webkit-backface-visibility:hidden; } .reaction-float .reaction-sprite { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain; } .react-btn .reaction-sprite { display:block; background-repeat:no-repeat; background-position:center center; background-size:contain; } .reaction-float .reaction-sprite { will-change:transform,filter; animation:mmxReactionSpriteDrift calc(var(--dur,4200ms)*.44) ease-in-out infinite alternate,mmxReactionBreath 1180ms ease-in-out infinite; transform-origin:center center; } .reaction-float.like { filter:drop-shadow(0 8px 14px rgba(24,119,242,.22)); } .reaction-float.heart { filter:drop-shadow(0 8px 14px rgba(229,57,90,.20)); } .reaction-float.wow,.reaction-float.hug { filter:drop-shadow(0 8px 14px rgba(245,145,40,.22)); } @keyframes mmxReactionFloatDrift { 0% { opacity:0; transform:translate3d(0,12px,0) scale(.94); } 8% { opacity:.80; transform:translate3d(calc(var(--drift,0px)*.03 + var(--sway,0px)*-.18),calc(var(--rise,340px)*-.05),0) scale(.90); } 24% { opacity:.80; transform:translate3d(calc(var(--drift,0px)*.20 + var(--sway,0px)*-.85),calc(var(--rise,340px)*-.24),0) scale(.78); } 46% { opacity:.78; transform:translate3d(calc(var(--drift,0px)*.46 + var(--sway,0px)*.62),calc(var(--rise,340px)*-.48),0) scale(.64); } 68% { opacity:.66; transform:translate3d(calc(var(--drift,0px)*.72 + var(--sway,0px)*-1.10),calc(var(--rise,340px)*-.70),0) scale(.50); } 84% { opacity:.28; transform:translate3d(calc(var(--drift,0px)*.90 + var(--sway,0px)*.75),calc(var(--rise,340px)*-.86),0) scale(.42); } 100% { opacity:0; transform:translate3d(calc(var(--drift,0px) + var(--sway,0px)*-.18),calc(var(--rise,340px)*-1),0) scale(.34); } } @keyframes mmxReactionSpriteDrift { 0% { transform:translate3d(calc(var(--sway,0px)*-.32),0,0) rotate(calc(var(--rot,0deg)*-.55)) scale(1); } 50% { transform:translate3d(calc(var(--sway,0px)*.10),-1px,0) rotate(calc(var(--rot,0deg)*.12)) scale(1.02); } 100% { transform:translate3d(calc(var(--sway,0px)*.38),0,0) rotate(calc(var(--rot,0deg)*.48)) scale(1); } } @keyframes mmxReactionBreath { 0%,100% { filter:brightness(1) saturate(1); } 50% { filter:brightness(1.04) saturate(1.04); } } .live-actions { max-width:980px; margin:14px auto 10px; display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:nowrap; } .react-btn { width:58px; height:58px; min-width:58px; min-height:58px; border:0; border-radius:50%; background:transparent; box-shadow:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:0; transition:transform .16s ease,filter .16s ease; user-select:none; -webkit-tap-highlight-color:transparent; } .react-btn:hover { transform:translateY(-2px) scale(1.06); } .react-btn:active { transform:translateY(0) scale(.94); } .react-btn .reaction-sprite { width:56px; height:56px; opacity:.80; filter:drop-shadow(0 10px 18px rgba(0,0,0,.24)); } .react-btn.like:hover { filter:drop-shadow(0 0 12px rgba(24,119,242,.28)); } .react-btn.heart:hover { filter:drop-shadow(0 0 12px rgba(229,57,90,.26)); } .react-btn.wow:hover,.react-btn.hug:hover { filter:drop-shadow(0 0 12px rgba(243,156,18,.28)); } iframe { box-shadow:0 16px 42px rgba(0,0,0,.50),0 0 18px rgba(0,234,255,.08); } #neon-wrap { width:100%; overflow:hidden; background:radial-gradient(120% 120%at 10% 0%,rgba(0,234,255,.10),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); border:1px solid rgba(0,234,255,.16); border-radius:18px; max-width:980px; margin:12px auto 18px; box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 22px rgba(0,234,255,.10); position:relative; backdrop-filter:blur(10px); } #neon-wrap::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(0,234,255,.14),transparent); opacity:.55; } @keyframes neonScroll { from { transform:translateX(0); } to { transform:translateX(-100%); } } @keyframes rm-marquee { from { transform:translateX(0); } to { transform:translateX(var(--marquee-distance)); } } .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; align-items:start; margin-top:14px; overflow:visible; } .post { position:relative; z-index:1; border-radius:22px; overflow:visible; border:1px solid rgba(0,234,255,.14); background:radial-gradient(120% 120%at 10% 0%,rgba(0,234,255,.09),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); box-shadow:0 18px 46px rgba(0,0,0,.42); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; backdrop-filter:blur(10px); } .post:hover { transform:translateY(-3px); border-color:rgba(0,234,255,.26); box-shadow:0 22px 60px rgba(0,0,0,.52),0 0 24px rgba(0,234,255,.12); } .post.mmx-download-pop-open { z-index:9999; } .video-thumb { display:block; position:relative; aspect-ratio:16/9; overflow:hidden; background:#000; } .video-thumb img,.video-thumb .hover-preview-video { width:100%; height:100%; object-fit:cover; transform:scale(1.01); transition:transform .28s ease,filter .28s ease,opacity .18s ease; filter:saturate(1.05) contrast(1.05); } .video-thumb img { display:block; } .video-thumb .hover-preview-video { position:absolute; inset:0; opacity:0; background:#000; pointer-events:none; } .video-thumb.preview-active .hover-preview-video { opacity:1; } .video-thumb.preview-active img { opacity:0; } .post:hover .video-thumb img,.post:hover .video-thumb .hover-preview-video { transform:scale(1.06); filter:saturate(1.15) contrast(1.10); } .video-new-badge { position:absolute; left:16px; bottom:16px; z-index:4; display:inline-flex; align-items:center; justify-content:center; min-width:96px; min-height:34px; padding:7px 12px; border-radius:999px; font-family:"Orbitron",sans-serif; font-weight:800; font-size:11px; letter-spacing:.45px; text-transform:uppercase; color:rgba(3,19,26,.62); background:linear-gradient(180deg,rgba(228,255,248,.52),rgba(192,255,244,.34)); border:1px solid rgba(255,255,255,.28); box-shadow:0 6px 14px rgba(0,0,0,.14),0 0 10px rgba(190,255,245,.08); backdrop-filter:blur(4px); pointer-events:none; user-select:none; animation:mmxNewPulse 3.2s ease-in-out infinite; } .video-new-badge.is-hidden { display:none!important; } @keyframes mmxNewPulse { 0%,100% { transform:scale(1); box-shadow:0 6px 14px rgba(0,0,0,.14),0 0 10px rgba(190,255,245,.06); } 50% { transform:scale(1.03); box-shadow:0 7px 18px rgba(0,0,0,.18),0 0 14px rgba(190,255,245,.12); } } .title { display:block; text-align:center; color:rgba(240,252,255,.95); font-weight:900; margin:10px 10px 6px; text-decoration:none; letter-spacing:.2px; line-height:1.2; } .title:hover { color:#fff; text-shadow:0 0 16px rgba(0,234,255,.12); } .meta { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 7px; text-align:center; color:rgba(200,230,245,.62); font-size:12px; margin:0 12px 10px; line-height:1.35; } .meta-part { display:inline-flex; align-items:center; white-space:nowrap; } .meta-dot { opacity:.65; } .meta-comments { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; color:rgba(200,230,245,.62); font-weight:600; } .meta-comments svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; filter:none; } .btn-container { text-align:center; margin:10px 0 16px; } .btn-download { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:10px 14px; border-radius:999px; text-decoration:none; font-weight:900; letter-spacing:.3px; color:rgba(210,255,255,.92); background:rgba(0,0,0,.22); border:1px solid rgba(0,234,255,.18); box-shadow:0 12px 26px rgba(0,0,0,.35); transition:transform .18s ease,box-shadow .18s ease,background .18s ease; } .btn-download:hover { transform:translateY(-1px); background:rgba(0,234,255,.08); box-shadow:0 14px 32px rgba(0,0,0,.45),0 0 18px rgba(0,234,255,.12); } .btn-container { position:relative; display:flex; justify-content:center; align-items:center; } .indexDownloadWrap { z-index:120; } .btn-download.is-locked { color:#ffe9a6; border-color:rgba(255,224,130,.34); cursor:pointer; } button.btn-download { font-family:inherit; border-style:solid; } .indexDownloadGateBubble { position:absolute; top:calc(100% + 9px); left:50%; transform:translateX(-50%); display:none; width:min(330px,calc(100vw - 28px)); box-sizing:border-box; padding:13px; border-radius:16px; border:1px solid rgba(126,232,255,.20); background:rgba(8,14,18,.97); color:#cfeff4; box-shadow:0 14px 32px rgba(0,0,0,.42); z-index:10000; font-size:13px; line-height:1.35; text-align:left; } .indexDownloadGateBubble.show { display:block; } .indexDownloadGateBubble b { color:#fff; } .indexDownloadGateBubble .small { display:block; color:#9fc5cc; font-size:12px; margin-top:4px; } .indexDownloadGateBubble .gateLinks { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; } .indexDownloadGateBubble .gateLinks a,.indexDownloadGateBubble .gateLinks button { appearance:none; border:1px solid rgba(0,234,255,.22); background:rgba(0,234,255,.08); color:#dff; border-radius:999px; padding:8px 10px; text-decoration:none; font-weight:900; cursor:pointer; font-size:12px; } .indexDownloadGateBubble .pwaInstallHelp { display:none; color:#ffe9a6; font-weight:800; } .loginbar { margin:38px 0 22px; text-align:center; font-size:12px; } .loginbar.guest { opacity:.55; } .loginbar.logged { opacity:1; } .loginbar form { display:inline-flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:center; padding:12px 12px; border-radius:18px; background:rgba(0,0,0,.18); border:1px solid rgba(0,234,255,.14); box-shadow:0 12px 28px rgba(0,0,0,.35); backdrop-filter:blur(10px); } .loginbar input[type="text"],.loginbar input[type="password"] { width:160px; max-width:42vw; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); color:rgba(240,252,255,.95); outline:none; } .loginbar input::placeholder { color:rgba(220,235,245,.45); } .loginbar input:focus { border-color:rgba(0,234,255,.35); box-shadow:0 0 0 3px rgba(0,234,255,.10); } .loginbar button { padding:10px 14px; border-radius:999px; border:1px solid rgba(0,234,255,.20); background:rgba(0,234,255,.10); color:rgba(230,250,255,.95); font-weight:900; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; } .loginbar button:hover { transform:translateY(-1px); background:rgba(0,234,255,.16); box-shadow:0 0 18px rgba(0,234,255,.12); } .loginbar .vip-name { color:var(--vio); font-weight:900; text-shadow:0 0 12px rgba(200,107,255,.25); } .loginbar .admin-name { color:#ff9a9a; font-weight:900; text-shadow:0 0 12px rgba(255,120,120,.18); } .loginbar a { color:#ff8c8c; text-decoration:none; } .loginbar a:hover { text-decoration:underline; } @media (max-width:520px) { #topIcons:not(.mmx-white-admin-icons) { gap:10px; padding:0; border-radius:0; } .mmx-admin-menu-btn { width:40px; height:40px; border-radius:13px; } .mmx-admin-menu-panel { top:46px; right:0; width:min(calc(100vw - 10px),312px); border-radius:20px; } .mmx-admin-menu-title { font-size:18px; } .mmx-admin-menu-panel .ico,.mmx-admin-menu-panel .mmx-admin-menu-item { min-height:46px; padding:7px 12px; font-size:13px!important; } .repMix { max-width:220px; } .grid { gap:14px; } .live-actions { gap:8px; } .react-btn { width:42px; height:42px; min-width:42px; min-height:42px; } .react-btn .reaction-sprite { width:40px; height:40px; opacity:.80; } } @keyframes mmxVuPushLed { from { opacity:.72; filter:brightness(1.05); } to { opacity:1; filter:brightness(1.24); } } @keyframes mmxVuDotPush { from { transform:scale(1.10); opacity:.88; } to { transform:scale(1.55); opacity:1; } } #mmxAiDock { position:fixed; right:calc(16px + env(safe-area-inset-right)); bottom:calc(16px + env(safe-area-inset-bottom)); z-index:100000; font-family:Inter,Arial,sans-serif; pointer-events:none; } #mmxAiDock * { box-sizing:border-box; } #mmxAiBtn { pointer-events:auto; border:1px solid rgba(0,234,255,.22); color:rgba(240,252,255,.95); border-radius:999px; padding:12px 14px; cursor:pointer; font-weight:900; letter-spacing:.2px; display:inline-flex; align-items:center; gap:10px; user-select:none; -webkit-tap-highlight-color:transparent; transition:transform .14s ease,filter .14s ease; } #mmxAiBtn:hover { transform:translateY(-1px); filter:drop-shadow(0 0 12px rgba(0,234,255,.18)); } #mmxAiBtn .dot { width:10px; height:10px; border-radius:50%; background:rgba(0,234,255,.92); box-shadow:0 0 14px rgba(0,234,255,.40); } #mmxAiPanel { pointer-events:auto; position:absolute; right:0; bottom:56px; width:360px; max-width:calc(100vw - 32px); height:520px; max-height:calc(100vh - 140px); border-radius:18px; overflow:hidden; border:1px solid rgba(0,234,255,.18); display:none; } #mmxAiPanel.open { display:block; } #mmxAiHead { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid rgba(0,234,255,.18); } #mmxAiHead .t { font-family:Orbitron,Inter,Arial,sans-serif; font-weight:800; letter-spacing:.6px; color:rgba(235,250,255,.92); } #mmxAiHead .x { cursor:pointer; border:1px solid rgba(255,120,120,.25); background:rgba(0,0,0,.18); color:#ffb1b1; border-radius:12px; padding:4px 10px; font-weight:900; } #mmxAiHead .x:hover { box-shadow:0 0 14px rgba(255,120,120,.18); } #mmxAiLog { height:calc(100% - 104px); overflow:auto; padding:10px 12px; display:flex; flex-direction:column; gap:8px; } .mmxMsg { max-width:86%; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.10); color:rgba(240,252,255,.95); white-space:pre-wrap; word-break:break-word; box-shadow:0 10px 22px rgba(0,0,0,.28); } .mmxMe { align-self:flex-end; border-color:rgba(0,184,255,.22); } .mmxAi { align-self:flex-start; border-color:rgba(200,107,255,.18); background:rgba(0,0,0,.20); } #mmxAiFoot { display:flex; gap:8px; padding:10px 12px; border-top:1px solid rgba(0,234,255,.12); } #mmxAiIn { flex:1; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); color:rgba(240,252,255,.95); padding:10px 12px; outline:none; } #mmxAiIn::placeholder { color:rgba(220,235,245,.45); } #mmxAiIn:focus { border-color:rgba(0,234,255,.35); box-shadow:0 0 0 3px rgba(0,234,255,.10); } #mmxAiSend { border:1px solid rgba(0,234,255,.20); background:rgba(0,234,255,.10); color:rgba(230,250,255,.95); padding:10px 12px; border-radius:14px; cursor:pointer; font-weight:900; } #mmxAiSend:hover { background:rgba(0,234,255,.16); box-shadow:0 0 18px rgba(0,234,255,.12); } #mmxAiSmall { font-size:11px; color:rgba(170,210,235,.55); padding:0 12px 10px; } @media (max-width:520px) { #mmxAiPanel { width:min(92vw,420px); height:min(70vh,560px); bottom:58px; } #mmxAiBtn { padding:11px 13px; } } #mmxAiBtn { background:rgba(8,10,14,.55); border-color:rgba(255,255,255,.10); box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 14px rgba(0,234,255,.08); } #mmxAiPanel { background:linear-gradient(180deg,rgba(8,10,14,.78),rgba(8,10,14,.56)); border-color:rgba(255,255,255,.10); box-shadow:0 18px 50px rgba(0,0,0,.62),0 0 14px rgba(0,234,255,.06); } #mmxAiPanel,#mmxAiBtn { backdrop-filter:blur(16px) saturate(.90); } .mmxMsg { background:rgba(0,0,0,.28); border-color:rgba(255,255,255,.09); } .mmxMe { background:rgba(0,234,255,.06); } #mmxAiDock { right:calc(14px + env(safe-area-inset-right))!important; bottom:calc(86px + env(safe-area-inset-bottom))!important; z-index:100000!important; } #mmxAiPanel { position:fixed!important; right:calc(14px + env(safe-area-inset-right))!important; bottom:calc(146px + env(safe-area-inset-bottom))!important; width:360px!important; max-width:calc(100vw - 28px)!important; height:min(520px,calc(100dvh - 170px))!important; max-height:calc(100dvh - 170px)!important; overflow:hidden!important; } #mmxAiPanel.open { display:flex!important; flex-direction:column!important; } #mmxAiHead { flex:0 0 auto!important; min-height:52px!important; position:relative!important; z-index:5!important; } #mmxAiLog { flex:1 1 auto!important; min-height:0!important; height:auto!important; } #mmxAiSmall,#mmxAiFoot { flex:0 0 auto!important; } @media (max-width:520px) { #mmxAiDock { right:calc(10px + env(safe-area-inset-right))!important; bottom:calc(82px + env(safe-area-inset-bottom))!important; } #mmxAiPanel { left:calc(10px + env(safe-area-inset-left))!important; right:calc(10px + env(safe-area-inset-right))!important; top:calc(12px + env(safe-area-inset-top))!important; bottom:calc(84px + env(safe-area-inset-bottom))!important; width:auto!important; height:auto!important; max-width:none!important; max-height:none!important; border-radius:18px!important; } #mmxAiHead { min-height:56px!important; padding:12px 12px!important; } #mmxAiHead .x { min-width:38px!important; min-height:34px!important; } } .pwa-install { position:fixed; left:14px; right:14px; bottom:14px; z-index:9990; display:none; } .pwa-install.show { display:block; } .pwa-install .pwa-box { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 14px; border-radius:18px; background:rgba(10,15,24,.92); border:1px solid rgba(0,234,255,.22); box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 22px rgba(0,234,255,.14); backdrop-filter:blur(8px); } .pwa-install .pwa-txt { min-width:0; } .pwa-install .pwa-txt b { display:block; font-weight:800; } .pwa-install .pwa-sub { font-size:13px; color:rgba(230,245,255,.72); margin-top:2px; } .pwa-install .pwa-actions { display:flex; gap:10px; flex-wrap:wrap; } .pwa-btn { appearance:none; border:1px solid rgba(0,234,255,.35); background:rgba(0,234,255,.12); color:#eaf3ff; padding:10px 14px; border-radius:14px; font-weight:700; cursor:pointer; } .pwa-btn:hover { background:rgba(0,234,255,.18); } .pwa-btn.secondary { border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.06); } .pwa-btn.secondary:hover { background:rgba(255,255,255,.10); } @media (max-width:520px) { .pwa-install { left:10px; right:10px; bottom:10px; } .pwa-install .pwa-box { flex-direction:column; align-items:stretch; } .pwa-install .pwa-actions { justify-content:flex-end; } } html,body { max-width:100%; overflow-x:hidden; } html body [hidden] { display:none!important; } html.mmx-returning-from-watch body #mmxLiveStage { display:none!important; } html.mmx-returning-from-watch body #mmxArchiveView { display:block!important; } html body.mmx-layout-desktop #siteRoot { width:100%!important; max-width:none!important; min-height:100dvh!important; margin:0!important; padding:0!important; overflow:visible!important; } html body.mmx-layout-desktop #mmxNeoTopbar .mmx-brand-copy-desktop { display:flex!important; align-items:baseline!important; gap:7px!important; } html body.mmx-layout-desktop #mmxNeoTopbar .mmx-brand-mobile-mix { display:none!important; } html body.mmx-layout-desktop #mmxNeoTopbar .mmx-desktop-actions { position:static!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; width:auto!important; margin:0!important; padding:0!important; transform:none!important; } html body.mmx-layout-desktop #mmxNeoTopbar #topIcons.mmx-desktop-admin-slot { position:relative!important; inset:auto!important; display:flex!important; align-items:center!important; gap:8px!important; width:auto!important; height:44px!important; margin:0!important; padding:0!important; transform:none!important; z-index:2!important; } html body.mmx-layout-desktop #mmxNeoTopbar #topIcons>#whiteAdminMenu,html body.mmx-layout-desktop #mmxNeoTopbar #topIcons #whiteAdminMenuBtn { position:relative!important; inset:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; width:42px!important; height:42px!important; margin:0!important; transform:none!important; pointer-events:auto!important; } html body.mmx-layout-desktop #mmxNeoTopbar #whiteAdminMenuPanel { position:absolute!important; top:50px!important; right:0!important; left:auto!important; width:min(360px,calc(100vw - 32px))!important; max-height:calc(100dvh - 82px)!important; overflow:auto!important; transform:none!important; z-index:10000!important; } html body.mmx-layout-desktop #siteRoot>.container,html body.mmx-layout-desktop #siteRoot>.container.mmx-live-page { position:relative!important; inset:auto!important; display:block!important; width:min(1600px,calc(100% - 48px))!important; max-width:1600px!important; min-width:0!important; min-height:0!important; height:auto!important; margin:0 auto!important; padding:24px 0 38px!important; box-sizing:border-box!important; overflow:visible!important; transform:none!important; } html body.mmx-layout-desktop #mmxLiveStage,html body.mmx-layout-desktop #mmxArchiveView { position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; transform:none!important; float:none!important; } html body.mmx-layout-desktop #siteRoot #mmxLiveStage[hidden],html body.mmx-layout-desktop #siteRoot #mmxArchiveView[hidden] { display:none!important; visibility:hidden!important; pointer-events:none!important; } html body.mmx-layout-desktop #mmxLiveStage:not([hidden]) { display:grid!important; } html body.mmx-layout-desktop #mmxArchiveView:not([hidden]) { display:block!important; } html body.mmx-layout-desktop #login.loginbar { position:relative!important; inset:auto!important; display:flex!important; width:100%!important; max-width:none!important; min-height:70px!important; height:auto!important; margin:0!important; padding:12px 24px!important; box-sizing:border-box!important; align-items:center!important; justify-content:center!important; transform:none!important; z-index:1!important; } html body.mmx-layout-desktop[data-mmx-view="live"] #login.loginbar { display:none!important; } html body.mmx-layout-desktop #login.loginbar form { display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; width:auto!important; max-width:100%!important; } html body.mmx-layout-desktop .mmx-desktop-content { display:block!important; } html body.mmx-layout-desktop .mmx-mobile-content { display:none!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] { --mmx-archive-panel:rgba(13,15,28,.86); --mmx-archive-line:rgba(154,80,255,.19); --mmx-archive-purple:#8b35ff; --mmx-archive-cyan:#47c9ff; background:radial-gradient(900px 420px at 48% -130px,rgba(117,35,220,.17),transparent 70%),linear-gradient(180deg,#070913 0,#080a13 56%,#05070d 100%)!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #siteRoot>.container { width:min(1280px,calc(100% - 40px))!important; max-width:1280px!important; margin:0 auto!important; padding:30px 0 56px!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveView { width:100%!important; max-width:none!important; min-width:0!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxStyleFinder.mmx-style-finder { width:100%!important; margin:0 0 20px!important; padding:12px!important; display:flex!important; align-items:center!important; gap:12px!important; border:1px solid rgba(255,255,255,.07)!important; border-radius:16px!important; background:rgba(12,14,26,.74)!important; box-sizing:border-box!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxStyleFinder .mmx-style-chips { display:flex!important; flex:1 1 auto!important; flex-wrap:wrap!important; gap:8px!important; min-width:0!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxStyleFinder .mmx-style-chip { height:38px!important; padding:0 13px!important; border-radius:10px!important; background:rgba(255,255,255,.035)!important; border:1px solid rgba(255,255,255,.075)!important; color:rgba(231,235,248,.72)!important; box-shadow:none!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxStyleFinder .mmx-style-chip.is-active { color:#fff!important; background:linear-gradient(180deg,#8d38ff,#6720ce)!important; border-color:rgba(181,111,255,.55)!important; box-shadow:0 8px 20px rgba(108,35,222,.24)!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxStyleFinder .mmx-style-status { flex:0 0 auto!important; margin:0 4px 0 auto!important; white-space:nowrap!important; color:rgba(226,231,246,.62)!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid.grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .post { position:relative!important; display:flex!important; flex-direction:column!important; min-width:0!important; overflow:visible!important; padding:0 0 13px!important; border-radius:15px!important; border:1px solid rgba(255,255,255,.075)!important; background:linear-gradient(180deg,rgba(19,22,37,.94),rgba(11,14,25,.96))!important; box-shadow:0 16px 38px rgba(0,0,0,.22)!important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .post:hover { transform:translateY(-3px)!important; border-color:rgba(147,67,255,.36)!important; box-shadow:0 22px 44px rgba(0,0,0,.30),0 0 28px rgba(110,35,220,.10)!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .video-thumb { display:block!important; width:100%!important; aspect-ratio:16/9!important; border-radius:14px 14px 0 0!important; overflow:hidden!important; background:#080a12!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .video-thumb img { width:100%!important; height:100%!important; object-fit:cover!important; transition:transform .25s ease!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .post:hover .video-thumb img { transform:scale(1.025)!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .title { display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; min-height:44px!important; margin:13px 14px 4px!important; color:#fff!important; text-decoration:none!important; font:850 15px/1.4 Inter,Arial,sans-serif!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .meta { margin:0 14px 10px!important; color:rgba(221,227,242,.53)!important; font-size:11px!important; min-height:18px!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .btn-container { margin:auto 14px 0!important; width:auto!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .btn-download { min-height:36px!important; border-radius:9px!important; border-color:rgba(145,70,255,.22)!important; background:rgba(122,48,240,.08)!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid .mmx-style-hidden { display:none!important; } @media (max-width:1120px) { html body.mmx-layout-desktop[data-mmx-view="archive"] #mmxArchiveGrid.grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; } } #siteRoot #mmxLiveStage .mmx-live-offline-card.mmx-live-offline-schedule-v1 { grid-area:offline!important; grid-column:1/-1!important; width:min(1120px,100%)!important; max-width:1120px!important; min-height:560px!important; margin:0 auto!important; padding:22px!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:24px!important; background:linear-gradient(180deg,rgba(6,9,18,.12) 0%,rgba(6,9,18,.05) 18%,rgba(6,9,18,0) 34%),linear-gradient(180deg,rgba(4,6,13,0) 48%,rgba(4,6,13,.20) 68%,rgba(4,6,13,.62) 100%),url(/mmx_index/assets/images/live-offline-background.webp)center center/cover no-repeat,#060913!important; box-shadow:0 24px 72px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important; color:#fff!important; } @media (max-width:760px) { #siteRoot #mmxLiveStage .mmx-live-offline-card.mmx-live-offline-schedule-v1 { min-height:620px!important; padding:14px!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(6,9,18,.15) 0%,rgba(6,9,18,.07) 18%,rgba(6,9,18,0) 34%),linear-gradient(180deg,rgba(4,6,13,0) 52%,rgba(4,6,13,.24) 70%,rgba(4,6,13,.72) 100%),url(/mmx_index/assets/images/live-offline-background-mobile.webp)center center/cover no-repeat,#060913!important; } } #siteRoot #mmxLiveStage .mmx-live-offline-schedule-v1::after { content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:0!important; height:34%!important; pointer-events:none!important; background:linear-gradient(180deg,rgba(3,5,11,0) 0%,rgba(3,5,11,.16) 35%,rgba(3,5,11,.62) 100%)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-shell { position:relative!important; width:100%!important; margin:20px 0 0!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:22px!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-bar { display:grid!important; grid-template-columns:1.08fr .92fr .95fr 1.18fr!important; align-items:stretch!important; min-height:88px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell { appearance:none!important; -webkit-appearance:none!important; min-width:0!important; margin:0!important; padding:16px 20px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:13px!important; border:0!important; border-right:1px solid rgba(255,255,255,.11)!important; border-radius:0!important; background:transparent!important; color:#fff!important; text-decoration:none!important; text-align:left!important; cursor:pointer!important; font:inherit!important; transition:background .18s ease,transform .18s ease!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell:last-child { border-right:0!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell:hover,#siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell:focus-visible { background:rgba(255,255,255,.055)!important; outline:none!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell:active { transform:scale(.99)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell svg { flex:0 0 31px!important; width:31px!important; height:31px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; opacity:.96!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy { min-width:0!important; display:flex!important; flex-direction:column!important; gap:4px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy small { display:none!important; margin:0!important; color:#8d91a0!important; font:800 9px/1 Inter,Arial,sans-serif!important; letter-spacing:.14em!important; text-transform:uppercase!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy strong { display:block!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#f8f8fa!important; font:600 clamp(14px,1.05vw,18px)/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; letter-spacing:-.02em!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-admin-mark { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:22px!important; height:22px!important; margin-left:auto!important; border-radius:999px!important; background:rgba(163,62,244,.17)!important; color:#dba4ff!important; font:900 11px/1 Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-panel[hidden] { display:none!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-panel { position:fixed!important; z-index:100060!important; display:block!important; width:min(920px,calc(100vw - 24px))!important; max-height:calc(100dvh - 24px)!important; margin:0!important; padding:0 24px 24px!important; overflow:auto!important; overscroll-behavior:contain!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(21,22,29,.985),rgba(7,8,12,.985))!important; box-shadow:0 28px 90px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.045)!important; -webkit-backdrop-filter:blur(18px) saturate(1.12)!important; backdrop-filter:blur(18px) saturate(1.12)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-panel-head { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:20px 2px 16px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-panel-head strong { display:block!important; color:#fff!important; font:900 16px/1.2 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-panel-head small { display:block!important; margin-top:5px!important; color:#9498a7!important; font:500 12px/1.35 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-close { appearance:none!important; width:38px!important; height:38px!important; flex:0 0 38px!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:12px!important; background:rgba(255,255,255,.045)!important; color:#fff!important; cursor:pointer!important; font:700 22px/1 Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-row { appearance:none!important; width:100%!important; min-width:0!important; margin:0!important; padding:13px 14px!important; display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; gap:4px 14px!important; border:1px solid rgba(255,255,255,.09)!important; border-radius:14px!important; background:rgba(255,255,255,.025)!important; color:#fff!important; text-align:left!important; cursor:pointer!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-row:hover { background:rgba(255,255,255,.055)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-row.is-active { border-color:rgba(187,91,255,.52)!important; background:linear-gradient(180deg,rgba(152,54,230,.18),rgba(92,25,155,.12))!important; box-shadow:0 0 0 1px rgba(187,91,255,.10) inset!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-row-date { grid-row:1/3!important; align-self:center!important; min-width:108px!important; color:#d8d9df!important; font:800 12px/1.25 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-row-time { color:#fff!important; font:900 14px/1.2 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-row-mix { min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#a9adba!important; font:600 12px/1.25 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form { display:grid!important; grid-template-columns:1.15fr .8fr .8fr 1.55fr auto!important; gap:10px!important; align-items:end!important; margin-top:16px!important; padding:16px!important; border:1px solid rgba(179,79,255,.19)!important; border-radius:16px!important; background:rgba(89,24,143,.10)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form label { min-width:0!important; display:flex!important; flex-direction:column!important; gap:7px!important; color:#a9acb8!important; font:800 9px/1 Inter,Arial,sans-serif!important; letter-spacing:.12em!important; text-transform:uppercase!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form input { width:100%!important; min-width:0!important; height:42px!important; box-sizing:border-box!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:11px!important; background:#0b0d14!important; color:#fff!important; padding:0 11px!important; outline:none!important; font:700 13px/1 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form input:focus { border-color:rgba(188,91,255,.72)!important; box-shadow:0 0 0 3px rgba(163,58,236,.13)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-actions { display:flex!important; align-items:center!important; gap:8px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-actions button { appearance:none!important; height:42px!important; padding:0 14px!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:11px!important; background:rgba(255,255,255,.055)!important; color:#fff!important; cursor:pointer!important; white-space:nowrap!important; font:900 10px/1 Inter,Arial,sans-serif!important; letter-spacing:.05em!important; text-transform:uppercase!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-actions .is-primary { border-color:rgba(216,116,255,.26)!important; background:linear-gradient(180deg,#a839ee,#6c16bd)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-actions .is-danger { color:#ff9dac!important; background:rgba(255,55,86,.08)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-tools { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; margin-top:12px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-new { appearance:none!important; height:36px!important; padding:0 13px!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:10px!important; background:rgba(255,255,255,.045)!important; color:#fff!important; cursor:pointer!important; font:800 10px/1 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-msg { min-height:18px!important; color:#a7abb7!important; font:600 11px/1.35 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-msg.is-error { color:#ff9aaa!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-msg.is-ok { color:#9be8ae!important; } @media (min-width:861px) and (hover:hover) and (pointer:fine) { #siteRoot #mmxLiveStage .mmx-live-offline-card.mmx-live-offline-schedule-v1 { width:min(1120px,calc(100vw - 40px),124dvh)!important; max-width:min(1120px,124dvh)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-shell { margin-top:16px!important; border-radius:17px!important; box-shadow:0 14px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-bar { min-height:82px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell { min-height:82px!important; padding:13px 17px!important; gap:11px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell svg { flex-basis:28px!important; width:28px!important; height:28px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy strong { font-size:clamp(13px,1vw,17px)!important; } } @media (max-width:1000px) { #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-bar { grid-template-columns:1fr 1fr!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell:nth-child(2) { border-right:0!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.11)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form { grid-template-columns:1fr 1fr!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form label:nth-child(4) { grid-column:1/-1!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-actions { grid-column:1/-1!important; } } @media (max-width:680px) { #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-shell { margin-top:16px!important; border-radius:14px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-bar { grid-template-columns:1fr!important; min-height:0!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell { min-height:72px!important; padding:14px 16px!important; gap:13px!important; border-right:0!important; border-bottom:1px solid rgba(255,255,255,.10)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell:last-child { border-bottom:0!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell svg { flex-basis:30px!important; width:30px!important; height:30px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy small { display:block!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-schedule-cell-copy strong { font-size:16px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-panel { width:calc(100vw - 16px)!important; max-height:calc(100dvh - 16px)!important; padding:0 12px 14px!important; border-radius:15px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-list { grid-template-columns:1fr!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form { grid-template-columns:1fr!important; padding:12px!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-form label:nth-child(4),#siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-actions { grid-column:auto!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-admin-actions { flex-wrap:wrap!important; } } #mmxAboutOverlay { position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:18px; box-sizing:border-box; background:rgba(3,4,9,.79); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); } #mmxAboutOverlay.is-open { display:flex; } .mmx-about-card { width:min(720px,100%); max-height:min(82vh,760px); overflow:auto; border-radius:22px; padding:18px 18px 16px; box-sizing:border-box; color:rgba(235,250,255,.96); background:radial-gradient(110% 90%at 10% 0%,rgba(190,132,225,.10),transparent 70%),linear-gradient(180deg,rgba(23,21,34,.98),rgba(12,13,22,.99)); border:1px solid rgba(215,185,243,.20); box-shadow:0 22px 70px rgba(0,0,0,.55); } .mmx-about-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; } .mmx-about-head h3 { margin:0; font-size:21px; line-height:1.15; color:#fff; text-shadow:none; } #mmxAboutClose { width:42px; height:42px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.08); color:#fff; font-size:25px; line-height:1; cursor:pointer; } .mmx-about-body { font-size:15px; line-height:1.58; } .mmx-about-body p { margin:0 0 12px; } @media (max-width:520px) { .mmx-about-card { padding:16px 15px 14px; border-radius:20px; } .mmx-about-head h3 { font-size:19px; } .mmx-about-body { font-size:14px; line-height:1.52; } } body.mmx-live-active .mmx-adminchat-top-trigger { display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } .mmx-adminchat-top-trigger { position:relative; cursor:pointer; z-index:2147483001; } #topIcons .mmx-adminchat-top-trigger.ico { border:0; background:transparent; font-family:inherit; line-height:1; padding:0; } #topIcons .mmx-adminchat-top-trigger.ico.link { color:rgba(235,245,255,.92); text-decoration:none; } #topIcons button.mmx-adminchat-top-trigger.ico.link { width:46px; height:46px; border:0; background:transparent; display:flex; align-items:center; justify-content:center; padding:0; line-height:1; } @keyframes mmxAdminChatBadgeBlink { 0%,100% { transform:scale(1); } 50% { transform:scale(1.14); box-shadow:0 0 16px rgba(255,31,79,.95); } } html body[data-mmx-view="live"] #siteRoot>#login.loginbar,html body[data-mmx-view="live"] #login.loginbar,html body[data-mmx-view="live"] #visitorCounter { display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } #whiteAdminMenu { position:relative; z-index:100000; } #whiteAdminMenu .mmx-admin-menu-btn { width:40px!important; height:40px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#fff!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; } #whiteAdminMenu .mmx-admin-menu-grid { width:20px!important; height:20px!important; display:grid!important; grid-template-columns:repeat(2,1fr)!important; gap:3px!important; } #whiteAdminMenu .mmx-admin-menu-grid i { background:#fff!important; border-radius:4px!important; } #whiteAdminMenu .mmx-admin-menu-panel { position:fixed!important; top:calc(52px + env(safe-area-inset-top))!important; right:10px!important; left:auto!important; width:min(312px,calc(100vw - 20px))!important; height:auto!important; max-height:calc(100dvh - 72px - env(safe-area-inset-top))!important; border-radius:20px!important; background:rgba(0,0,0,.94)!important; color:#fff!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:-8px 14px 34px rgba(0,0,0,.42)!important; padding:6px 0!important; gap:0!important; overflow-y:auto!important; overflow-x:hidden!important; box-sizing:border-box!important; display:none!important; } #whiteAdminMenu.open .mmx-admin-menu-panel { display:flex!important; flex-direction:column!important; } #whiteAdminMenu .mmx-admin-menu-header { padding:7px 13px 8px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; position:sticky!important; top:0!important; background:rgba(0,0,0,.94)!important; z-index:2!important; } #whiteAdminMenu .mmx-admin-menu-title { font-size:20px!important; line-height:1!important; color:#fff!important; font-weight:900!important; letter-spacing:-.03em!important; } #whiteAdminMenu .mmx-admin-menu-close { appearance:none!important; border:0!important; background:transparent!important; color:#fff!important; width:32px!important; height:32px!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; } #whiteAdminMenu .mmx-admin-menu-divider { height:1px!important; background:rgba(255,255,255,.16)!important; margin:3px 0!important; flex:0 0 auto!important; } #whiteAdminMenu .ico,#whiteAdminMenu .mmx-admin-menu-item,#whiteAdminMenu .mmx-maintenance-toggle { width:100%!important; box-sizing:border-box!important; min-height:46px!important; padding:6px 13px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:#fff!important; text-align:left!important; text-decoration:none!important; flex:0 0 auto!important; } #whiteAdminMenu .ico:hover,#whiteAdminMenu .mmx-admin-menu-item:hover,#whiteAdminMenu .mmx-maintenance-toggle:hover { background:rgba(255,255,255,.045)!important; transform:none!important; } #whiteAdminMenu .mmx-admin-menu-lineicon { width:24px!important; height:24px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 24px!important; color:#fff!important; } #whiteAdminMenu .mmx-admin-menu-lineicon svg { width:22px!important; height:22px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:1.85!important; stroke-linecap:round!important; stroke-linejoin:round!important; } #whiteAdminMenu .mmx-admin-menu-copy { min-width:0!important; display:flex!important; align-items:center!important; flex:1 1 auto!important; } #whiteAdminMenu .mmx-admin-menu-label { font-size:13.5px!important; line-height:1.08!important; color:#fff!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #whiteAdminMenu .mmx-admin-menu-tail { margin-left:auto!important; display:inline-flex!important; align-items:center!important; justify-content:flex-end!important; min-width:26px!important; font-size:12px!important; font-weight:800!important; color:rgba(255,255,255,.9)!important; flex:0 0 auto!important; } #whiteAdminMenu .mmx-admin-menu-tail.is-state,#whiteAdminMenu .mmx-download-master-state,#whiteAdminMenu .mmx-maintenance-menu-state { color:rgba(255,255,255,.78)!important; font-size:11px!important; } #whiteAdminMenu #reportBadge { position:static!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:21px!important; height:21px!important; padding:0 7px!important; border-radius:999px!important; background:#fff!important; color:#000!important; font-size:11px!important; font-weight:800!important; box-shadow:none!important; } #whiteAdminMenu .mmx-maintenance-label { display:flex!important; align-items:center!important; min-width:0!important; flex:1 1 auto!important; } #whiteAdminMenu .mmx-maintenance-label strong { font-size:13.5px!important; font-weight:700!important; color:#fff!important; } #whiteAdminMenu .mmx-maintenance-label small { display:none!important; } @media (max-width:700px) { #topIcons.mmx-white-admin-icons { position:fixed!important; top:calc(8px + env(safe-area-inset-top))!important; right:8px!important; z-index:2147483000!important; } #whiteAdminMenu .mmx-admin-menu-panel { left:auto!important; right:8px!important; width:min(304px,calc(100vw - 16px))!important; max-width:none!important; height:auto!important; max-height:calc(100dvh - 66px - env(safe-area-inset-top))!important; } #whiteAdminMenu .mmx-admin-menu-header { padding:7px 12px 8px!important; } #whiteAdminMenu .mmx-admin-menu-title { font-size:19px!important; } #whiteAdminMenu .ico,#whiteAdminMenu .mmx-admin-menu-item,#whiteAdminMenu .mmx-maintenance-toggle { min-height:22px!important; padding-left:12px!important; padding-right:12px!important; } #whiteAdminMenu .mmx-admin-menu-label,#whiteAdminMenu .mmx-maintenance-label strong { font-size:13px!important; } } html { scroll-behavior:smooth; } body.mmx-neo-archive:before { background:radial-gradient(circle at 50% 0%,rgba(67,139,255,.10),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(255,255,255,.018)),repeating-linear-gradient(90deg,rgba(122,170,255,.026)0 1px,transparent 1px 44px)!important; opacity:.85!important; } body.mmx-neo-archive:after { opacity:.38!important; } body.mmx-neo-archive .container { max-width:1470px!important; margin:0 auto 38px!important; padding:96px 32px 42px!important; } .mmx-brand-icon { width:48px; height:48px; display:grid; place-items:center; color:#31bfff; filter:drop-shadow(0 0 14px rgba(49,191,255,.55)); } .mmx-brand-icon svg { width:42px; height:42px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .mmx-brand-copy { display:flex; flex-direction:column; line-height:1; min-width:0; } .mmx-brand-copy b { font-size:24px; font-weight:1000; letter-spacing:-.045em; white-space:nowrap; background:linear-gradient(90deg,#18d7ff 0%,#8b70ff 45%,#ff45da 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 22px rgba(86,111,255,.26); } .mmx-brand-copy small { margin-top:5px; font-size:11px; font-weight:950; letter-spacing:.15em; color:rgba(190,206,230,.72); } body.mmx-neo-archive #topIcons { top:88px!important; right:18px!important; } body.mmx-neo-archive .grid { position:relative; max-width:1410px!important; margin:0 auto!important; padding:48px 22px 22px!important; display:grid!important; grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important; gap:22px!important; border-radius:24px!important; background:rgba(5,12,29,.54)!important; border:1px solid rgba(67,97,160,.20)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 70px rgba(0,0,0,.28)!important; } body.mmx-neo-archive .post { border-radius:13px!important; overflow:hidden!important; background:linear-gradient(180deg,rgba(16,25,52,.74),rgba(9,15,34,.82))!important; border:1px solid rgba(91,124,190,.30)!important; box-shadow:0 15px 34px rgba(0,0,0,.32)!important; backdrop-filter:none!important; } body.mmx-neo-archive .post:hover { transform:translateY(-4px)!important; border-color:rgba(100,177,255,.48)!important; box-shadow:0 22px 50px rgba(0,0,0,.42),0 0 24px rgba(61,159,255,.12)!important; } body.mmx-neo-archive .video-thumb { border-radius:12px 12px 0 0!important; } body.mmx-neo-archive .title { text-align:left!important; margin:11px 28px 5px!important; color:#eef4ff!important; font-size:16px!important; font-weight:1000!important; line-height:1.22!important; letter-spacing:-.02em!important; } body.mmx-neo-archive .meta { justify-content:flex-start!important; text-align:left!important; margin:0 28px 9px!important; gap:6px!important; color:rgba(174,191,221,.83)!important; font-size:12.5px!important; font-weight:750!important; } body.mmx-neo-archive .meta-comments { color:rgba(174,191,221,.83)!important; } body.mmx-neo-archive .btn-container { margin:10px 28px 16px!important; justify-content:stretch!important; } body.mmx-neo-archive .btn-download { width:100%!important; min-height:39px!important; border-radius:9px!important; border:1px solid rgba(157,82,255,.78)!important; background:rgba(35,22,66,.38)!important; color:#6fc6ff!important; font-size:13px!important; font-weight:1000!important; letter-spacing:.055em!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 18px rgba(137,72,255,.10)!important; } body.mmx-neo-archive .btn-download:hover { background:rgba(61,31,116,.48)!important; box-shadow:0 0 24px rgba(128,89,255,.20)!important; } body.mmx-neo-archive .video-new-badge { left:auto!important; right:10px!important; top:10px!important; bottom:auto!important; min-width:0!important; min-height:0!important; padding:6px 9px!important; border-radius:8px!important; background:rgba(6,12,28,.76)!important; color:#fff!important; font-family:Inter,Arial,sans-serif!important; font-size:11px!important; } body.mmx-live-active[data-mmx-view="live"] #mmxStyleFinder,body.mmx-live-active[data-mmx-view="live"] .grid,body.mmx-live-active[data-mmx-view="live"] #mmxStyleEmpty { display:none!important; opacity:0!important; pointer-events:none!important; } @media (max-width:860px) { .mmx-brand-copy b { font-size:21px; } .mmx-brand-icon { width:42px; height:42px; } .mmx-brand-icon svg { width:36px; height:36px; } body.mmx-neo-archive .grid { padding:12px!important; border-radius:18px!important; grid-template-columns:1fr!important; gap:14px!important; } body.mmx-neo-archive .title { margin-left:16px!important; margin-right:16px!important; } body.mmx-neo-archive .meta,body.mmx-neo-archive .btn-container { margin-left:16px!important; margin-right:16px!important; } } @media (max-width:860px) { body.mmx-neo-archive .container { padding:128px 12px 32px!important; } .mmx-brand-copy b { font-size:20px!important; } .mmx-brand-copy small { font-size:10px!important; } .mmx-brand-icon { width:40px!important; height:40px!important; } .mmx-brand-icon svg { width:34px!important; height:34px!important; } } @media (max-width:420px) { body.mmx-neo-archive .container { padding-top:124px!important; } .mmx-brand-copy b { font-size:18px!important; } .mmx-brand-copy small { display:none!important; } .mmx-brand-icon { width:38px!important; height:38px!important; } } body.mmx-neo-archive #topIcons,body.mmx-neo-archive #mmxAiDock { display:none!important; opacity:0!important; pointer-events:none!important; } body.mmx-neo-archive .container { padding-top:100px!important; } @media (max-width:820px) { body.mmx-neo-archive .container { padding:126px 10px 32px!important; } } @media (max-width:430px) { body.mmx-neo-archive .mmx-brand-copy b { font-size:18px!important; } body.mmx-neo-archive .mmx-brand-copy small { display:none!important; } body.mmx-neo-archive .mmx-brand-icon { width:38px!important; height:38px!important; } } body.mmx-neo-archive #topIcons.mmx-white-admin-icons { display:flex!important; opacity:1!important; pointer-events:auto!important; position:fixed!important; top:92px!important; right:18px!important; z-index:2147482600!important; align-items:center!important; gap:8px!important; } body.mmx-neo-archive #topIcons.mmx-white-admin-icons .ico,body.mmx-neo-archive #topIcons.mmx-white-admin-icons .mmx-admin-menu,body.mmx-neo-archive #topIcons.mmx-white-admin-icons .mmx-admin-menu-btn { opacity:1!important; pointer-events:auto!important; } body.mmx-neo-archive #topIcons.mmx-white-admin-icons .mmx-admin-menu-panel { right:0!important; } @media (max-width:820px) { body.mmx-neo-archive .container { padding-top:76px!important; } body.mmx-neo-archive #topIcons.mmx-white-admin-icons { top:62px!important; right:10px!important; } } @media (max-width:430px) { body.mmx-neo-archive .container { padding-top:74px!important; } } @keyframes mmxHeroRgbSweep { 0% { background-position:0% 50%; transform:translate(-50%,0); } 25% { background-position:70% 50%; transform:translate(calc(-50% + 18px),-3px); } 50% { background-position:100% 50%; transform:translate(-50%,3px); } 75% { background-position:35% 50%; transform:translate(calc(-50% - 18px),-2px); } 100% { background-position:0% 50%; transform:translate(-50%,0); } } @keyframes mmxHeroRgbMoveV11 { 0% { background-position:0% 50%; transform:translate3d(-50%,0,0); } 20% { background-position:45% 50%; transform:translate3d(calc(-50% + 18px),-3px,0); } 40% { background-position:90% 50%; transform:translate3d(calc(-50% + 8px),3px,0); } 60% { background-position:130% 50%; transform:translate3d(calc(-50% - 18px),-2px,0); } 80% { background-position:175% 50%; transform:translate3d(calc(-50% - 7px),3px,0); } 100% { background-position:220% 50%; transform:translate3d(-50%,0,0); } } @media (max-width:820px) { @keyframes mmxMrTextScroll { 0%,12% { transform:translateX(0); } 88%,100% { transform:translateX(var(--mmx-mr-distance,-120px)); } } } @media (min-width:821px) { html body.mmx-neo-archive #mmxNeoTopbar #topIcons.mmx-white-admin-icons,html body.mmx-neo-archive #mmxNeoTopbar #topIcons { grid-column:3!important; position:relative!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; transform:none!important; z-index:20!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; width:auto!important; height:auto!important; min-width:0!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.mmx-neo-archive #mmxNeoTopbar #topIcons .ico,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-btn { position:relative!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; } html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-adminchat-top-trigger.ico { width:44px!important; height:44px!important; min-width:22px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:12px!important; background:linear-gradient(180deg,rgba(255,141,32,.12),rgba(255,141,32,.035))!important; border:1px solid rgba(255,159,56,.18)!important; box-shadow:0 0 18px rgba(255,128,24,.10)!important; color:#ffbd79!important; } html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-btn { width:44px!important; height:44px!important; min-width:22px!important; border-radius:12px!important; background:linear-gradient(180deg,rgba(255,141,32,.12),rgba(255,141,32,.035))!important; border:1px solid rgba(255,159,56,.18)!important; box-shadow:0 0 18px rgba(255,128,24,.10)!important; } html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-panel { position:absolute!important; top:52px!important; right:0!important; left:auto!important; z-index:2147483600!important; } } @media (max-width:820px) { html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-panel { top:50px!important; right:0!important; left:auto!important; max-height:calc(100dvh - 66px)!important; overflow:auto!important; } } @media (max-width:820px) { html body.mmx-neo-archive #mmxNeoTopbar #topIcons.mmx-white-admin-icons,html body.mmx-neo-archive #mmxNeoTopbar #topIcons,html body.mmx-neo-archive #topIcons.mmx-white-admin-icons { grid-column:2!important; grid-row:1!important; justify-self:end!important; align-self:center!important; position:relative!important; top:auto!important; right:auto!important; left:auto!important; bottom:auto!important; transform:none!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:0!important; background:transparent!important; border:0!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenu,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu { margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenuBtn,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-btn { padding:0!important; display:grid!important; place-items:center!important; box-shadow:none!important; transform:none!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenu .mmx-admin-menu-panel,html body.mmx-neo-archive #whiteAdminMenu .mmx-admin-menu-panel { position:fixed!important; left:auto!important; width:min(304px,calc(100vw - 16px))!important; max-width:none!important; max-height:calc(100dvh - 98px - env(safe-area-inset-top))!important; overflow:auto!important; z-index:2147483600!important; } html body.mmx-neo-archive .mmx-adminchat-top-trigger,html body.mmx-neo-archive #topIcons .mmx-adminchat-top-trigger,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-adminchat-top-trigger { display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; min-width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } } @media (max-width:820px) { html body.mmx-neo-archive #mmxNeoTopbar #topIcons.mmx-white-admin-icons,html body.mmx-neo-archive #mmxNeoTopbar #topIcons,html body.mmx-neo-archive #topIcons.mmx-white-admin-icons { width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; z-index:120!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenu,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu { width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenuBtn,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-btn { width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; border-radius:11px!important; background:rgba(0,0,0,.18)!important; border:1px solid rgba(255,255,255,.08)!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenuBtn .mmx-admin-menu-grid,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-btn .mmx-admin-menu-grid,html body.mmx-neo-archive #whiteAdminMenuBtn .mmx-admin-menu-grid { width:16px!important; height:16px!important; gap:3px!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenuBtn .mmx-admin-menu-grid i,html body.mmx-neo-archive #mmxNeoTopbar #topIcons .mmx-admin-menu-btn .mmx-admin-menu-grid i,html body.mmx-neo-archive #whiteAdminMenuBtn .mmx-admin-menu-grid i { width:6px!important; height:6px!important; border-radius:50%!important; } html body.mmx-neo-archive #mmxNeoTopbar #whiteAdminMenu .mmx-admin-menu-panel,html body.mmx-neo-archive #whiteAdminMenu .mmx-admin-menu-panel { top:calc(74px + env(safe-area-inset-top))!important; right:6px!important; } } @keyframes mmxV48PlayGlyphWeb { 0%,100% { opacity:.90; transform:scale(1); text-shadow:0 0 7px rgba(255,145,28,.70),0 0 16px rgba(255,145,28,.30); filter:drop-shadow(0 0 4px rgba(255,145,28,.40)); } 50% { opacity:1; transform:scale(1.22); text-shadow:0 0 15px rgba(255,205,130,1),0 0 34px rgba(255,145,28,.78),0 0 58px rgba(255,145,28,.30); filter:drop-shadow(0 0 11px rgba(255,145,28,.82)); } } @keyframes mmxV48PlayGlyphMobile { 0%,100% { opacity:.76; transform:scale(1) translateZ(0); text-shadow:0 0 6px rgba(255,145,28,.55),0 0 13px rgba(255,145,28,.20); filter:drop-shadow(0 0 3px rgba(255,145,28,.28)); } 50% { opacity:1; transform:scale(1.26) translateZ(0); text-shadow:0 0 12px rgba(255,198,115,.92),0 0 25px rgba(255,145,28,.55); filter:drop-shadow(0 0 7px rgba(255,145,28,.60)); } } @media (max-width:980px) { body:not(.mmx-live-active),body:not(.mmx-live-active) #siteRoot,body:not(.mmx-live-active) .container { overflow-y:auto!important; } body:not(.mmx-live-active) { position:static!important; height:auto!important; min-height:100dvh!important; touch-action:auto!important; -webkit-overflow-scrolling:touch!important; } body:not(.mmx-live-active) #siteRoot { position:relative!important; inset:auto!important; width:auto!important; height:auto!important; min-height:100dvh!important; } } @keyframes mmxArchiveHeroRgbBidirV54 { 0% { background-position:0% 50%; } 100% { background-position:100% 50%; } } @keyframes mmxRgbStripSweepV55 { 0% { background-position:0% 50%; filter:hue-rotate(0deg) saturate(1.18); } 100% { background-position:100% 50%; filter:hue-rotate(55deg) saturate(1.35); } } @keyframes mmxRgbStripGlowV55 { 0%,100% { opacity:.90; box-shadow:0 0 10px rgba(255,138,24,.48),0 0 24px rgba(20,217,255,.30),0 0 38px rgba(255,50,220,.22); } 50% { opacity:1; box-shadow:0 0 14px rgba(255,240,71,.58),0 0 30px rgba(22,255,150,.34),0 0 46px rgba(117,92,255,.28); } } #mmxLiveCastBtnV1,.mmx-live-cast-btn-v1 { position:absolute!important; left:auto!important; right:10px!important; top:10px!important; z-index:214748250!important; width:40px!important; height:30px!important; min-width:40px!important; min-height:30px!important; margin:0!important; padding:0!important; border:0!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:0!important; background:rgba(0,0,0,.78)!important; color:#fff!important; box-shadow:none!important; cursor:pointer!important; pointer-events:auto!important; opacity:1!important; visibility:visible!important; -webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } #mmxLiveCastBtnV1 svg,.mmx-live-cast-btn-v1 svg { width:22px!important; height:22px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:2.05!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } #mmxLiveCastBtnV1 .dot { stroke-width:3.2!important; } #mmxLiveCastBtnV1 .mmx-live-cast-text-v1 { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; } #mmxLiveCastBtnV1:hover,#mmxLiveCastBtnV1:focus-visible { background:rgba(255,255,255,.18)!important; outline:0!important; } #mmxLiveCastBtnV1.is-loading svg { animation:mmxLiveCastPulseV1 .78s ease-in-out infinite alternate!important; } #mmxLiveCastBtnV1.is-casting { background:rgba(0,184,255,.92)!important; } #mmxLiveCastBtnV1.is-error { background:rgba(228,31,54,.92)!important; } @keyframes mmxLiveCastPulseV1 { from { opacity:.55; transform:scale(.96); } to { opacity:1; transform:scale(1.04); } } body.mmx-live-minimized #mmxLiveCastBtnV1 { display:none!important; } body:not(.mmx-live-active) #mmxLiveCastBtnV1,body:not([data-mmx-view="live"]) #mmxLiveCastBtnV1 { display:none!important; } body:not(.mmx-cast-route-available) #mmxLiveCastBtnV1,#mmxLiveCastBtnV1[hidden] { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } body.mmx-live-active #liveBox .overlay #mmxLiveCastBtnV1 { pointer-events:auto!important; } @media (max-width:980px) { #mmxLiveCastBtnV1 { top:8px!important; left:auto!important; right:8px!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; } #mmxLiveCastBtnV1 svg { width:23px!important; height:23px!important; } } html,body { max-width:100%!important; } body.mmx-live-active { --mmx-live-hud-h:68px!important; } body.mmx-live-active #liveBox .overlay { align-items:flex-start!important; padding-top:8px!important; } body.mmx-live-active #liveBox #mmxLiveMixNameV1 { position:absolute!important; left:50%!important; right:auto!important; top:43px!important; width:calc(100% - 28px)!important; max-width:calc(100% - 28px)!important; height:18px!important; margin:0!important; padding:0 4px!important; display:block!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; color:rgba(255,255,255,.92)!important; font:850 12px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important; letter-spacing:.02em!important; text-align:center!important; transform:translateX(-50%)!important; -webkit-transform:translateX(-50%)!important; pointer-events:none!important; z-index:96!important; } body.mmx-live-minimized #mmxLiveMixNameV1 { display:none!important; } @media (max-width:980px) and (orientation:portrait) { body.mmx-live-active { --mmx-live-hud-h:62px!important; } body.mmx-live-active #liveBox .overlay { padding-top:6px!important; } body.mmx-live-active #liveBox #mmxLiveMixNameV1 { top:40px!important; left:50%!important; right:auto!important; width:calc(100% - 20px)!important; max-width:calc(100% - 20px)!important; text-align:center!important; transform:translateX(-50%)!important; -webkit-transform:translateX(-50%)!important; font-size:11.5px!important; } } @media (max-width:980px) and (orientation:landscape) { body.mmx-live-active { --mmx-live-hud-h:58px!important; } body.mmx-live-active #liveBox .overlay { padding-top:5px!important; } body.mmx-live-active #liveBox #mmxLiveMixNameV1 { top:37px!important; left:50%!important; right:auto!important; width:calc(100% - 18px)!important; max-width:calc(100% - 18px)!important; text-align:center!important; transform:translateX(-50%)!important; -webkit-transform:translateX(-50%)!important; font-size:11px!important; } } #liveBox #mmxLiveDvrV1 { position:absolute!important; left:14px!important; right:14px!important; bottom:12px!important; z-index:214748000!important; gap:10px!important; box-sizing:border-box!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; color:#fff!important; opacity:1; visibility:visible; transform:translateY(0); transition:opacity .28s ease,transform .28s ease,visibility 0s linear 0s!important; pointer-events:auto!important; } #liveBox #mmxLiveDvrV1::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 48%),radial-gradient(circle at 10% 0%,rgba(255,30,70,.12),transparent 38%); } #liveBox #mmxLiveDvrV1.mmx-v7-hidden { opacity:0!important; visibility:hidden!important; transform:translateY(14px)!important; pointer-events:none!important; transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s!important; } #liveBox #mmxLiveDvrV1>* { position:relative; z-index:1; box-sizing:border-box; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn { appearance:none!important; -webkit-appearance:none!important; flex:0 0 40px!important; display:grid!important; place-items:center!important; margin:0!important; padding:0!important; color:#fff!important; cursor:pointer!important; transform:none; transition:transform .16s ease,background .16s ease,border-color .16s ease!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn:active { transform:scale(.94)!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn svg { display:block!important; fill:none!important; stroke:currentColor!important; stroke-linecap:round!important; stroke-linejoin:round!important; } #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { flex:0 0 52px!important; width:52px!important; height:52px!important; min-width:52px!important; border-radius:50%!important; border:1px solid rgba(255,124,148,.76)!important; background:radial-gradient(circle at 36% 28%,#ff718d 0,#ff214d 39%,#b40731 100%)!important; box-shadow:0 0 0 5px rgba(255,31,74,.11),0 0 28px rgba(255,21,65,.48),0 10px 22px rgba(0,0,0,.45)!important; } #liveBox #mmxLiveDvrV1 #mmxLivePlayV1:hover { background:radial-gradient(circle at 36% 28%,#ff8da3 0,#ff315a 42%,#c00836 100%)!important; box-shadow:0 0 0 6px rgba(255,31,74,.13),0 0 34px rgba(255,21,65,.58),0 12px 24px rgba(0,0,0,.46)!important; } #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 svg { width:25px!important; height:25px!important; stroke-width:2.35!important; } #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1.is-muted { color:#ff6884!important; background:#261018!important; border-color:rgba(255,86,119,.42)!important; } #liveBox #mmxLiveVolumeV1,#liveBox #mmxLiveDvrRangeV1 { appearance:none!important; -webkit-appearance:none!important; margin:0!important; background:transparent!important; outline:0!important; cursor:pointer!important; } #liveBox #mmxLiveVolumeV1 { flex:0 1 94px!important; accent-color:#fff!important; } #liveBox #mmxLiveDvrRangeV1 { flex:1 1 auto!important; accent-color:#ff1745!important; } #liveBox #mmxLiveVolumeV1::-webkit-slider-runnable-track,#liveBox #mmxLiveDvrRangeV1::-webkit-slider-runnable-track { box-shadow:none!important; } #liveBox #mmxLiveVolumeV1::-webkit-slider-thumb,#liveBox #mmxLiveDvrRangeV1::-webkit-slider-thumb { appearance:none!important; -webkit-appearance:none!important; border-radius:50%!important; } #liveBox #mmxLiveDvrAgoV1 { flex:0 0 54px!important; font-variant-numeric:tabular-nums!important; } #liveBox #mmxLiveEdgeBtnV1 { appearance:none!important; -webkit-appearance:none!important; flex:0 0 76px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; margin:0!important; color:#fff!important; letter-spacing:.18px!important; cursor:pointer!important; } #liveBox #mmxLiveEdgeBtnV1::before { content:""; width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.15); } #liveBox #mmxLiveEdgeBtnV1:not(.is-live) { background:linear-gradient(180deg,#ff6b41,#b82c15)!important; border-color:rgba(255,150,105,.58)!important; } #liveBox:fullscreen #mmxLiveDvrV1,#liveBox:-webkit-full-screen #mmxLiveDvrV1 { left:max(14px,env(safe-area-inset-left))!important; right:max(14px,env(safe-area-inset-right))!important; bottom:max(12px,env(safe-area-inset-bottom))!important; } body.mmx-live-minimized #mmxLiveDvrV1 { display:none!important; } @media (max-width:720px) { #liveBox #mmxLiveDvrV1 { gap:7px!important; } #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { flex-basis:46px!important; width:46px!important; height:46px!important; min-width:46px!important; } #liveBox #mmxLiveEdgeBtnV1 { flex-basis:69px!important; } } @media (max-width:420px) { #liveBox #mmxLiveDvrV1 { gap:5px!important; padding:6px!important; } #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { flex-basis:43px!important; width:43px!important; height:43px!important; min-width:43px!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn { flex-basis:35px!important; width:35px!important; height:35px!important; min-width:35px!important; } #liveBox #mmxLiveEdgeBtnV1 { flex-basis:62px!important; width:62px!important; min-width:62px!important; padding:0 7px!important; } } #liveBox #mmxLiveDvrV1 { display:grid!important; grid-template-columns:38px 34px minmax(58px,90px) minmax(70px,1fr) 48px 66px 34px 34px!important; grid-template-rows:42px!important; column-gap:7px!important; row-gap:0!important; align-items:center!important; min-height:42px!important; height:42px!important; padding:4px 7px!important; overflow:hidden!important; border-radius:12px!important; background:#080a0f!important; border:1px solid rgba(255,255,255,.12)!important; box-shadow:0 8px 22px rgba(0,0,0,.62)!important; } #liveBox #mmxLiveDvrV1::before,#liveBox #mmxLiveDvrV1::after { display:none!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn { width:34px!important; height:34px!important; min-width:34px!important; flex-basis:34px!important; border-radius:9px!important; border:1px solid rgba(255,255,255,.11)!important; background:#13161d!important; box-shadow:none!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn:hover { background:#1b1f28!important; border-color:rgba(255,255,255,.22)!important; transform:none!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn svg { width:18px!important; height:18px!important; stroke-width:2!important; } #liveBox #mmxLivePlayV1 { grid-column:1!important; grid-row:1!important; justify-self:start!important; width:38px!important; height:38px!important; min-width:38px!important; flex-basis:38px!important; border-radius:50%!important; transform:none!important; background:#e91643!important; border:1px solid rgba(255,255,255,.24)!important; box-shadow:0 0 0 2px rgba(233,22,67,.15)!important; } #liveBox #mmxLivePlayV1:hover { background:#ff234f!important; transform:none!important; box-shadow:0 0 0 3px rgba(233,22,67,.18)!important; } #liveBox #mmxLivePlayV1:active { transform:scale(.94)!important; } #liveBox #mmxLivePlayV1 svg { width:20px!important; height:20px!important; } #liveBox #mmxLiveMuteV1 { grid-column:2!important; grid-row:1!important; } #liveBox #mmxLiveVolumeV1 { display:block!important; grid-column:3!important; grid-row:1!important; width:100%!important; min-width:58px!important; max-width:90px!important; height:24px!important; } #liveBox #mmxLiveDvrRangeV1 { grid-column:4!important; grid-row:1!important; width:100%!important; min-width:70px!important; height:24px!important; } #liveBox #mmxLiveVolumeV1::-webkit-slider-runnable-track { height:4px!important; border-radius:999px!important; background:rgba(255,255,255,.20)!important; } #liveBox #mmxLiveDvrRangeV1::-webkit-slider-runnable-track { height:4px!important; border-radius:999px!important; } #liveBox #mmxLiveDvrRangeV1::-webkit-slider-runnable-track { background:#e91643!important; } #liveBox #mmxLiveVolumeV1::-webkit-slider-thumb,#liveBox #mmxLiveDvrRangeV1::-webkit-slider-thumb { width:12px!important; height:12px!important; margin-top:-4px!important; border:2px solid #fff!important; background:#e91643!important; box-shadow:none!important; } #liveBox #mmxLiveDvrAgoV1 { display:block!important; grid-column:5!important; grid-row:1!important; width:48px!important; min-width:48px!important; justify-self:end!important; text-align:right!important; font:800 10.5px/1 Arial,sans-serif!important; color:rgba(255,255,255,.72)!important; } #liveBox #mmxLiveEdgeBtnV1 { grid-column:6!important; grid-row:1!important; justify-self:center!important; width:66px!important; min-width:66px!important; height:30px!important; padding:0 9px!important; border-radius:999px!important; border:1px solid rgba(255,65,101,.42)!important; background:#c91037!important; box-shadow:none!important; font:900 10.5px/1 Arial,sans-serif!important; } #liveBox #mmxLiveEdgeBtnV1::before { width:6px!important; height:6px!important; box-shadow:none!important; } #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 { position:relative!important; inset:auto!important; grid-column:7!important; grid-row:1!important; justify-self:center!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; border-radius:9px!important; border:1px solid rgba(255,255,255,.11)!important; background:#13161d!important; box-shadow:none!important; } #liveBox #mmxLiveFullV1 { grid-column:8!important; grid-row:1!important; justify-self:end!important; } @media (max-width:720px) { #liveBox #mmxLiveDvrV1 { left:5px!important; right:5px!important; bottom:5px!important; grid-template-columns:36px 32px minmax(48px,1fr) 60px 32px 32px!important; grid-template-rows:40px!important; column-gap:5px!important; min-height:40px!important; height:40px!important; padding:3px 5px!important; border-radius:10px!important; } #liveBox #mmxLivePlayV1 { grid-column:1!important; width:36px!important; height:36px!important; min-width:36px!important; flex-basis:36px!important; } #liveBox #mmxLiveMuteV1 { grid-column:2!important; } #liveBox #mmxLiveVolumeV1 { display:none!important; } #liveBox #mmxLiveDvrRangeV1 { grid-column:3!important; min-width:48px!important; } #liveBox #mmxLiveDvrAgoV1 { display:none!important; } #liveBox #mmxLiveEdgeBtnV1 { grid-column:4!important; width:60px!important; min-width:60px!important; height:28px!important; padding:0 7px!important; font-size:10px!important; } #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 { grid-column:5!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; } #liveBox #mmxLiveFullV1 { grid-column:6!important; width:32px!important; height:32px!important; min-width:32px!important; flex-basis:32px!important; } #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn { width:32px!important; height:32px!important; min-width:32px!important; flex-basis:32px!important; border-radius:8px!important; } } @media (max-width:390px) { #liveBox #mmxLiveDvrV1 { grid-template-columns:34px 30px minmax(34px,1fr) 56px 30px 30px!important; column-gap:4px!important; padding-left:4px!important; padding-right:4px!important; } #liveBox #mmxLivePlayV1 { width:34px!important; height:34px!important; min-width:34px!important; flex-basis:34px!important; } #liveBox #mmxLiveEdgeBtnV1 { width:56px!important; min-width:56px!important; padding:0 5px!important; } #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1,#liveBox #mmxLiveFullV1,#liveBox #mmxLiveMuteV1 { width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; flex-basis:30px!important; } } html body #liveBox #mmxLiveDvrV1 { row-gap:0!important; box-sizing:border-box!important; } html body #liveBox #mmxLiveDvrV1>* { min-width:0!important; box-sizing:border-box!important; } html body #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn { appearance:none!important; -webkit-appearance:none!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; max-width:32px!important; max-height:32px!important; flex:0 0 32px!important; margin:0!important; padding:0!important; display:grid!important; place-items:center!important; overflow:hidden!important; border:0!important; border-radius:10px!important; background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important; color:rgba(255,255,255,.96)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 4px 12px rgba(0,0,0,.12)!important; transform:none!important; transition:background .16s ease,box-shadow .16s ease,transform .12s ease!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 { appearance:none!important; -webkit-appearance:none!important; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; max-width:32px!important; max-height:32px!important; flex:0 0 32px!important; margin:0!important; padding:0!important; place-items:center!important; overflow:hidden!important; border:0!important; border-radius:10px!important; background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important; color:rgba(255,255,255,.96)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 4px 12px rgba(0,0,0,.12)!important; transform:none!important; transition:background .16s ease,box-shadow .16s ease,transform .12s ease!important; } html body #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn:hover,html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1:hover { background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.065))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 14px rgba(0,0,0,.16)!important; } html body #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn:active,html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1:active { transform:scale(.93)!important; } html body #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn svg,html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 svg { width:19px!important; height:19px!important; stroke-width:2.15!important; } html body #liveBox #mmxLiveDvrRangeV1 { --mmx-range-p:100%; } html body #liveBox #mmxLiveVolumeV1 { --mmx-range-p:85%; } html body #liveBox #mmxLiveVolumeV1::-moz-range-thumb { box-shadow:0 0 9px rgba(255,23,72,.42),0 2px 5px rgba(0,0,0,.45)!important; } html body #liveBox #mmxLiveEdgeBtnV1.is-live { box-shadow:0 0 13px rgba(255,24,69,.32),inset 0 1px 0 rgba(255,255,255,.18)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 { position:relative!important; inset:auto!important; grid-column:7!important; grid-row:1!important; justify-self:center!important; } html body #liveBox #mmxLiveFullV1 { grid-column:8!important; grid-row:1!important; justify-self:end!important; } @media (max-width:720px) { html body #liveBox #mmxLiveDvrV1 { left:5px!important; right:5px!important; bottom:5px!important; grid-template-columns:36px 29px 58px minmax(48px,1fr) 58px 30px!important; grid-template-rows:32px!important; column-gap:5px!important; height:40px!important; min-height:40px!important; max-height:40px!important; padding:4px 6px!important; border-radius:13px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; flex-basis:34px!important; } html body #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn,html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 { width:29px!important; height:29px!important; min-width:29px!important; min-height:29px!important; max-width:29px!important; max-height:29px!important; flex-basis:29px!important; border-radius:9px!important; } html body #liveBox #mmxLiveMuteV1 { grid-column:2!important; } html body #liveBox #mmxLiveVolumeV1 { display:block!important; grid-column:3!important; grid-row:1!important; } html body #liveBox #mmxLiveDvrRangeV1 { grid-column:4!important; grid-row:1!important; min-width:0!important; } html body #liveBox #mmxLiveDvrAgoV1 { display:none!important; } html body #liveBox #mmxLiveEdgeBtnV1 { grid-column:5!important; grid-row:1!important; width:58px!important; min-width:58px!important; max-width:58px!important; height:28px!important; min-height:28px!important; max-height:28px!important; padding:0 8px!important; font-size:10px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 { display:none!important; } html body #liveBox #mmxLiveFullV1 { grid-column:6!important; grid-row:1!important; } } @media (max-width:390px) { html body #liveBox #mmxLiveDvrV1 .mmx-live-ctl-btn { width:27px!important; height:27px!important; min-width:27px!important; min-height:27px!important; max-width:27px!important; max-height:27px!important; flex-basis:27px!important; } html body #liveBox #mmxLiveEdgeBtnV1 { width:54px!important; min-width:54px!important; max-width:54px!important; padding:0 6px!important; } } html body #liveBox #mmxLiveDvrV1 { left:9px!important; right:9px!important; bottom:7px!important; display:grid!important; grid-template-rows:42px!important; column-gap:8px!important; align-items:center!important; width:auto!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:0 9px 0 6px!important; overflow:visible!important; border:0!important; border-radius:17px!important; background:radial-gradient(circle at 18% 50%,rgba(103,33,103,.16),transparent 32%),radial-gradient(circle at 72% 50%,rgba(24,54,126,.16),transparent 38%),linear-gradient(180deg,rgba(22,23,32,.78),rgba(5,6,11,.76))!important; -webkit-backdrop-filter:blur(20px) saturate(1.35)!important; backdrop-filter:blur(20px) saturate(1.35)!important; box-shadow:0 12px 32px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.11),inset 0-1px 0 rgba(255,255,255,.025)!important; isolation:isolate!important; } html body #liveBox #mmxLiveDvrV1::before { content:""!important; display:block!important; position:absolute!important; inset:0!important; z-index:-1!important; pointer-events:none!important; border-radius:inherit!important; background:linear-gradient(105deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(255,255,255,.025))!important; } html body #liveBox #mmxLiveDvrV1::after { display:none!important; } html body #liveBox #mmxLiveDvrV1>* { position:relative!important; z-index:1!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { grid-column:1!important; grid-row:1!important; justify-self:start!important; align-self:center!important; flex:0 0 50px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:radial-gradient(circle at 50% 42%,rgba(40,16,27,.74),rgba(6,7,12,.94) 72%)!important; color:#ff214b!important; box-shadow:inset 0 0 0 2px #ff214b,inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(255,33,75,.18),0 0 19px rgba(255,24,68,.64),0 7px 17px rgba(0,0,0,.40)!important; transform:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1:hover { background:radial-gradient(circle at 50% 42%,rgba(57,18,34,.82),rgba(6,7,12,.94) 72%)!important; box-shadow:inset 0 0 0 2px #ff3159,0 0 24px rgba(255,24,68,.76),0 7px 17px rgba(0,0,0,.42)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1:active { transform:scale(.93)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 .play-shape { display:block; fill:#ff214b!important; stroke:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 .pause-shape { fill:none!important; stroke:#ff214b!important; stroke-width:3.35!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1 { grid-column:2!important; grid-row:1!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; flex:0 0 34px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; box-shadow:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1:hover { background:transparent!important; color:#fff!important; box-shadow:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1 svg { width:23px!important; height:23px!important; stroke-width:2.05!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1.is-muted { background:transparent!important; color:#ff5373!important; } html body #liveBox #mmxLiveVolumeV1 { appearance:none!important; -webkit-appearance:none!important; display:block!important; width:100%!important; height:26px!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important; cursor:pointer!important; } html body #liveBox #mmxLiveDvrRangeV1 { appearance:none!important; -webkit-appearance:none!important; display:block!important; height:26px!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important; cursor:pointer!important; } html body #liveBox #mmxLiveVolumeV1 { grid-column:3!important; grid-row:1!important; } html body #liveBox #mmxLiveDvrRangeV1 { grid-column:4!important; grid-row:1!important; } html body #liveBox #mmxLiveVolumeV1::-webkit-slider-runnable-track,html body #liveBox #mmxLiveDvrRangeV1::-webkit-slider-runnable-track { height:4px!important; border:0!important; border-radius:999px!important; } html body #liveBox #mmxLiveVolumeV1::-webkit-slider-runnable-track { background:linear-gradient(90deg,#ff1748 0%,#ff1748 var(--mmx-range-p,85%),rgba(255,255,255,.22) var(--mmx-range-p,85%),rgba(255,255,255,.22) 100%)!important; box-shadow:none!important; } html body #liveBox #mmxLiveDvrRangeV1::-webkit-slider-runnable-track { background:linear-gradient(90deg,#ff123f 0%,#ff123f var(--mmx-range-p,100%),rgba(255,255,255,.16) var(--mmx-range-p,100%),rgba(255,255,255,.16) 100%)!important; box-shadow:0 0 9px rgba(255,18,63,.30)!important; } html body #liveBox #mmxLiveVolumeV1::-webkit-slider-thumb,html body #liveBox #mmxLiveDvrRangeV1::-webkit-slider-thumb { appearance:none!important; -webkit-appearance:none!important; border-radius:50%!important; margin-top:-5px!important; } html body #liveBox #mmxLiveVolumeV1::-webkit-slider-thumb { width:14px!important; height:14px!important; border:0!important; background:#fff!important; box-shadow:0 1px 5px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.18)!important; } html body #liveBox #mmxLiveDvrRangeV1::-webkit-slider-thumb { width:15px!important; height:15px!important; border:0!important; background:#ff1748!important; box-shadow:0 0 0 3px rgba(255,23,72,.13),0 0 14px rgba(255,23,72,.92),0 2px 6px rgba(0,0,0,.42)!important; } html body #liveBox #mmxLiveVolumeV1::-moz-range-track,html body #liveBox #mmxLiveDvrRangeV1::-moz-range-track { height:4px!important; border:0!important; border-radius:999px!important; } html body #liveBox #mmxLiveVolumeV1::-moz-range-progress,html body #liveBox #mmxLiveDvrRangeV1::-moz-range-progress { height:4px!important; border:0!important; border-radius:999px!important; background:#ff1748!important; } html body #liveBox #mmxLiveVolumeV1::-moz-range-track { background:rgba(255,255,255,.22)!important; } html body #liveBox #mmxLiveDvrRangeV1::-moz-range-track { background:rgba(255,255,255,.16)!important; } html body #liveBox #mmxLiveVolumeV1::-moz-range-thumb { width:14px!important; height:14px!important; border:0!important; border-radius:50%!important; background:#fff!important; } html body #liveBox #mmxLiveDvrRangeV1::-moz-range-thumb { width:15px!important; height:15px!important; border:0!important; border-radius:50%!important; background:#ff1748!important; box-shadow:0 0 14px rgba(255,23,72,.92)!important; } html body #liveBox #mmxLiveDvrAgoV1 { grid-column:4!important; grid-row:1!important; display:block!important; position:relative!important; justify-self:end!important; align-self:center!important; width:54px!important; min-width:54px!important; max-width:54px!important; margin:0!important; padding:0!important; color:rgba(255,255,255,.86)!important; font:900 10.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important; font-variant-numeric:tabular-nums!important; text-align:right!important; white-space:nowrap!important; letter-spacing:.01em!important; text-shadow:0 1px 5px rgba(0,0,0,.72)!important; visibility:visible!important; opacity:1!important; pointer-events:none!important; } html body #liveBox #mmxLiveDvrAgoV1.is-live { visibility:visible!important; opacity:1!important; } html body #liveBox #mmxLiveDvrRangeV1 { width:calc(100% - 60px)!important; justify-self:start!important; } html body #liveBox #mmxLiveEdgeBtnV1 { grid-column:5!important; grid-row:1!important; justify-self:center!important; align-self:center!important; width:64px!important; min-width:64px!important; max-width:64px!important; height:30px!important; min-height:30px!important; max-height:30px!important; margin:0!important; padding:0 10px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; border:0!important; border-radius:999px!important; background:linear-gradient(180deg,#ff214b 0%,#df0c36 100%)!important; color:#fff!important; box-shadow:0 0 15px rgba(255,24,68,.38),inset 0 1px 0 rgba(255,255,255,.22)!important; font:950 11px/1 Arial,Helvetica,sans-serif!important; letter-spacing:.15px!important; } html body #liveBox #mmxLiveEdgeBtnV1.is-live { background:linear-gradient(180deg,#ff214b 0%,#df0c36 100%)!important; color:#fff!important; } html body #liveBox #mmxLiveEdgeBtnV1::before { width:7px!important; height:7px!important; min-width:7px!important; flex:0 0 7px!important; border-radius:50%!important; background:#fff!important; box-shadow:0 0 8px rgba(255,255,255,.78)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 { grid-column:6!important; grid-row:1!important; justify-self:end!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; max-width:38px!important; max-height:38px!important; flex:0 0 38px!important; padding:0!important; border:0!important; border-radius:12px!important; background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 14px rgba(0,0,0,.18)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1:hover { background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 svg { width:21px!important; height:21px!important; stroke-width:2.15!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveCastBtnV1 { display:none!important; } @media (max-width:520px) { html body #liveBox #mmxLiveDvrV1 { left:8px!important; right:8px!important; column-gap:7px!important; height:42px!important; min-height:42px!important; max-height:42px!important; padding:0 7px 0 5px!important; border-radius:16px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveMuteV1,html body #liveBox #mmxLiveDvrV1 #mmxLiveVolumeV1 { display:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { grid-column:1!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrRangeV1 { grid-column:2!important; grid-row:1!important; width:calc(100% - 49px)!important; justify-self:start!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrAgoV1 { grid-column:2!important; grid-row:1!important; display:block!important; justify-self:end!important; width:45px!important; min-width:45px!important; max-width:45px!important; font-size:9.5px!important; visibility:visible!important; opacity:1!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveEdgeBtnV1 { grid-column:3!important; width:60px!important; min-width:60px!important; max-width:60px!important; height:29px!important; min-height:29px!important; max-height:29px!important; padding:0 8px!important; font-size:10.5px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 { grid-column:4!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; max-width:36px!important; max-height:36px!important; flex-basis:36px!important; border-radius:11px!important; } } @media (max-width:390px) { html body #liveBox #mmxLiveDvrV1 { column-gap:5px!important; padding-left:4px!important; padding-right:5px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrRangeV1 { width:calc(100% - 45px)!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveDvrAgoV1 { width:42px!important; min-width:42px!important; max-width:42px!important; font-size:9px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveEdgeBtnV1 { width:60px!important; min-width:60px!important; max-width:60px!important; padding:0 6px!important; font-size:10px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLiveFullV1 { width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; flex-basis:34px!important; } } html body #liveBox #mmxLiveVideoRoundFrameV2 { --mmx-video-corner-r:12px; position:absolute!important; display:block!important; margin:0!important; padding:0!important; overflow:hidden!important; border:0!important; outline:0!important; border-radius:var(--mmx-video-corner-r)!important; box-shadow:none!important; z-index:2!important; -webkit-mask-image:-webkit-radial-gradient(white,black)!important; pointer-events:auto!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>#liveVideo { position:absolute!important; inset:0!important; left:0!important; right:0!important; top:0!important; bottom:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; padding:0!important; object-position:center center!important; border:0!important; outline:0!important; border-radius:inherit!important; box-shadow:none!important; -webkit-mask-image:-webkit-radial-gradient(white,black)!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>.mmx-video-corner-mask { position:absolute!important; z-index:8!important; width:var(--mmx-video-corner-r)!important; height:var(--mmx-video-corner-r)!important; margin:0!important; padding:0!important; border:0!important; pointer-events:none!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>.mmx-video-corner-mask.tl { left:0!important; top:0!important; background:radial-gradient(circle at 100% 100%,transparent 0 calc(var(--mmx-video-corner-r) - .8px),#000 var(--mmx-video-corner-r))!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>.mmx-video-corner-mask.tr { right:0!important; top:0!important; background:radial-gradient(circle at 0 100%,transparent 0 calc(var(--mmx-video-corner-r) - .8px),#000 var(--mmx-video-corner-r))!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>.mmx-video-corner-mask.bl { left:0!important; bottom:0!important; background:radial-gradient(circle at 100%0,transparent 0 calc(var(--mmx-video-corner-r) - .8px),#000 var(--mmx-video-corner-r))!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>.mmx-video-corner-mask.br { right:0!important; bottom:0!important; background:radial-gradient(circle at 0 0,transparent 0 calc(var(--mmx-video-corner-r) - .8px),#000 var(--mmx-video-corner-r))!important; } @media (max-width:980px) { html body #liveBox #mmxLiveVideoRoundFrameV2 { --mmx-video-corner-r:10px; } } body.mmx-live-minimized #mmxLiveVideoRoundFrameV2 { --mmx-video-corner-r:8px; } html body.mmx-live-active[data-mmx-view="archive"] { height:auto!important; min-height:100dvh!important; overflow-x:hidden!important; overflow-y:auto!important; } html body.mmx-live-active[data-mmx-view="archive"] #siteRoot,html body.mmx-live-active[data-mmx-view="archive"] #siteRoot .container { height:auto!important; min-height:0!important; overflow:visible!important; } html body.mmx-live-active[data-mmx-view="archive"] #siteRoot #mmxArchiveView { display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; max-height:none!important; overflow:visible!important; } html body.mmx-live-active[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder { display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; max-height:none!important; transform:none!important; } html body.mmx-live-active[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; max-height:none!important; overflow:visible!important; transform:none!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 .play-shape { display:block!important; visibility:visible!important; opacity:1!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 .pause-shape { display:none!important; visibility:hidden!important; opacity:0!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1.is-playing .play-shape { display:none!important; visibility:hidden!important; opacity:0!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1.is-playing .pause-shape { display:block!important; visibility:visible!important; opacity:1!important; } :root { --mmx-bg:#050611; --mmx-bg2:#080914; --mmx-card:#0c0e1b; --mmx-card2:#101221; --mmx-line:rgba(173,95,255,.20); --mmx-line-soft:rgba(255,255,255,.075); --mmx-text:#f7f4ff; --mmx-muted:#9297aa; --mmx-purple:#8f25ee; --mmx-purple2:#6411bf; --mmx-pink:#ef42eb; --mmx-red:#ff2857; --mmx-green:#55d66a; } html { background:var(--mmx-bg)!important; scroll-padding-top:90px!important; } html { min-height:100%!important; overflow-x:hidden!important; } body { overflow-x:hidden!important; } body,body.mmx-neo-archive,body.mmx-live-active,body.mmx-live-idle { width:auto!important; height:auto!important; min-height:100dvh!important; margin:0!important; overflow-y:auto!important; background:radial-gradient(900px 480px at 48% -180px,rgba(126,31,215,.18),transparent 70%),linear-gradient(180deg,#050611 0%,#060711 58%,#050610 100%)!important; color:var(--mmx-text)!important; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; } body.mmx-blur,body.mmx-unblur { filter:none!important; } .mmx-intro { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } @media (max-width:820px) { body.mmx-live-active #siteRoot #mmxNeoTopbar,body.mmx-live-active #liveBox #mmxLiveDvrV1 { backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } } html body #siteRoot,html body.mmx-live-active #siteRoot,html body.mmx-live-idle #siteRoot { position:static!important; inset:auto!important; display:block!important; width:auto!important; height:auto!important; min-height:100dvh!important; overflow:visible!important; visibility:visible!important; opacity:1!important; transform:none!important; background:transparent!important; filter:none!important; -webkit-filter:none!important; } html body.mmx-live-active #siteRoot #mmxNeoTopbar,html body.mmx-live-idle #siteRoot #mmxNeoTopbar { position:sticky!important; inset:auto!important; top:0!important; z-index:2147482000!important; width:100%!important; height:78px!important; min-height:78px!important; margin:0!important; padding:0 34px!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:minmax(270px,1fr) auto minmax(270px,1fr)!important; align-items:center!important; gap:28px!important; background:rgba(5,6,17,.94)!important; border:0!important; border-bottom:1px solid rgba(161,67,240,.25)!important; box-shadow:0 14px 42px rgba(0,0,0,.30)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; transform:none!important; } #mmxNeoTopbar .mmx-brand-icon { display:none!important; } #mmxNeoTopbar .mmx-brand-copy { display:flex!important; align-items:flex-end!important; gap:10px!important; white-space:nowrap!important; } #mmxNeoTopbar .mmx-brand-copy b { font-size:29px!important; line-height:.95!important; font-style:italic!important; font-weight:1000!important; letter-spacing:-.06em!important; color:#fff!important; text-shadow:0 0 13px rgba(139,37,238,.86),0 0 28px rgba(139,37,238,.45)!important; } #mmxNeoTopbar .mmx-brand-copy b span { color:#fff!important; } #mmxNeoTopbar .mmx-brand-copy small { margin:0 0 1px!important; color:#f15af0!important; font:900 10px/1 Inter,Arial,sans-serif!important; letter-spacing:.08em!important; } #mmxNeoTopbar .mmx-nav-live-state { width:7px!important; height:7px!important; flex:0 0 7px!important; border-radius:50%!important; background:#696270!important; } #mmxNeoTopbar .mmx-nav-live-state.is-on { background:var(--mmx-red)!important; box-shadow:0 0 13px rgba(255,40,87,.95)!important; } @keyframes mmxLiveBlinkV2 { 0%,44%,100% { opacity:1; } 50%,88% { opacity:.40; } } body.mmx-layout-mobile #mmxNeoTopbar .mmx-neo-live-link.mmx-live-running { animation:mmxLiveBlinkV2 1.15s steps(1,end) infinite!important; } body.mmx-layout-desktop #mmxNeoTopbar .mmx-neo-live-link.mmx-live-running { animation:none!important; } html body #siteRoot .container,html body.mmx-live-active #siteRoot .container.mmx-live-page,html body.mmx-live-idle #siteRoot .container { position:relative!important; inset:auto!important; z-index:auto!important; width:min(1510px,calc(100% - 48px))!important; max-width:1510px!important; height:auto!important; min-height:0!important; margin:0 auto!important; padding:24px 0 54px!important; display:block!important; overflow:visible!important; background:transparent!important; } html body[data-mmx-view="archive"] #siteRoot .container>#mmxLiveStage { display:none!important; visibility:hidden!important; } html body[data-mmx-view="archive"] #siteRoot .container>#mmxArchiveView { display:block!important; visibility:visible!important; } html body[data-mmx-view="live"] #siteRoot .container>#mmxArchiveView { display:none!important; visibility:hidden!important; } html body.mmx-live-active[data-mmx-view="live"] #siteRoot .container.mmx-live-page>#mmxLiveStage,html body.mmx-live-idle[data-mmx-view="live"] #siteRoot .container>#mmxLiveStage,html body[data-mmx-view="live"] #siteRoot .container>#mmxLiveStage { display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } #siteRoot #mmxLiveStage { scroll-margin-top:94px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; grid-template-columns:minmax(0,2.05fr) minmax(360px,.83fr)!important; grid-template-areas:"video chat""summary chat""actions useful""now useful"!important; gap:14px 18px!important; align-items:start!important; } #siteRoot #mmxLiveStage::before { display:none!important; content:none!important; } html body #siteRoot #mmxLiveStage #liveBox { grid-area:video!important; inset:auto!important; order:initial!important; float:none!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:16/9!important; margin:0!important; padding:0!important; align-self:start!important; background:#000!important; overflow:hidden!important; transform:none!important; } html body #siteRoot #mmxLiveStage .video-box { grid-area:video!important; position:relative!important; inset:auto!important; order:initial!important; float:none!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:16/9!important; margin:0!important; padding:0!important; align-self:start!important; background:#000!important; overflow:hidden!important; transform:none!important; } html body #siteRoot #mmxLiveStage #liveVideo,html body #siteRoot #mmxLiveStage #liveBox video { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:contain!important; object-position:center!important; background:#000!important; border:0!important; border-radius:12px!important; transform:none!important; } #siteRoot #mmxLiveStage #liveBox .overlay { position:absolute!important; inset:0!important; width:auto!important; height:auto!important; display:block!important; background:transparent!important; border:0!important; pointer-events:none!important; z-index:70!important; } #siteRoot #mmxLiveStage #mmxLiveMixNameV1 { position:absolute!important; left:16px!important; right:16px!important; bottom:14px!important; top:auto!important; max-width:calc(100% - 32px)!important; color:#fff!important; font:900 13px/1.25 Inter,Arial,sans-serif!important; text-align:left!important; text-shadow:0 2px 12px #000!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #siteRoot #mmxLiveStage .mmx-live-summary { grid-area:summary!important; min-height:72px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; margin:0!important; padding:3px 4px 0!important; background:transparent!important; border:0!important; visibility:visible!important; opacity:1!important; } #siteRoot #mmxLiveStage .mmx-live-summary-copy { display:flex!important; flex-direction:column!important; gap:5px!important; min-width:0!important; } #siteRoot #mmxLiveStage .mmx-live-summary-copy small { color:#ee54f3!important; font:900 10px/1 Inter,Arial,sans-serif!important; letter-spacing:.10em!important; } #siteRoot #mmxLiveStage .mmx-live-summary-copy strong { color:#fff!important; font:1000 24px/1.15 Inter,Arial,sans-serif!important; letter-spacing:-.025em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #siteRoot #mmxLiveStage .mmx-live-summary-copy span { color:var(--mmx-muted)!important; font:700 11px/1.2 Inter,Arial,sans-serif!important; } #siteRoot #mmxLiveStage .live-actions { grid-area:actions!important; min-height:50px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; margin:0!important; padding:0!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } #siteRoot #mmxLiveStage .live-actions .react-btn { height:44px!important; min-height:44px!important; margin:0!important; border-radius:9px!important; box-shadow:none!important; } #siteRoot #mmxLiveStage .live-actions .react-btn { display:grid!important; place-items:center!important; width:44px!important; min-width:44px!important; padding:0!important; background:#111421!important; border:1px solid var(--mmx-line-soft)!important; visibility:visible!important; opacity:1!important; } #siteRoot #mmxLiveStage #mmxNowPlayingStrip { grid-area:now!important; position:relative!important; inset:auto!important; width:100%!important; max-width:none!important; min-height:78px!important; height:auto!important; margin:0!important; padding:15px 18px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; gap:13px!important; background:linear-gradient(180deg,rgba(16,18,33,.96),rgba(11,13,25,.96))!important; border:1px solid var(--mmx-line-soft)!important; border-radius:11px!important; box-shadow:none!important; overflow:hidden!important; transform:none!important; } #siteRoot #mmxLiveStage .mmx-live-chat-shell { grid-area:chat!important; position:relative!important; inset:auto!important; order:initial!important; width:100%!important; max-width:none!important; height:620px!important; min-height:620px!important; max-height:none!important; margin:0!important; padding:0!important; border:1px solid rgba(173,87,255,.20)!important; border-radius:12px!important; background:linear-gradient(180deg,#0d0f1d,#0b0d19)!important; box-shadow:0 22px 54px rgba(0,0,0,.32)!important; overflow:hidden!important; transform:none!important; } #siteRoot #mmxLiveStage iframe[src="uzifal.php"] { display:block!important; width:100%!important; height:620px!important; min-height:620px!important; max-height:none!important; margin:0!important; border:0!important; border-radius:12px!important; background:#0b0d19!important; } #siteRoot #mmxLiveStage.is-offline { grid-template-areas:"offline chat""offline useful"!important; grid-template-rows:auto auto!important; } #siteRoot #mmxLiveStage .mmx-live-offline-card { grid-area:offline!important; margin:0!important; border:1px solid rgba(173,87,255,.22)!important; border-radius:12px!important; background:#090b16!important; box-shadow:0 25px 65px rgba(0,0,0,.38)!important; overflow:hidden!important; } @keyframes mmxOfflineRotate { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } } @keyframes mmxOfflinePulse { 0%,100% { transform:translate(-50%,-50%) scale(.94); opacity:.80; } 50% { transform:translate(-50%,-50%) scale(1.24); opacity:1; } } @keyframes mmxOfflineWave { 0%,100% { transform:translate(-50%,-50%) scale(.98); opacity:.58; } 50% { transform:translate(-50%,-50%) scale(1.05); opacity:.95; } } @keyframes mmxOfflineGlow { 0%,100% { opacity:.80; } 50% { opacity:1; } } @keyframes mmxOfflineCore { 0%,100% { transform:translate(-50%,-50%) scale(1); } 50% { transform:translate(-50%,-50%) scale(1.025); } } @keyframes mmxOfflineBars { 0%,100% { transform:scaleY(.64); } 35% { transform:scaleY(1); } 65% { transform:scaleY(.78); } } @keyframes mmxOfflineCaret { 0%,49% { opacity:1; } 50%,100% { opacity:0; } } @keyframes mmxOfflineTypingDot { 0%,80%,100% { opacity:.28; transform:translateY(0); } 40% { opacity:1; transform:translateY(-2px); } } #siteRoot #mmxArchiveView { scroll-margin-top:92px!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { width:100%!important; max-width:none!important; margin:0!important; padding:14px!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:14px!important; border-radius:12px!important; background:rgba(9,11,21,.72)!important; border:1px solid var(--mmx-line-soft)!important; box-shadow:none!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .post { min-width:0!important; margin:0!important; padding:9px!important; border-radius:10px!important; background:linear-gradient(180deg,#101221,#0c0e1a)!important; border:1px solid rgba(255,255,255,.08)!important; box-shadow:0 14px 34px rgba(0,0,0,.22)!important; overflow:hidden!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .post:hover { transform:translateY(-3px)!important; border-color:rgba(181,89,255,.31)!important; box-shadow:0 20px 44px rgba(0,0,0,.30)!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { width:100%!important; aspect-ratio:16/9!important; border-radius:8px!important; overflow:hidden!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb img { width:100%!important; height:100%!important; object-fit:cover!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .title { margin:10px 2px 0!important; color:#fff!important; font:900 12px/1.3 Inter,Arial,sans-serif!important; text-align:left!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .meta { margin:7px 2px 0!important; color:var(--mmx-muted)!important; font:700 9px/1.25 Inter,Arial,sans-serif!important; text-align:left!important; justify-content:flex-start!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { margin:9px 2px 1px!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { width:100%!important; min-height:34px!important; border-radius:7px!important; font:900 9px/1 Inter,Arial,sans-serif!important; } @media (max-width:1320px) { #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; } #siteRoot #mmxLiveStage { grid-template-columns:minmax(0,1.75fr) minmax(330px,.85fr)!important; } } @media (max-width:980px) { #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media (max-width:860px) { html { scroll-padding-top:72px!important; } html body.mmx-live-active #siteRoot #mmxNeoTopbar,html body.mmx-live-idle #siteRoot #mmxNeoTopbar { position:fixed!important; inset:0 0 auto 0!important; height:66px!important; min-height:66px!important; grid-template-columns:minmax(0,1fr) 46px!important; gap:9px!important; padding:0 11px 0 15px!important; } html body.mmx-neo-archive #siteRoot #mmxNeoTopbar .mmx-brand-copy,html body.mmx-neo-archive #siteRoot #mmxNeoTopbar .mmx-brand-copy b,html body.mmx-neo-archive #siteRoot #mmxNeoTopbar .mmx-brand-copy small { visibility:visible!important; opacity:1!important; } #mmxNeoTopbar .mmx-brand-copy b { font-size:22px!important; } #mmxNeoTopbar .mmx-brand-copy small { font-size:8px!important; } html body #siteRoot .container,html body.mmx-live-active #siteRoot .container.mmx-live-page,html body.mmx-live-idle #siteRoot .container { width:100%!important; max-width:none!important; margin:0!important; padding:80px 10px 38px!important; box-sizing:border-box!important; } #siteRoot #mmxLiveStage { grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"video""summary""actions""tabs""chat""now""useful"!important; gap:11px!important; } #siteRoot #mmxLiveStage.is-offline { grid-template-areas:"offline""tabs""chat""useful"!important; } body[data-mmx-mobile-live-panel="useful"] #siteRoot #mmxLiveStage .mmx-live-chat-shell { display:none!important; } html body #siteRoot #mmxLiveStage #liveBox,html body #siteRoot #mmxLiveStage .video-box,#siteRoot #mmxLiveStage .mmx-live-offline-card,#siteRoot #mmxLiveStage .mmx-live-chat-shell { border-radius:10px!important; } #siteRoot #mmxLiveStage .mmx-live-summary { min-height:70px!important; padding:2px 3px 0!important; } #siteRoot #mmxLiveStage .mmx-live-summary-copy strong { font-size:19px!important; } #siteRoot #mmxLiveStage .live-actions { min-height:45px!important; } #siteRoot #mmxLiveStage .live-actions .react-btn { height:40px!important; min-height:40px!important; } #siteRoot #mmxLiveStage .live-actions .react-btn { width:40px!important; min-width:40px!important; } #siteRoot #mmxLiveStage #mmxNowPlayingStrip { min-height:62px!important; padding:12px 14px!important; } #siteRoot #mmxLiveStage .mmx-live-chat-shell,#siteRoot #mmxLiveStage iframe[src="uzifal.php"] { height:520px!important; min-height:520px!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { grid-template-columns:1fr!important; gap:10px!important; padding:9px!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .post { min-height:124px!important; display:grid!important; grid-template-columns:140px minmax(0,1fr)!important; grid-template-rows:auto auto 1fr!important; column-gap:12px!important; align-items:start!important; padding:9px!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { grid-column:1!important; grid-row:1/4!important; width:140px!important; align-self:center!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .title { grid-column:2!important; grid-row:1!important; margin:4px 0 0!important; font-size:13px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .meta { grid-column:2!important; grid-row:2!important; margin:6px 0 0!important; font-size:9px!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { grid-column:2!important; grid-row:3!important; margin:8px 0 0!important; align-self:end!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { min-height:31px!important; height:31px!important; font-size:8.5px!important; } #topIcons { top:72px!important; right:8px!important; } } @media (max-width:390px) { #mmxNeoTopbar .mmx-brand-copy b { font-size:20px!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .post { grid-template-columns:118px minmax(0,1fr)!important; } #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { width:118px!important; } } @media (prefers-reduced-motion:reduce) { #mmxNeoTopbar .mmx-neo-live-link.mmx-live-running { animation-duration:2.3s!important; } } html body #siteRoot #mmxLiveStage #liveBox,html body #siteRoot #mmxLiveStage .video-box,html body #siteRoot #mmxLiveStage .mmx-live-chat-shell,html body #siteRoot #mmxLiveStage iframe[src="uzifal.php"] { border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; } html body #siteRoot #mmxLiveStage #liveBox::before,html body #siteRoot #mmxLiveStage #liveBox::after,html body #siteRoot #mmxLiveStage .video-box::before,html body #siteRoot #mmxLiveStage .video-box::after { content:none!important; display:none!important; } html body #siteRoot #mmxLiveStage #mmxLiveVideoRoundFrameV2 { border:0!important; outline:0!important; box-shadow:none!important; } html body[data-mmx-view="live"] #topIcons,html body.mmx-live-active #topIcons { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } @media (max-width:860px) { :root { --mmx-mobile-head-h:66px; --mmx-mobile-now-h:44px; --mmx-mobile-fade-h:82px; } html,body { width:100%!important; max-width:100%!important; margin:0!important; overflow-x:hidden!important; } html body[data-mmx-view="live"] { height:100dvh!important; overflow:hidden!important; overscroll-behavior:none!important; } html body[data-mmx-view="live"] #siteRoot { width:100%!important; max-width:100%!important; height:100dvh!important; min-height:0!important; margin:0!important; overflow:hidden!important; } html body #siteRoot #mmxNeoTopbar .mmx-brand-copy { display:flex!important; align-items:flex-end!important; gap:7px!important; min-width:0!important; } html body #siteRoot #mmxNeoTopbar .mmx-brand-copy b { font-size:24px!important; line-height:1!important; white-space:nowrap!important; } html body #siteRoot #mmxNeoTopbar .mmx-brand-copy small { font-size:8px!important; } html body #siteRoot #mmxNeoTopbar #mmxNeoMenuBtn span { display:block!important; width:24px!important; height:2px!important; margin:0!important; border:0!important; border-radius:2px!important; background:#fff!important; box-shadow:none!important; } html body[data-mmx-view="archive"] #siteRoot .container>#mmxLiveStage { display:none!important; } html body[data-mmx-view="archive"] #siteRoot .container>#mmxArchiveView { display:block!important; width:100%!important; max-width:100%!important; padding:10px!important; box-sizing:border-box!important; } html body[data-mmx-view="live"] #siteRoot .container>#mmxArchiveView { display:none!important; } html body[data-mmx-view="live"] #siteRoot>.container,html body[data-mmx-view="live"] #siteRoot .container,html body.mmx-live-active[data-mmx-view="live"] #siteRoot .container.mmx-live-page { position:relative!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:100dvh!important; min-height:0!important; margin:0!important; padding:var(--mmx-mobile-head-h)0 0!important; box-sizing:border-box!important; overflow:hidden!important; transform:none!important; } html body[data-mmx-view="live"] #siteRoot .container>#mmxLiveStage,html body.mmx-live-active[data-mmx-view="live"] #siteRoot .container>#mmxLiveStage,html body.mmx-live-idle[data-mmx-view="live"] #siteRoot .container>#mmxLiveStage { position:relative!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; max-width:100%!important; min-width:0!important; height:calc(100dvh - var(--mmx-mobile-head-h))!important; min-height:0!important; margin:0!important; padding:0 0 env(safe-area-inset-bottom,0px)!important; box-sizing:border-box!important; gap:0!important; border:0!important; background:#050611!important; box-shadow:none!important; overflow:hidden!important; grid-template-columns:none!important; grid-template-rows:none!important; grid-template-areas:none!important; } html body #siteRoot #mmxLiveStage>#liveBox,html body #siteRoot #mmxLiveStage>.video-box { order:1!important; position:relative!important; flex:0 0 auto!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; aspect-ratio:16/9!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage>#liveBox video,html body #siteRoot #mmxLiveStage>.video-box video { position:absolute!important; inset:0!important; display:block!important; width:100%!important; min-width:100%!important; height:100%!important; min-height:100%!important; margin:0!important; object-fit:contain!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; } html body #siteRoot #mmxLiveStage>.mmx-live-summary,html body #siteRoot #mmxLiveStage>.live-actions { display:none!important; visibility:hidden!important; flex:0 0 0!important; width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; } html body #siteRoot #mmxLiveStage>.mmx-live-chat-shell { order:3!important; position:relative!important; flex:1 1 0!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; background:#050611!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage>.mmx-live-chat-shell>iframe[src="uzifal.php"] { position:absolute!important; inset:0!important; display:block!important; width:100%!important; min-width:100%!important; height:100%!important; min-height:100%!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; background:#050611!important; } html body #siteRoot #mmxLiveStage>#mmxNowPlayingStrip { order:4!important; position:relative!important; flex:0 0 var(--mmx-mobile-now-h)!important; display:flex!important; align-items:center!important; gap:8px!important; width:100%!important; max-width:100%!important; min-width:0!important; height:var(--mmx-mobile-now-h)!important; min-height:var(--mmx-mobile-now-h)!important; max-height:var(--mmx-mobile-now-h)!important; margin:0!important; padding:0 14px!important; box-sizing:border-box!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; background:#050611!important; overflow:hidden!important; z-index:10!important; } html body #siteRoot #mmxLiveStage>#mmxNowPlayingStrip::before,html body #siteRoot #mmxLiveStage>#mmxNowPlayingStrip::after { content:none!important; display:none!important; } html body #siteRoot #mmxLiveStage.is-offline>.mmx-live-offline-card { order:1!important; flex:0 0 auto!important; width:100%!important; margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body #siteRoot #mmxLiveStage.is-offline>.mmx-live-chat-shell { order:3!important; flex:1 1 0!important; min-height:0!important; } html body #siteRoot #mmxLiveStage.is-offline>#mmxNowPlayingStrip { display:none!important; } } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn { position:absolute!important; right:252px!important; top:50%!important; left:auto!important; bottom:auto!important; z-index:4!important; width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; color:#fff!important; transform:translateY(-50%)!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; cursor:pointer!important; -webkit-tap-highlight-color:transparent!important; } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn svg { display:block!important; width:25px!important; height:25px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.85!important; stroke-linecap:round!important; stroke-linejoin:round!important; } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn .dot { fill:currentColor!important; stroke:none!important; } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn:hover,html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn:focus-visible { border-color:rgba(187,101,255,.36)!important; } @media (max-width:860px) { html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn { position:static!important; grid-column:2!important; justify-self:end!important; align-self:center!important; right:auto!important; top:auto!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; border-color:rgba(255,255,255,.10)!important; border-radius:12px!important; background:rgba(255,255,255,.045)!important; transform:none!important; } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn svg { width:26px!important; height:26px!important; } html body #siteRoot #mmxLiveStage>#liveBox,html body #siteRoot #mmxLiveStage>.video-box { z-index:10!important; } html body #siteRoot #mmxLiveStage>.mmx-live-chat-shell { z-index:3!important; } } @media (min-width:861px) and (max-width:1180px) { html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn { right:214px!important; } } html body #siteRoot #mmxNowPlayingStrip { position:relative!important; display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; } #mmxNeoTopbar .mmx-brand-mobile-mix { display:none; } @media (max-width:860px) { html body #siteRoot #mmxNeoTopbar .mmx-brand-copy-desktop { display:none!important; } html body #siteRoot #mmxNeoTopbar .mmx-brand-mobile-mix { display:block!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#fff!important; font-family:Inter,Arial,Helvetica,sans-serif!important; font-size:16px!important; font-weight:900!important; line-height:1.1!important; letter-spacing:-.015em!important; text-shadow:0 1px 10px rgba(0,0,0,.55)!important; } } html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { padding:0!important; gap:18px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post:hover { margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; transform:none!important; overflow:visible!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb img,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb video { border:0!important; box-shadow:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { margin-left:0!important; margin-right:0!important; } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn,html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn:hover,html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn:focus-visible { border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; outline:0!important; } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn .mmx-live-cast-text-v1 { display:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { column-gap:14px!important; row-gap:10px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { border-radius:8px!important; overflow:hidden!important; isolation:isolate!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb img,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb video { border-radius:8px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { margin-top:13px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { margin-top:6px!important; margin-bottom:2px!important; } @media (max-width:860px) { html body #siteRoot #mmxArchiveView #mmxArchiveGrid.grid { gap:8px!important; padding:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post { align-content:start!important; padding:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { margin-top:0!important; border-radius:7px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb img,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb video { border-radius:7px!important; } } html body #siteRoot #mmxLiveStage #liveBox { position:relative!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 { position:absolute!important; left:10px!important; top:10px!important; right:auto!important; bottom:auto!important; z-index:2140!important; display:inline-flex!important; align-items:stretch!important; justify-content:flex-start!important; width:auto!important; min-width:0!important; margin:0!important; padding:0!important; overflow:hidden!important; opacity:1!important; visibility:visible!important; transform:none!important; pointer-events:none!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-live-label-v332 { display:inline-flex!important; align-items:center!important; justify-content:center!important; height:100%!important; margin:0!important; box-sizing:border-box!important; border:0!important; border-radius:0!important; color:#fff!important; font:900 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important; letter-spacing:.025em!important; box-shadow:none!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-viewers-v332 { display:inline-flex!important; align-items:center!important; justify-content:center!important; height:100%!important; margin:0!important; box-sizing:border-box!important; border:0!important; border-radius:0!important; color:#fff!important; font:800 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important; font-variant-numeric:tabular-nums!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-viewers-v332 svg { display:block!important; flex:0 0 14px!important; width:14px!important; height:14px!important; margin:0!important; fill:#fff!important; stroke:none!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 #viewerCount { display:inline-block!important; min-width:7px!important; margin:0!important; padding:0!important; color:#fff!important; font:800 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important; font-variant-numeric:tabular-nums!important; } html body:not(.mmx-live-active) #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 { display:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post { min-width:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; overflow-wrap:anywhere!important; word-break:break-word!important; line-height:1.28!important; min-height:2.56em!important; max-height:2.56em!important; } html body[data-mmx-view="live"] #siteRoot #mmxNeoTopbar .mmx-brand-copy b { font-size:25px!important; } html body[data-mmx-view="live"] #siteRoot #mmxNeoTopbar .mmx-brand-copy small { font-size:8px!important; } @media (max-width:860px) { html body[data-mmx-view="live"] { --mmx-mobile-head-h:52px!important; } html body[data-mmx-view="live"] #siteRoot #mmxNeoTopbar .mmx-brand-mobile-mix { font-size:14px!important; line-height:1!important; } html body[data-mmx-view="live"] #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn { width:38px!important; min-width:38px!important; height:38px!important; min-height:38px!important; } html body[data-mmx-view="live"] #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1.mmx-topbar-cast-btn svg { width:23px!important; height:23px!important; } html body[data-mmx-view="live"] #siteRoot #mmxNeoTopbar #mmxNeoMenuBtn span { width:21px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post { min-height:79px!important; grid-template-columns:140px minmax(0,1fr)!important; grid-template-rows:28px 11px 29px!important; column-gap:12px!important; row-gap:3px!important; align-items:start!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { grid-column:1!important; grid-row:1/4!important; width:140px!important; height:79px!important; aspect-ratio:auto!important; align-self:start!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { grid-column:2!important; grid-row:1!important; margin:0!important; padding:0!important; font-size:12px!important; line-height:14px!important; min-height:28px!important; max-height:28px!important; -webkit-line-clamp:2!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta { grid-column:2!important; grid-row:2!important; height:11px!important; min-height:11px!important; margin:0!important; padding:0!important; line-height:11px!important; overflow:hidden!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { grid-column:2!important; grid-row:3!important; height:29px!important; min-height:29px!important; margin:0!important; padding:0!important; align-self:start!important; } } @media (max-width:360px) { html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post { grid-template-columns:126px minmax(0,1fr)!important; min-height:71px!important; grid-template-rows:26px 10px 27px!important; row-gap:2px!important; column-gap:10px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .video-thumb { width:126px!important; height:71px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .title { font-size:11.5px!important; line-height:13px!important; min-height:26px!important; max-height:26px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .meta { height:10px!important; min-height:10px!important; line-height:10px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { height:27px!important; min-height:27px!important; } } html body #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder { width:100%!important; max-width:none!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:minmax(250px,.9fr) minmax(0,2.1fr) auto!important; align-items:center!important; gap:10px!important; margin:0 0 16px!important; padding:10px!important; border:1px solid rgba(255,255,255,.085)!important; border-radius:13px!important; background:linear-gradient(180deg,rgba(17,19,35,.88),rgba(10,12,24,.86))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.20)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveSearch { width:100%!important; height:100%!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; outline:0!important; background:transparent!important; color:#f6f3fb!important; font:800 12px/1 Inter,Arial,sans-serif!important; appearance:none!important; -webkit-appearance:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveSearch::placeholder { color:#777d90!important; opacity:1!important; } html body #siteRoot #mmxArchiveView #mmxArchiveSearch::-webkit-search-cancel-button { display:none!important; } html body #siteRoot #mmxArchiveView .mmx-style-chips { min-width:0!important; display:flex!important; align-items:center!important; gap:7px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:1px!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-x:contain!important; } html body #siteRoot #mmxArchiveView .mmx-style-chips::-webkit-scrollbar { display:none!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip { appearance:none!important; -webkit-appearance:none!important; flex:0 0 auto!important; height:40px!important; min-width:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; margin:0!important; padding:0 11px!important; border:1px solid rgba(255,255,255,.09)!important; border-radius:10px!important; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important; color:#c8c9d3!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; font:850 10px/1 Inter,Arial,sans-serif!important; letter-spacing:.01em!important; white-space:nowrap!important; cursor:pointer!important; transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip svg { width:16px!important; height:16px!important; flex:0 0 16px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip small { min-width:19px!important; height:19px!important; display:inline-grid!important; place-items:center!important; padding:0 5px!important; box-sizing:border-box!important; border-radius:6px!important; background:rgba(255,255,255,.065)!important; color:#a9acb9!important; font:900 9px/1 Inter,Arial,sans-serif!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip:hover { transform:translateY(-1px)!important; border-color:rgba(195,103,255,.25)!important; background:rgba(255,255,255,.06)!important; color:#fff!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip.is-active,html body #siteRoot #mmxArchiveView .mmx-style-chip[aria-pressed="true"] { color:#fff!important; border-color:rgba(218,112,255,.40)!important; background:linear-gradient(180deg,rgba(164,46,237,.70),rgba(101,17,188,.72))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 20px rgba(143,37,238,.23)!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip.is-active small,html body #siteRoot #mmxArchiveView .mmx-style-chip[aria-pressed="true"] small { background:rgba(0,0,0,.20)!important; color:#fff!important; } html body #siteRoot #mmxArchiveView #mmxStyleStatus { min-width:max-content!important; margin:0!important; padding:0 5px!important; color:#9da1b1!important; font:850 10px/1 Inter,Arial,sans-serif!important; text-align:right!important; white-space:nowrap!important; } html body #siteRoot #mmxArchiveView #mmxStyleEmpty { min-height:92px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; margin:12px 0 4px!important; padding:14px!important; box-sizing:border-box!important; border:1px dashed rgba(190,89,255,.24)!important; border-radius:12px!important; background:rgba(12,14,27,.58)!important; color:#aeb2c1!important; font:800 11px/1.3 Inter,Arial,sans-serif!important; text-align:center!important; } html body #siteRoot #mmxArchiveView #mmxStyleEmpty[hidden] { display:none!important; } html body #siteRoot #mmxArchiveView #mmxStyleEmpty>svg { width:20px!important; height:20px!important; fill:none!important; stroke:#bd61f5!important; stroke-width:1.9!important; stroke-linecap:round!important; } html body #siteRoot #mmxArchiveView #mmxStyleReset { height:34px!important; padding:0 12px!important; border:1px solid rgba(200,98,255,.32)!important; border-radius:9px!important; background:rgba(132,32,211,.22)!important; color:#fff!important; font:900 9.5px/1 Inter,Arial,sans-serif!important; cursor:pointer!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .post.mmx-style-hidden { display:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .indexDownloadWrap { width:100%!important; height:auto!important; min-height:30px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin-top:7px!important; margin-bottom:2px!important; padding:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { width:auto!important; min-width:134px!important; max-width:100%!important; height:30px!important; min-height:30px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; margin:0 auto!important; padding:0 13px!important; box-sizing:border-box!important; border:1px solid rgba(192,93,255,.38)!important; border-radius:9px!important; background:linear-gradient(180deg,rgba(132,37,210,.28),rgba(72,18,129,.22))!important; color:#e8d8ff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.15)!important; font:900 8.5px/1 Inter,Arial,sans-serif!important; letter-spacing:.055em!important; text-decoration:none!important; white-space:nowrap!important; transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download:hover,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download:focus-visible { transform:translateY(-1px)!important; border-color:rgba(217,126,255,.60)!important; background:linear-gradient(180deg,rgba(159,48,236,.42),rgba(91,21,163,.34))!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 22px rgba(0,0,0,.20),0 0 16px rgba(143,37,238,.16)!important; outline:0!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download.is-locked { color:#bab5c4!important; border-color:rgba(255,255,255,.13)!important; background:rgba(255,255,255,.035)!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .mmx-download-ico { width:14px!important; height:14px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; } @media (max-width:1120px) { html body #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder { grid-template-columns:minmax(230px,.8fr) minmax(0,2.2fr)!important; } html body #siteRoot #mmxArchiveView #mmxStyleStatus { grid-column:1/-1!important; text-align:right!important; padding-right:3px!important; } } @media (max-width:860px) { html body #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder { grid-template-columns:minmax(0,1fr)!important; gap:8px!important; margin-bottom:12px!important; padding:9px!important; border-radius:11px!important; } html body #siteRoot #mmxArchiveView .mmx-style-chips { width:100%!important; margin:0!important; padding:0 0 2px!important; scroll-snap-type:x proximity!important; } html body #siteRoot #mmxArchiveView .mmx-style-chip { height:37px!important; padding:0 10px!important; scroll-snap-align:start!important; } html body #siteRoot #mmxArchiveView #mmxStyleStatus { grid-column:auto!important; text-align:left!important; padding:0 2px!important; } html body #siteRoot #mmxArchiveView #mmxStyleEmpty { min-height:78px!important; flex-wrap:wrap!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .indexDownloadWrap { justify-content:center!important; margin-top:5px!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { min-width:126px!important; height:28px!important; min-height:28px!important; padding:0 11px!important; font-size:8px!important; } } @media (max-width:380px) { html body #siteRoot #mmxArchiveView .mmx-style-chip small { display:none!important; } html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { min-width:116px!important; padding:0 9px!important; font-size:7.5px!important; } } @media (prefers-reduced-motion:reduce) { html body #siteRoot #mmxArchiveView .mmx-style-chip,html body #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-download { transition:none!important; } } html body #liveBox #mmxLiveVideoRoundFrameV2 { clip-path:none!important; -webkit-clip-path:none!important; -webkit-mask-image:none!important; mask-image:none!important; transform:none!important; -webkit-transform:none!important; contain:none!important; isolation:auto!important; background:transparent!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>#liveVideo { clip-path:none!important; -webkit-clip-path:none!important; -webkit-mask-image:none!important; mask-image:none!important; transform:none!important; -webkit-transform:none!important; object-fit:contain!important; background:#000!important; } html body #liveBox #mmxLiveVideoRoundFrameV2>.mmx-video-corner-mask { display:none!important; } .mmx-landscape-live-chat-head-v340 { display:none!important; } body.mmx-phone-landscape-live-v340 { overflow:hidden!important; overscroll-behavior:none!important; background:#02030a!important; } body.mmx-phone-landscape-live-v340 #siteRoot { width:100vw!important; height:100dvh!important; min-height:0!important; overflow:hidden!important; background:#02030a!important; } body.mmx-phone-landscape-live-v340 #mmxNeoTopbar,body.mmx-phone-landscape-live-v340 #topIcons,html body.mmx-phone-landscape-live-v340 #siteRoot>#mmxNeoTopbar,html body.mmx-phone-landscape-live-v340 #siteRoot>header#mmxNeoTopbar { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } body.mmx-phone-landscape-live-v340 #mmxNeoTopbar #mmxLiveCastBtnV1,body.mmx-phone-landscape-live-v340 #mmxNeoTopbar #mmxNeoMenuBtn,body.mmx-phone-landscape-live-v340 #mmxNeoTopbar #mmxNeoNav { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } body.mmx-phone-landscape-live-v340 header#mmxNeoTopbar,body.mmx-phone-landscape-live-v340 #siteRoot>header { display:none!important; visibility:hidden!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } body.mmx-phone-landscape-live-v340 #siteRoot>.container,body.mmx-phone-landscape-live-v340 #siteRoot .container,body.mmx-phone-landscape-live-v340 #siteRoot .container.mmx-live-page { position:fixed!important; inset:0!important; width:100vw!important; max-width:none!important; height:100dvh!important; min-height:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; overflow:hidden!important; background:#02030a!important; } body.mmx-phone-landscape-live-v340 #mmxLiveStage { position:fixed!important; left:0!important; top:0!important; right:auto!important; bottom:auto!important; z-index:2147483000!important; max-width:none!important; max-height:none!important; margin:0!important; padding:max(3px,env(safe-area-inset-top,0px)) max(3px,env(safe-area-inset-right,0px)) max(3px,env(safe-area-inset-bottom,0px)) max(3px,env(safe-area-inset-left,0px))!important; gap:4px!important; align-content:stretch!important; justify-content:stretch!important; place-content:stretch!important; box-sizing:border-box!important; overflow:hidden!important; background:#02030a!important; border:0!important; box-shadow:none!important; } body.mmx-phone-landscape-live-v340 #mmxLiveStage>.mmx-live-summary,body.mmx-phone-landscape-live-v340 #mmxLiveStage>.live-actions,body.mmx-phone-landscape-live-v340 #mmxLiveStage>#mmxNowPlayingStrip { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } body.mmx-phone-landscape-live-v340 #mmxLiveStage>.mmx-live-chat-shell { display:flex!important; flex-direction:column!important; min-width:0!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:9px!important; background:#070914!important; box-shadow:none!important; overflow:hidden!important; visibility:visible!important; opacity:1!important; z-index:20!important; } body.mmx-phone-landscape-live-v340 .mmx-landscape-live-chat-head-v340 { flex:0 0 40px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; height:40px!important; min-height:40px!important; max-height:40px!important; padding:0 11px!important; box-sizing:border-box!important; border-bottom:1px solid rgba(255,255,255,.08)!important; background:#090b17!important; color:#fff!important; } body.mmx-phone-landscape-live-v340 .mmx-landscape-live-chat-title-v340,body.mmx-phone-landscape-live-v340 .mmx-landscape-live-chat-count-v340 { display:inline-flex!important; align-items:center!important; gap:7px!important; min-width:0!important; } body.mmx-phone-landscape-live-v340 .mmx-live-chat-icon-v340 { position:relative!important; display:block!important; width:12px!important; height:12px!important; flex:0 0 12px!important; border:1.4px solid rgba(255,255,255,.92)!important; border-radius:50%!important; box-sizing:border-box!important; } body.mmx-phone-landscape-live-v340 .mmx-live-chat-icon-v340::before { content:""!important; position:absolute!important; left:1px!important; right:1px!important; top:50%!important; height:1px!important; background:rgba(255,255,255,.85)!important; transform:translateY(-50%)!important; } body.mmx-phone-landscape-live-v340 .mmx-live-chat-icon-v340::after { content:""!important; position:absolute!important; left:50%!important; top:1px!important; bottom:1px!important; width:4px!important; border-left:1px solid rgba(255,255,255,.75)!important; border-right:1px solid rgba(255,255,255,.75)!important; border-radius:50%!important; transform:translateX(-50%)!important; } body.mmx-phone-landscape-live-v340 .mmx-landscape-live-chat-title-v340 strong,body.mmx-phone-landscape-live-v340 .mmx-landscape-live-chat-count-v340 b { color:#fff!important; -webkit-text-fill-color:#fff!important; font:900 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; letter-spacing:.02em!important; white-space:nowrap!important; } body.mmx-phone-landscape-live-v340 .mmx-landscape-live-chat-count-v340 i { display:block!important; width:8px!important; height:8px!important; flex:0 0 8px!important; border-radius:50%!important; background:#42d85d!important; box-shadow:0 0 9px rgba(66,216,93,.46)!important; } body.mmx-phone-landscape-live-v340 #mmxLiveStage>.mmx-live-chat-shell>iframe[src="uzifal.php"] { flex:1 1 auto!important; display:block!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:#070914!important; visibility:visible!important; opacity:1!important; } body.mmx-phone-landscape-live-v340 #mmxLiveStage>#liveBox,body.mmx-phone-landscape-live-v340 #mmxLiveStage>.video-box { margin:0!important; padding:0!important; border:0!important; border-radius:9px!important; background:#000!important; box-shadow:none!important; overflow:hidden!important; visibility:visible!important; opacity:1!important; z-index:10!important; } body.mmx-phone-landscape-live-v340 #liveBox::before,body.mmx-phone-landscape-live-v340 #liveBox::after { content:none!important; display:none!important; } body.mmx-phone-landscape-live-v340 #liveBox .overlay { background:transparent!important; pointer-events:none!important; } body.mmx-phone-landscape-live-v340 #liveBox #mmxLiveVideoRoundFrameV2 { visibility:visible!important; opacity:1!important; } body.mmx-phone-landscape-live-v340 #mmxLiveStage>#liveBox,body.mmx-phone-landscape-live-v340 #mmxLiveStage>.mmx-live-chat-shell { align-self:stretch!important; justify-self:stretch!important; height:100%!important; min-height:0!important; max-height:100%!important; } body.mmx-phone-landscape-live-v340 #mmxLiveStage>#liveBox { width:100%!important; max-width:100%!important; aspect-ratio:auto!important; } body.mmx-phone-landscape-live-v340 #liveBox #mmxLiveVideoRoundFrameV2,body.mmx-phone-landscape-live-v340 #liveBox #mmxLiveVideoRoundFrameV2>#liveVideo { width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; } body.mmx-phone-landscape-live-v340 #liveBox #mmxLiveVideoRoundFrameV2>#liveVideo { object-fit:cover!important; object-position:center center!important; } html.mmx-perf-page-hidden *,html.mmx-perf-page-hidden *::before,html.mmx-perf-page-hidden *::after,.mmx-perf-offscreen,.mmx-perf-offscreen::before,.mmx-perf-offscreen::after,.mmx-perf-offscreen *,.mmx-perf-offscreen *::before,.mmx-perf-offscreen *::after { animation-play-state:paused!important; } .mmx-perf-offscreen { will-change:auto!important; } html body #liveBox #mmxLiveDvrV1 { grid-template-columns:44px 34px 76px minmax(74px,1fr) 64px 38px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; flex-basis:44px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 svg { width:20px!important; height:20px!important; } @media (max-width:520px) { html body #liveBox #mmxLiveDvrV1 { grid-template-columns:42px minmax(86px,1fr) 60px 36px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; max-width:42px!important; max-height:42px!important; flex-basis:42px!important; } } @media (max-width:390px) { html body #liveBox #mmxLiveDvrV1 { grid-template-columns:40px minmax(68px,1fr) 60px 34px!important; } html body #liveBox #mmxLiveDvrV1 #mmxLivePlayV1 { width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; max-width:40px!important; max-height:40px!important; flex-basis:40px!important; } } @media (min-width:861px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) { overflow-y:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot>.container,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container.mmx-live-page { position:relative!important; display:block!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage { display:grid!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.live-actions { display:none!important; visibility:hidden!important; width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>#liveBox,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.video-box { grid-area:video!important; align-self:stretch!important; justify-self:stretch!important; aspect-ratio:auto!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage #mmxLiveVideoRoundFrameV2 { position:absolute!important; inset:0!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage #liveVideo,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage #liveBox video { position:absolute!important; inset:0!important; object-fit:contain!important; object-position:center center!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-chat-shell { grid-area:chat!important; align-self:stretch!important; justify-self:stretch!important; position:relative!important; padding:0!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-chat-shell>iframe[src="uzifal.php"] { display:block!important; padding:0!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-summary { grid-area:summary!important; margin:0!important; padding:0 4px!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage .mmx-live-summary-copy { gap:3px!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage .mmx-live-summary-copy strong { font-size:18px!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>#mmxNowPlayingStrip { grid-area:now!important; width:100%!important; max-width:none!important; } } @media (min-width:861px) and (max-width:1180px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage { min-height:0!important; } } @media (min-width:861px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-chat-shell { display:flex!important; flex-direction:column!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-chat-shell>iframe[src="uzifal.php"] { position:relative!important; inset:auto!important; align-self:stretch!important; } } @media (min-width:861px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) { --mmx-web-live-head-h:60px; width:100%!important; max-width:100%!important; min-width:0!important; overflow-x:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot>#login.loginbar,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #login.loginbar { display:none!important; visibility:hidden!important; width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>*,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #liveBox,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) .mmx-live-chat-shell,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) .mmx-live-chat-shell>iframe[src="uzifal.php"] { box-sizing:border-box!important; min-width:0!important; max-width:100%!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot>.container,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container.mmx-live-page { box-sizing:border-box!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot>.container,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container.mmx-live-page { width:100vw!important; max-width:100vw!important; min-width:0!important; height:calc(100dvh - var(--mmx-web-live-head-h,60px))!important; min-height:0!important; margin:0!important; padding:8px 10px 10px!important; overflow:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage { width:100%!important; max-width:100%!important; min-width:0!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:0!important; padding:0!important; grid-template-columns:minmax(0,1fr) clamp(350px,26vw,500px)!important; grid-template-rows:minmax(0,1fr) 52px 40px!important; grid-template-areas:"video chat""summary chat""now chat"!important; gap:8px 10px!important; align-items:stretch!important; align-content:stretch!important; overflow:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>#liveBox,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.video-box,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-chat-shell { width:100%!important; max-width:100%!important; min-width:0!important; height:100%!important; max-height:100%!important; min-height:0!important; margin:0!important; overflow:hidden!important; contain:layout paint!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-chat-shell>iframe[src="uzifal.php"] { flex:1 1 auto!important; width:100%!important; max-width:100%!important; min-width:0!important; height:100%!important; max-height:100%!important; min-height:0!important; margin:0!important; border:0!important; overflow:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage #mmxLiveVideoRoundFrameV2,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage #liveVideo,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage #liveBox video { box-sizing:border-box!important; width:100%!important; max-width:100%!important; height:100%!important; max-height:100%!important; min-width:0!important; min-height:0!important; overflow:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-summary { height:52px!important; min-height:52px!important; max-height:52px!important; overflow:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>#mmxNowPlayingStrip { height:40px!important; min-height:40px!important; max-height:40px!important; margin:0!important; padding:0 4px!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; overflow:hidden!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>#mmxNowPlayingStrip::before,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>#mmxNowPlayingStrip::after { display:none!important; content:none!important; } } @media (min-width:861px) and (max-width:1180px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) { overflow-y:auto!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot>.container,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container.mmx-live-page { width:100%!important; max-width:100%!important; height:auto!important; min-height:calc(100dvh - var(--mmx-web-live-head-h,60px))!important; padding:8px 10px 24px!important; overflow:visible!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage { height:auto!important; max-height:none!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto 52px 40px minmax(500px,68dvh)!important; grid-template-areas:"video""summary""now""chat"!important; gap:8px!important; overflow:visible!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>#liveBox,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.video-box { height:auto!important; max-height:none!important; aspect-ratio:16/9!important; } html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #mmxLiveStage>.mmx-live-chat-shell { height:min(680px,68dvh)!important; min-height:500px!important; max-height:none!important; } } @media (min-width:861px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active #siteRoot #login.loginbar,html body:has(#mmxLiveStage.is-online) #siteRoot #login.loginbar,html body.mmx-live-active #login.loginbar,html body:has(#mmxLiveStage.is-online) #login.loginbar { display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; min-width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } html body #siteRoot #mmxLiveStage.is-online>#mmxNowPlayingStrip { position:relative!important; inset:auto!important; display:flex!important; align-items:center!important; gap:8px!important; width:100%!important; max-width:100%!important; min-width:0!important; height:28px!important; min-height:28px!important; max-height:28px!important; margin:0!important; padding:0 4px!important; box-sizing:border-box!important; background:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; filter:none!important; transform:none!important; overflow:hidden!important; z-index:1!important; pointer-events:none!important; } html body #siteRoot #mmxLiveStage.is-online>#mmxNowPlayingStrip::before,html body #siteRoot #mmxLiveStage.is-online>#mmxNowPlayingStrip::after { content:none!important; display:none!important; width:0!important; height:0!important; background:none!important; } } @media (min-width:1181px) and (hover:hover) and (pointer:fine) { html body #siteRoot #mmxLiveStage.is-online { display:grid!important; grid-template-columns:minmax(0,1fr) clamp(350px,26vw,500px)!important; grid-template-rows:minmax(0,1fr) 52px 28px!important; grid-template-areas:"video chat""summary .""now ."!important; gap:8px 10px!important; align-items:stretch!important; align-content:stretch!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage.is-online>#liveBox,html body #siteRoot #mmxLiveStage.is-online>.video-box { grid-area:video!important; align-self:stretch!important; justify-self:stretch!important; width:100%!important; max-width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; aspect-ratio:auto!important; margin:0!important; box-sizing:border-box!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage.is-online>.mmx-live-chat-shell { grid-area:chat!important; grid-row:1/2!important; align-self:stretch!important; justify-self:stretch!important; position:relative!important; display:flex!important; flex-direction:column!important; width:100%!important; max-width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:0!important; padding:0!important; box-sizing:border-box!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage.is-online>.mmx-live-chat-shell>iframe[src="uzifal.php"] { position:relative!important; inset:auto!important; flex:1 1 auto!important; align-self:stretch!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:0!important; padding:0!important; box-sizing:border-box!important; border:0!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage.is-online>.mmx-live-summary { grid-area:summary!important; height:52px!important; min-height:52px!important; max-height:52px!important; margin:0!important; overflow:hidden!important; } html body #siteRoot #mmxLiveStage.is-online>#mmxNowPlayingStrip { grid-area:now!important; } } @media (min-width:1181px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online { row-gap:0!important; column-gap:10px!important; } html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online>.mmx-live-summary { grid-area:summary!important; position:relative!important; inset:auto!important; display:flex!important; align-items:flex-start!important; justify-content:flex-start!important; width:100%!important; height:70px!important; min-height:70px!important; max-height:70px!important; margin:0!important; padding:15px 4px 0!important; box-sizing:border-box!important; overflow:hidden!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important; z-index:auto!important; } html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online>.mmx-live-summary .mmx-live-summary-copy { display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; gap:5px!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online>.mmx-live-summary .mmx-live-summary-copy small { display:block!important; margin:0!important; padding:0!important; line-height:1!important; } html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online>.mmx-live-summary .mmx-live-summary-copy strong { display:block!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; line-height:1.12!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online>.mmx-live-summary .mmx-live-summary-copy>span { display:none!important; visibility:hidden!important; } html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online>#mmxNowPlayingStrip { grid-area:now!important; position:relative!important; inset:auto!important; display:flex!important; align-items:center!important; width:100%!important; height:30px!important; min-height:30px!important; max-height:30px!important; margin:0!important; padding:0 4px!important; box-sizing:border-box!important; background:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; outline:0!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; filter:none!important; transform:none!important; overflow:hidden!important; z-index:auto!important; } } html body #liveBox #mmxNeoMenuBtn { display:none!important; visibility:hidden!important; pointer-events:none!important; } @media (max-width:980px) { html body #siteRoot #mmxLiveStage.is-online #liveBox #mmxLiveMixNameV1,html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox #mmxLiveMixNameV1 { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; transform:none!important; -webkit-transform:none!important; } } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 { height:27px!important; border:1px solid rgba(255,255,255,.24)!important; border-radius:8px!important; background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),rgba(7,9,16,.32)!important; box-shadow:0 4px 14px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10)!important; -webkit-backdrop-filter:blur(9px) saturate(1.12)!important; backdrop-filter:blur(9px) saturate(1.12)!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-live-label-v332 { min-width:45px!important; padding:0 9px!important; background:linear-gradient(180deg,rgba(255,66,96,.76),rgba(224,25,59,.64))!important; border-right:1px solid rgba(255,255,255,.16)!important; text-shadow:0 1px 2px rgba(0,0,0,.24)!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-viewers-v332 { min-width:39px!important; gap:4px!important; padding:0 8px!important; border-left:0!important; background:rgba(5,7,13,.22)!important; text-shadow:0 1px 2px rgba(0,0,0,.28)!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-viewers-v332 svg { opacity:.91!important; filter:drop-shadow(0 1px 1px rgba(0,0,0,.20))!important; } @media (max-width:860px) { html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 { left:9px!important; top:9px!important; height:24px!important; border-radius:7px!important; background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),rgba(7,9,16,.28)!important; box-shadow:0 3px 10px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.09)!important; -webkit-backdrop-filter:blur(8px) saturate(1.08)!important; backdrop-filter:blur(8px) saturate(1.08)!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-live-label-v332 { min-width:40px!important; padding:0 8px!important; font-size:9.5px!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-viewers-v332 { min-width:34px!important; gap:3px!important; padding:0 7px!important; font-size:9.5px!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 .mmx-fb-viewers-v332 svg { flex-basis:12px!important; width:12px!important; height:12px!important; } html body.mmx-live-active #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332 #viewerCount { font-size:9.5px!important; } } html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage>.mmx-live-summary,html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage>.live-actions,html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage>#mmxNowPlayingStrip { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; position:absolute!important; left:-200vw!important; top:-200vh!important; width:0!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; z-index:-1!important; } html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage { grid-auto-flow:column!important; grid-auto-columns:0!important; grid-auto-rows:0!important; } html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage>#liveBox,html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage>.mmx-live-chat-shell { box-sizing:border-box!important; contain:layout paint!important; } html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage>.mmx-live-chat-shell { border-radius:8px!important; } html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage>#liveBox { border-radius:8px!important; } @media (max-width:980px) { html body.mmx-phone-touch-cast-v351 #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1,html body.mmx-phone-touch-cast-v351.mmx-cast-route-available #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1 { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } } #mmxVideoCastBtnV351 { display:none; } html body.mmx-phone-touch-cast-v351[data-mmx-live="1"][data-mmx-view="live"] #siteRoot #mmxLiveStage #liveBox>#mmxVideoCastBtnV351 { position:absolute!important; top:max(9px,env(safe-area-inset-top,0px))!important; right:max(9px,env(safe-area-inset-right,0px))!important; left:auto!important; bottom:auto!important; z-index:2147482900!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.24)!important; border-radius:12px!important; color:#fff!important; background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.045)),rgba(7,9,16,.34)!important; box-shadow:0 7px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important; -webkit-backdrop-filter:blur(14px) saturate(1.22)!important; backdrop-filter:blur(14px) saturate(1.22)!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; cursor:pointer!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; transform:none!important; } html body.mmx-phone-touch-cast-v351 #mmxVideoCastBtnV351 svg { display:block!important; width:23px!important; height:23px!important; fill:none!important; stroke:currentColor!important; stroke-width:2.05!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } html body.mmx-phone-touch-cast-v351 #mmxVideoCastBtnV351:active { transform:scale(.92)!important; } html body.mmx-phone-touch-cast-v351 #mmxVideoCastBtnV351.is-loading svg { animation:mmxLiveCastPulseV1 .78s ease-in-out infinite alternate!important; } html body.mmx-phone-touch-cast-v351 #mmxVideoCastBtnV351.is-casting { background:linear-gradient(180deg,rgba(72,207,255,.94),rgba(0,143,213,.88))!important; } html body.mmx-phone-touch-cast-v351 #mmxVideoCastBtnV351.is-error { background:linear-gradient(180deg,rgba(255,74,96,.94),rgba(191,20,48,.88))!important; } html body.mmx-phone-landscape-live-v340 #siteRoot #mmxLiveStage #liveBox>#mmxVideoCastBtnV351 { top:max(8px,env(safe-area-inset-top,0px))!important; right:max(8px,env(safe-area-inset-right,0px))!important; width:36px!important; height:36px!important; min-width:36px!important; min-height:36px!important; border-radius:11px!important; } html body.mmx-phone-landscape-live-v340 #mmxVideoCastBtnV351 svg { width:21px!important; height:21px!important; } html body #siteRoot #mmxNeoTopbar #mmxLiveCastBtnV1,html body #siteRoot #mmxNeoTopbar .mmx-live-cast-btn-v1 { display:none!important; } html body #liveBox #mmxLiveCastBtnV1,html body #liveBox .mmx-live-cast-btn-v1,html body #liveBox #mmxLiveCastBtnV1.mmx-video-cast-btn { position:absolute!important; left:auto!important; top:10px!important; right:10px!important; bottom:auto!important; z-index:214748320!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; cursor:pointer!important; transform:none!important; -webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important; } html body #liveBox #mmxLiveCastBtnV1 svg,html body #liveBox .mmx-live-cast-btn-v1 svg { display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:1.95!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } html body #liveBox #mmxLiveCastBtnV1 .dot,html body #liveBox .mmx-live-cast-btn-v1 .dot { fill:currentColor!important; stroke:none!important; } html body #liveBox #mmxLiveCastBtnV1 .mmx-live-cast-text-v1,html body #liveBox .mmx-live-cast-btn-v1 .mmx-live-cast-text-v1 { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; } html body #liveBox #mmxLiveCastBtnV1:hover,html body #liveBox #mmxLiveCastBtnV1:focus-visible,html body #liveBox .mmx-live-cast-btn-v1:hover,html body #liveBox .mmx-live-cast-btn-v1:focus-visible { border-color:rgba(133,224,255,.50)!important; } html body #liveBox .mmx-live-cast-btn-v1.is-loading { background:rgba(23,28,48,.52)!important; } html body #liveBox #mmxLiveCastBtnV1.is-casting { border-color:rgba(170,235,255,.72)!important; } html body #liveBox .mmx-live-cast-btn-v1.is-casting { background:rgba(0,170,255,.82)!important; border-color:rgba(170,235,255,.72)!important; } html body #liveBox #mmxLiveCastBtnV1.is-error { border-color:rgba(255,212,219,.70)!important; } html body #liveBox .mmx-live-cast-btn-v1.is-error { background:rgba(213,42,67,.86)!important; border-color:rgba(255,212,219,.70)!important; } @media (max-width:860px) { html body #liveBox #mmxLiveCastBtnV1,html body #liveBox .mmx-live-cast-btn-v1,html body #liveBox #mmxLiveCastBtnV1.mmx-video-cast-btn { border-radius:11px!important; } } body.mmx-phone-landscape-live-v340 #liveBox #mmxLiveCastBtnV1,body.mmx-phone-landscape-live-v340 #liveBox .mmx-live-cast-btn-v1 { left:auto!important; right:8px!important; top:8px!important; z-index:214748330!important; } html body #liveBox #mmxLiveCastBtnV1,html body #liveBox .mmx-live-cast-btn-v1,html body #liveBox #mmxLiveCastBtnV1.mmx-video-cast-btn { width:34px!important; min-width:34px!important; height:34px!important; min-height:34px!important; padding:4px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; color:#fff!important; text-shadow:0 2px 6px rgba(0,0,0,.85)!important; } html body #liveBox #mmxLiveCastBtnV1:hover,html body #liveBox #mmxLiveCastBtnV1:focus-visible,html body #liveBox .mmx-live-cast-btn-v1:hover,html body #liveBox .mmx-live-cast-btn-v1:focus-visible,html body #liveBox #mmxLiveCastBtnV1.is-loading,html body #liveBox #mmxLiveCastBtnV1.is-casting,html body #liveBox #mmxLiveCastBtnV1.is-error { border:0!important; background:transparent!important; box-shadow:none!important; outline:0!important; } html body #liveBox #mmxLiveCastBtnV1 svg,html body #liveBox .mmx-live-cast-btn-v1 svg { width:26px!important; height:26px!important; filter:drop-shadow(0 2px 4px rgba(0,0,0,.82))!important; } html body:not(.mmx-live-active) #mmxLiveCastBtnV1,html body:not([data-mmx-view="live"]) #mmxLiveCastBtnV1,html body.mmx-live-minimized #mmxLiveCastBtnV1,html body:not(.mmx-cast-route-available) #mmxLiveCastBtnV1,html body #mmxLiveCastBtnV1[hidden] { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } @media (max-width:860px) { html body #liveBox #mmxLiveCastBtnV1,html body #liveBox .mmx-live-cast-btn-v1,html body #liveBox #mmxLiveCastBtnV1.mmx-video-cast-btn { left:auto!important; right:8px!important; top:8px!important; width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; padding:3px!important; } html body #liveBox #mmxLiveCastBtnV1 svg,html body #liveBox .mmx-live-cast-btn-v1 svg { width:25px!important; height:25px!important; } } html body.mmx-layout-desktop[data-mmx-view="archive"] #siteRoot .container,html body[data-mmx-layout="desktop"][data-mmx-view="archive"] #siteRoot .container { padding-top:6px!important; } html body[data-mmx-view="archive"] #siteRoot #mmxArchiveView { margin-top:0!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder,html body[data-mmx-layout="desktop"][data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder.mmx-style-finder { position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chips,html body[data-mmx-layout="desktop"][data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chips { width:auto!important; max-width:calc(100% - 90px)!important; flex:0 1 auto!important; flex-wrap:nowrap!important; justify-content:center!important; margin:0 auto!important; overflow-x:auto!important; overflow-y:hidden!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip,html body[data-mmx-layout="desktop"][data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-chip { flex:0 0 auto!important; } html body.mmx-layout-desktop[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-status,html body[data-mmx-layout="desktop"][data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxStyleFinder .mmx-style-status { position:absolute!important; right:12px!important; margin:0!important; } html body[data-mmx-view="archive"] #mmxArchiveGrid .post>.title+.btn-container { margin-top:6px!important; margin-bottom:6px!important; } html body[data-mmx-view="archive"] #mmxArchiveGrid .post>.btn-container+.meta { margin-top:0!important; margin-bottom:11px!important; } html body.mmx-layout-mobile #siteRoot>#login.loginbar,html body[data-mmx-layout="mobile"] #siteRoot>#login.loginbar { display:none!important; position:fixed!important; inset:auto!important; width:0!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transform:none!important; background:transparent!important; border:0!important; box-shadow:none!important; } @media (max-width:860px) { html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .post { grid-template-rows:28px 29px 16px!important; row-gap:3px!important; min-height:79px!important; align-content:start!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .title { grid-column:2!important; grid-row:1!important; order:1!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { grid-column:2!important; grid-row:2!important; order:2!important; align-self:start!important; width:100%!important; height:29px!important; min-height:29px!important; margin:0!important; padding:0!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta { grid-column:2!important; grid-row:3!important; order:3!important; height:16px!important; min-height:16px!important; margin:0!important; padding:0!important; line-height:16px!important; align-items:center!important; overflow:visible!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-part,html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-comments { min-height:16px!important; line-height:16px!important; align-items:center!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-comments svg { width:14px!important; height:14px!important; flex:0 0 14px!important; } } @media (max-width:360px) { html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .post { grid-template-rows:26px 27px 15px!important; row-gap:2px!important; min-height:72px!important; align-content:start!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .btn-container { height:27px!important; min-height:27px!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta { height:15px!important; min-height:15px!important; line-height:15px!important; overflow:visible!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-part,html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-comments { min-height:15px!important; line-height:15px!important; } html body.mmx-layout-mobile[data-mmx-view="archive"] #siteRoot #mmxArchiveView #mmxArchiveGrid .meta-comments svg { width:13px!important; height:13px!important; flex-basis:13px!important; } } @media (max-width:860px) and (orientation:portrait) { html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot,html body.mmx-layout-mobile[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot { width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot>.container,html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container,html body.mmx-live-active.mmx-layout-mobile[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container.mmx-live-page { position:relative!important; left:0!important; right:auto!important; top:0!important; display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; height:100dvh!important; min-height:0!important; margin:0!important; padding:var(--mmx-mobile-head-h,52px)0 0!important; box-sizing:border-box!important; overflow:hidden!important; transform:none!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container>#mmxLiveStage,html body.mmx-live-active[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container.mmx-live-page>#mmxLiveStage,html body.mmx-live-active.mmx-layout-mobile[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot .container.mmx-live-page>#mmxLiveStage { position:relative!important; inset:auto!important; left:0!important; top:0!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; width:100%!important; max-width:100%!important; min-width:0!important; height:calc(100dvh - var(--mmx-mobile-head-h,52px))!important; min-height:0!important; max-height:calc(100dvh - var(--mmx-mobile-head-h,52px))!important; margin:0!important; padding:0 0 env(safe-area-inset-bottom,0px)!important; box-sizing:border-box!important; gap:0!important; grid-template-columns:none!important; grid-template-rows:none!important; grid-template-areas:none!important; grid-auto-flow:row!important; grid-auto-columns:auto!important; grid-auto-rows:auto!important; overflow:hidden!important; transform:none!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>#liveBox,html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>.video-box { order:1!important; position:relative!important; inset:auto!important; display:block!important; flex:0 0 auto!important; align-self:stretch!important; justify-self:auto!important; grid-area:auto!important; grid-column:auto!important; grid-row:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:16/9!important; margin:0!important; padding:0!important; box-sizing:border-box!important; overflow:hidden!important; transform:none!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>#liveBox #mmxLiveVideoRoundFrameV2,html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>#liveBox #liveVideo,html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>#liveBox video { position:absolute!important; inset:0!important; display:block!important; width:100%!important; max-width:100%!important; min-width:100%!important; height:100%!important; max-height:100%!important; min-height:100%!important; margin:0!important; object-fit:contain!important; object-position:center!important; transform:none!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>.mmx-live-summary,html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>.live-actions { display:none!important; visibility:hidden!important; flex:0 0 0!important; width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>.mmx-live-chat-shell { order:3!important; position:relative!important; inset:auto!important; display:block!important; flex:1 1 0!important; align-self:stretch!important; justify-self:auto!important; grid-area:auto!important; grid-column:auto!important; grid-row:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; box-sizing:border-box!important; overflow:hidden!important; transform:none!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>.mmx-live-chat-shell>iframe[src*="uzifal.php"] { position:absolute!important; inset:0!important; display:block!important; width:100%!important; max-width:100%!important; min-width:100%!important; height:100%!important; max-height:100%!important; min-height:100%!important; margin:0!important; padding:0!important; border:0!important; transform:none!important; } html body[data-mmx-view="live"]:not(.mmx-phone-landscape-live-v340) #siteRoot #mmxLiveStage>#mmxNowPlayingStrip { order:4!important; position:relative!important; inset:auto!important; display:flex!important; flex:0 0 var(--mmx-mobile-now-h,44px)!important; align-self:stretch!important; grid-area:auto!important; grid-column:auto!important; grid-row:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; height:var(--mmx-mobile-now-h,44px)!important; min-height:var(--mmx-mobile-now-h,44px)!important; max-height:var(--mmx-mobile-now-h,44px)!important; margin:0!important; box-sizing:border-box!important; transform:none!important; } } @media (max-width:980px),(pointer:coarse) { html body[data-mmx-view="live"][data-mmx-live="1"] #mmxNeoTopbar .mmx-neo-live-link.mmx-live-running,html body[data-mmx-view="live"][data-mmx-live="1"] #mmxNeoTopbar .mmx-nav-live-state.is-on,html body[data-mmx-view="live"][data-mmx-live="1"] #siteRoot #mmxLiveStage #liveBox #mmxLiveCastBtnV1,html body[data-mmx-view="live"][data-mmx-live="1"] #siteRoot #mmxLiveStage #liveBox .mmx-live-cast-btn-v1,html body[data-mmx-view="live"][data-mmx-live="1"].mmx-phone-touch-cast-v351 #mmxVideoCastBtnV351 { animation:none!important; } html body[data-mmx-view="live"][data-mmx-live="1"] #siteRoot #mmxLiveStage #liveBox>.mmx-fb-live-hud-v332,html body[data-mmx-view="live"][data-mmx-live="1"] #siteRoot #mmxLiveStage #liveBox #mmxLiveCastBtnV1,html body[data-mmx-view="live"][data-mmx-live="1"] #siteRoot #mmxLiveStage #liveBox .mmx-live-cast-btn-v1,html body[data-mmx-view="live"][data-mmx-live="1"].mmx-phone-touch-cast-v351 #mmxVideoCastBtnV351 { -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } } @media (min-width:1181px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online { grid-template-rows:minmax(0,1fr) 70px!important; grid-template-areas:"video chat""summary ."!important; } } @media (min-width:861px) and (max-width:1180px) and (hover:hover) and (pointer:fine) { html body.mmx-live-active[data-mmx-view="live"] #siteRoot #mmxLiveStage.is-online { grid-template-rows:auto 52px minmax(500px,68dvh)!important; grid-template-areas:"video""summary""chat"!important; } } html body #mmxReplyBell { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 42px; width:42px; height:42px; min-width:42px; margin:0; padding:9px; box-sizing:border-box; border:1px solid rgba(255,255,255,.2); border-radius:13px; background:#161b25; color:#ecf4ff; cursor:pointer; box-shadow:none; line-height:1; overflow:visible; } html body #mmxReplyBell:hover,html body #mmxReplyBell:focus-visible { border-color:#71ccff; background:#222d3c; outline:2px solid transparent; } html body #mmxReplyBell.has-unread { color:#85d5ff; border-color:rgba(90,195,255,.6); } html body #mmxReplyBell svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } html body #mmxReplyBadge { position:absolute; top:-5px; right:-5px; display:inline-flex; align-items:center; justify-content:center; min-width:19px; height:19px; padding:0 4px; box-sizing:border-box; border:2px solid #111722; border-radius:20px; background:#e93847; color:white; font:700 11px/1 Arial,sans-serif; } html body #mmxReplyBadge[hidden],html body #mmxReplyPanel[hidden] { display:none!important; } html body #mmxReplyPanel { position:fixed; z-index:1000001; display:flex; flex-direction:column; box-sizing:border-box; overflow:hidden; border:1px solid #354456; border-radius:16px; background:#111823; color:#edf3fa; box-shadow:0 18px 55px rgba(0,0,0,.65); font:14px/1.4 Arial,sans-serif; text-align:left; } #mmxReplyPanel .mmx-reply-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid #2c3747; } #mmxReplyPanel .mmx-reply-head strong { font-size:16px; } #mmxReplyClose { width:32px; height:32px; padding:0; border:0; border-radius:9px; background:#253142; color:white; font-size:24px; cursor:pointer; } #mmxReplyPanel .mmx-reply-toolbar { padding:8px 14px; } #mmxReplyMarkAll { padding:5px 0; border:0; background:transparent; color:#8ed3ff; font-size:12px; font-weight:700; cursor:pointer; } #mmxReplyMarkAll:disabled { opacity:.45; cursor:default; } #mmxReplyList { min-height:0; overflow:auto; overscroll-behavior:contain; } #mmxReplyPanel .mmx-reply-item { display:flex; flex-direction:column; gap:4px; padding:13px 14px; border-top:1px solid #273241; background:transparent; color:#edf3fa; text-decoration:none; word-break:break-word; } #mmxReplyPanel .mmx-reply-item.is-unread { background:#1b2c40; border-left:3px solid #61bfff; padding-left:11px; } #mmxReplyPanel .mmx-reply-item:hover,#mmxReplyPanel .mmx-reply-item:focus-visible { background:#263c54; outline:0; } #mmxReplyPanel .mmx-reply-from { font-size:13px; } #mmxReplyPanel .mmx-reply-mix { color:#83c7f6; font-size:12px; } #mmxReplyPanel .mmx-reply-snippet { color:#dce5ef; white-space:pre-wrap; } #mmxReplyPanel .mmx-reply-time { color:#a2b2c7; font-size:11px; } #mmxReplyPanel .mmx-reply-empty { padding:24px 16px; color:#a5b5c7; text-align:center; } #mmxReplyStatus:empty { display:none; } #mmxReplyStatus { padding:10px 14px; color:#ffb1b7; font-size:12px; } .videoTopBar #mmxReplyBell { margin-left:auto; } @media (prefers-reduced-motion:reduce) { #mmxReplyPanel * { scroll-behavior:auto!important; } } } .mmx-language-slot { position:relative; display:flex; align-items:center; flex:0 0 auto; z-index:10030; margin-left:auto; margin-right:10px; } .mmx-language-picker { position:relative; display:block; flex:0 0 auto; color:var(--text,var(--mmx-text,#f5f5f5)); font-family:inherit; z-index:10030; } .mmx-language-picker>summary { display:flex; align-items:center; justify-content:center; gap:5px; box-sizing:border-box; min-height:36px; padding:7px 9px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(255,255,255,.05); cursor:pointer; list-style:none; font-size:12px; font-weight:800; letter-spacing:.02em; line-height:1; color:inherit; user-select:none; } .mmx-language-picker>summary::-webkit-details-marker { display:none; } .mmx-language-picker>summary:focus-visible { outline:2px solid #ef4444; outline-offset:3px; } .mmx-language-picker>summary>svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; flex:0 0 auto; } .mmx-language-picker>summary>.mmx-language-chevron { width:11px; height:11px; } .mmx-language-picker[open]>summary { border-color:#ef4444; background:rgba(239,68,68,.12); } .mmx-language-popover { position:absolute; right:0; top:calc(100% + 8px); box-sizing:border-box; width:242px; max-width:calc(100vw - 24px); padding:14px; border-radius:13px; border:1px solid rgba(255,255,255,.17); background:#141b1b; color:#f5f5f5; box-shadow:0 18px 50px rgba(0,0,0,.5); display:flex; flex-direction:column; gap:8px; font-size:13px; line-height:1.4; } .mmx-language-popover label { font-weight:750; color:inherit; } .mmx-language-popover select { display:block; box-sizing:border-box; width:100%; min-height:40px; padding:8px 10px; border:1px solid rgba(255,255,255,.25); border-radius:8px; background:#232c2c; color:#fff; font:inherit; cursor:pointer; outline:none; } .mmx-language-popover select:focus { border-color:#ef4444; } .mmx-language-popover small { font-size:11px; color:#bbc4c4; } .mmx-language-popover .mmx-geo-credit { font-size:10px; color:#93a4a4; text-decoration:none; } .mmx-language-popover .mmx-geo-credit:hover { text-decoration:underline; } html[data-theme="light"] .mmx-language-picker>summary,html[data-mmx-theme="light"] .mmx-language-picker>summary { color:#152626; background:rgba(0,0,0,.035); border-color:rgba(0,0,0,.16); } html[data-theme="light"] .mmx-language-popover,html[data-mmx-theme="light"] .mmx-language-popover { color:#152626; background:#fff; border-color:#d8e2e2; } html[data-theme="light"] .mmx-language-popover select,html[data-mmx-theme="light"] .mmx-language-popover select { background:#f1f5f5; color:#152626; border-color:#bdcece; } html[data-theme="light"] .mmx-language-popover small,html[data-mmx-theme="light"] .mmx-language-popover small { color:#4b6060; } .videoTopBar>.mmx-language-picker { margin-left:auto; margin-right:0; } @media (max-width:760px) { .mmx-language-slot { margin-right:5px; } .mmx-language-picker>summary { min-height:32px; padding:6px 7px; gap:4px; } .mmx-language-picker>summary>.mmx-language-chevron { display:none; } .mmx-language-popover { width:226px; } .videoTopBar { flex-wrap:wrap; } .videoTopBar>.mmx-language-picker { margin-left:auto; } .topbar-note { display:none!important; } } #mmxMaintenanceToggle[hidden] { display:none!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-field { grid-column:1/-1!important; display:flex!important; flex-direction:column!important; gap:7px!important; min-width:0!important; max-width:100%!important; padding:10px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:12px!important; background:rgba(255,255,255,.045)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-field>label { display:block!important; color:inherit!important; font-size:11px!important; letter-spacing:.02em!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-controls { display:flex!important; align-items:center!important; gap:10px!important; flex-wrap:wrap!important; min-width:0!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-preview { width:60px!important; height:60px!important; max-width:60px!important; flex:0 0 60px!important; border-radius:8px!important; object-fit:cover!important; display:block!important; border:1px solid rgba(255,255,255,.2)!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-preview[hidden],#siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-remove[hidden] { display:none!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-controls input[type="file"] { flex:1 1 160px!important; width:auto!important; min-width:140px!important; max-width:100%!important; padding:9px!important; font-size:12px!important; letter-spacing:normal!important; text-transform:none!important; background:rgba(255,255,255,.08)!important; color:inherit!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-remove { padding:9px 12px!important; border:1px solid rgba(255,255,255,.2)!important; border-radius:8px!important; background:rgba(130,20,35,.3)!important; color:inherit!important; cursor:pointer!important; font-weight:700!important; } #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-field>small { font-size:11px!important; line-height:1.4!important; color:inherit!important; opacity:.72!important; } @media (max-width:760px) { #siteRoot #mmxLiveStage .mmx-live-schedule-section .mmx-live-schedule-cover-field { grid-column:1/-1!important; } } body #mmxLiveStage.is-offline .mmx-offline-mobile-bands #mmxMobileScheduleBands { position:relative!important; z-index:2!important; } html body #mmxNeoSidebar .side-account .account-icon { overflow:hidden!important; flex:0 0 33px!important; } html body #mmxNeoSidebar .side-account .account-icon .mmx-profile-avatar { display:block; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:50%; background:#161a27; } html body #mmxNeoSidebar .side-account .account-icon .mmx-avatar-fallback { width:100%; height:100%; place-items:center; } html body #mmxNeoSidebar .side-account .account-icon .mmx-avatar-fallback[style*="block"] { display:grid!important; } @media (max-width:760px) { html body.mmx-modern #mmxNeoSidebar .side-mini-links #mmxThemeToggle.mmx-theme-sidebar-control { display:flex!important; box-sizing:border-box!important; flex:0 0 auto!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; min-width:0!important; height:44px!important; min-height:44px!important; padding:0 12px!important; gap:12px!important; border-radius:11px!important; text-align:left!important; } html body.mmx-modern #mmxNeoSidebar #mmxThemeToggle .mmx-theme-sidebar-label { display:inline!important; font:inherit!important; white-space:nowrap!important; } html body.mmx-modern #mmxNeoTopbar .mobile-brand { min-width:0!important; flex:0 1 auto!important; } html body.mmx-modern #mmxNeoTopbar .mobile-brand .brand-copy { min-width:0!important; overflow:hidden!important; } html body.mmx-modern #mmxNeoTopbar .mobile-brand .mmx-brand-wordmark { max-width:100%!important; } } /* MMX_LIVE_MOBILE_CHAT_IME_V2: only the chat gives space to the keyboard. Focus alone never changes layout; the video and title keep their size/order. */ @layer mmx-modern { @media (max-width:1280px) { html[data-mmx-skin="modern"]:has(body.mmx-live-chat-keyboard), body.mmx-modern.mmx-live-chat-keyboard { height:var(--mmx-live-visible-height,100dvh)!important; min-height:0!important; max-height:var(--mmx-live-visible-height,100dvh)!important; overflow:hidden!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard nav.mobile-bottom-nav { display:none!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard:not(.mmx-live-chat-landscape):not(.mmx-phone-landscape-live-v340):has(#mmxLiveStage.is-online) #siteRoot.main-shell { position:fixed!important; top:var(--mmx-live-visible-top,0px)!important; left:0!important; right:0!important; height:var(--mmx-live-visible-height,100dvh)!important; min-height:0!important; max-height:var(--mmx-live-visible-height,100dvh)!important; padding-bottom:0!important; overflow:hidden!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard:not(.mmx-live-chat-landscape):not(.mmx-phone-landscape-live-v340):has(#mmxLiveStage.is-online) #siteRoot>.container { display:flex!important; flex-direction:column!important; flex:1 1 0%!important; height:auto!important; min-height:0!important; max-height:100%!important; overflow:hidden!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard:not(.mmx-live-chat-landscape):not(.mmx-phone-landscape-live-v340):has(#mmxLiveStage.is-online) #siteRoot #mmxLiveStage.is-online { display:flex!important; flex-direction:column!important; flex:1 1 0%!important; height:auto!important; max-height:100%!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard:not(.mmx-live-chat-landscape):not(.mmx-phone-landscape-live-v340):has(#mmxLiveStage.is-online) #siteRoot #mmxLiveStage.is-online>#liveBox { order:1!important; display:block!important; flex:0 0 var(--mmx-live-video-height,auto)!important; height:var(--mmx-live-video-height,auto)!important; min-height:0!important; max-height:none!important; aspect-ratio:16/9!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard:not(.mmx-live-chat-landscape):not(.mmx-phone-landscape-live-v340):has(#mmxLiveStage.is-online) #siteRoot #mmxLiveStage.is-online>.mmx-live-summary { order:2!important; display:flex!important; flex:0 0 var(--mmx-live-summary-height,auto)!important; height:var(--mmx-live-summary-height,auto)!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard:not(.mmx-live-chat-landscape):not(.mmx-phone-landscape-live-v340):has(#mmxLiveStage.is-online) #siteRoot #mmxLiveStage.is-online>.mmx-live-chat-shell { order:3!important; display:block!important; flex:1 0 96px!important; height:auto!important; max-height:none!important; min-height:96px!important; overflow:hidden!important; } html body[data-mmx-view="live"].mmx-live-chat-keyboard:not(.mmx-live-chat-landscape):not(.mmx-phone-landscape-live-v340):has(#mmxLiveStage.is-online) #siteRoot #mmxLiveStage.is-online>.mmx-live-chat-shell>iframe[src*="uzifal.php"] { width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; } } }