/* Important overrides share the established retroBrandClean layer, which has precedence over retroDesignPro important rules, without affecting other pages. */ @layer retroBrandClean { /* Retro Love GF1 1.0.0 — static mirror/neon, targeted ONLY at PSF1 menu. Does not alter PC1 choices, avatar, photo manager, wallet, verification, global motion preferences, or bottom navigation. No keyframes / timers. */ html body .profilePage[data-rl-profile-compact="psf1"] :is( .rl-profile-quicknav[data-rl-psf1-menu="1"] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]), #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference]) ) { position: relative !important; overflow: hidden !important; box-sizing: border-box !important; min-height: 52px !important; padding: 10px 14px !important; justify-content: flex-start !important; border: 1px solid transparent !important; border-radius: 25px !important; font-size: 14px !important; line-height: 1.28 !important; color: #f7faff !important; background: radial-gradient(ellipse 95% 92% at 20% -15%,rgba(255,255,255,.25),transparent 67%) padding-box, linear-gradient(142deg,rgba(64,36,105,.96) 0%,rgba(38,34,86,.96) 42%,rgba(15,35,73,.97) 100%) padding-box, linear-gradient(118deg,var(--rl317-a,#88ecff) 0%,var(--rl317-b,#b89cff) 47%,var(--rl317-c,#ff88d3) 79%,var(--rl317-a,#88ecff) 100%) border-box !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.39), inset 0 7px 12px rgba(220,227,255,.08), inset 0 -1px 0 rgba(64,202,245,.20), 0 3px 9px rgba(5,7,26,.34), 0 0 9px rgba(111,145,255,.21) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none !important; transform: none !important; animation: none !important; transition: none !important; will-change: auto !important; } /* Keep the readable labels above two non-interactive mirror reflections. */ html body .profilePage[data-rl-profile-compact="psf1"] :is( .rl-profile-quicknav[data-rl-psf1-menu="1"] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]), #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference]) ) > * { position:relative; z-index:1; } html body .profilePage[data-rl-profile-compact="psf1"] :is( .rl-profile-quicknav[data-rl-psf1-menu="1"] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]), #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference]) )::before { content: "" !important; display: block !important; pointer-events: none !important; position: absolute !important; inset: 1px 2px 39% 2px !important; border-radius: 25px 25px 40% 40% !important; background: linear-gradient(179deg,rgba(255,255,255,.30) 0%,rgba(235,252,255,.10) 24%,rgba(255,255,255,.015) 84%,transparent 100%), linear-gradient(108deg,transparent 11%,rgba(255,255,255,.02) 22%,rgba(255,255,255,.20) 31%,rgba(240,255,255,.04) 42%,transparent 55%) !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; filter: none !important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; animation: none !important; transition: none !important; z-index:0 !important; } html body .profilePage[data-rl-profile-compact="psf1"] :is( .rl-profile-quicknav[data-rl-psf1-menu="1"] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]), #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference]) )::after { content:"" !important; display:block !important; pointer-events:none !important; position:absolute !important; inset:0 !important; border:0 !important; border-radius:inherit !important; background: radial-gradient(ellipse 9px 2px at 87% 15%,rgba(225,255,253,.92),transparent 100%), radial-gradient(ellipse 2px 9px at 87% 15%,rgba(213,250,255,.74),transparent 100%), radial-gradient(circle 16px at 87% 15%,rgba(76,244,244,.27),transparent 80%) !important; opacity:.92 !important; transform:none !important; filter:none !important; animation:none !important; transition:none !important; z-index:0 !important; } html body .profilePage[data-rl-profile-compact="psf1"] :is( .rl-profile-quicknav[data-rl-psf1-menu="1"] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]), #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference]) )[data-active="1"] { background: radial-gradient(ellipse 110% 86% at 17% -14%,rgba(255,255,255,.31),transparent 65%) padding-box, linear-gradient(140deg,rgba(71,34,103,.97),rgba(33,39,97,.97) 52%,rgba(12,54,82,.97)) padding-box, linear-gradient(120deg,#83fff2,#b29aff 40%,#ff9aee 76%,#8decff) border-box !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.56), inset 0 7px 15px rgba(228,223,255,.10), 0 0 0 1px rgba(208,220,255,.23), 0 0 18px rgba(128,143,255,.31) !important; } html body .profilePage[data-rl-profile-compact="psf1"] :is( .rl-profile-quicknav[data-rl-psf1-menu="1"] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]), #rl-psf1-preferences-nav > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-preference]) ):focus-visible { outline:2px solid #ddfaff !important; outline-offset:2px !important; } html body .profilePage[data-rl-profile-compact="psf1"] .rl-profile-quicknav[data-rl-psf1-menu="1"] { gap:7px !important; margin-block: 8px 13px !important; } html body .profilePage[data-rl-profile-compact="psf1"] .rl-profile-quicknav[data-rl-psf1-menu="1"] .rl-psf1-nav-summary { font-size:11px !important; color:rgba(232,245,255,.86) !important; } html body .profilePage[data-rl-profile-compact="psf1"] .rl-profile-quicknav[data-rl-psf1-menu="1"] .rl-psf1-arrow { color:#d1f8ff !important; text-shadow:0 0 5px rgba(136,225,255,.35) !important; } @media (max-width: 430px) { html body .profilePage[data-rl-profile-compact="psf1"] .rl-profile-quicknav[data-rl-psf1-menu="1"] > :is(#rl-psf1-button-basic,button.rl-profile-quicknav__button[data-section]):is(#rl-psf1-button-about,button.rl-profile-quicknav__button[data-section]) { padding:9px 12px !important; } } /* The existing Neon Studio may attach continuously animated edge/rail spans to every section button. GF1 replaces those menu-only overlays with the static reflected edge above; Neon Studio elsewhere remains unchanged. */ html body .profilePage[data-rl-profile-compact="psf1"] :is( .rl-profile-quicknav[data-rl-psf1-menu="1"], #rl-psf1-preferences-nav ) :is(.ns2-edge,.ns2-rail,.ns2-ambient) { display: none !important; animation: none !important; -webkit-animation: none !important; } }