nav#nav.major-nav{max-width:440px;gap:10px;align-items:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border:0;background:transparent;justify-content:initial}.major-capsule{position:relative;display:flex;flex:1;min-width:0;background:#000;border:1px solid #303030;border-radius:999px;padding:5px}.major-active{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/4);background:#242424;border-radius:999px;transition:transform .38s cubic-bezier(.22,.8,.25,1);pointer-events:none}.major-capsule button{position:relative;z-index:1;flex:1;min-width:0;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:0;background:transparent;color:#858585;font-size:9px;white-space:nowrap}.major-capsule button svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.major-capsule button.selected{color:#62b9ee}.major-capsule button.turn svg{animation:major-turn .55s ease-in-out}.major-profile{flex:0 0 64px;height:64px;border-radius:50%;background:#242424;border:3px solid #000;color:#aaa;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:0;font-size:9px}.major-profile b{font-size:25px}.major-profile.selected{border-color:#62b9ee;color:#62b9ee}@keyframes major-turn{0%{transform:perspective(100px) rotateY(0)}100%{transform:perspective(100px) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.major-active{transition:none}.major-capsule button.turn svg{animation:none}}
.major-capsule button svg,.major-profile svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:color .25s;filter:drop-shadow(0 2px 2px #0004)}.major-capsule svg .icon-fill{fill:currentColor;fill-opacity:.16;stroke:none}.major-capsule button.selected svg .icon-fill{fill-opacity:.24}.major-profile{background:linear-gradient(145deg,#323232,#1c1c1c)}.major-profile svg{width:29px;height:29px}.major-capsule button.selected svg{filter:drop-shadow(0 2px 5px #62b9ee25)}
.dating-brand .brand-outline{fill:none;stroke:currentColor;stroke-width:25;stroke-dasharray:1;stroke-dashoffset:0}.dating-brand .brand-heart{fill:currentColor;stroke:none}.turn .dating-brand .brand-outline{animation:brand-draw 1.2s ease-out 1}.turn .dating-brand .brand-heart{animation:brand-heart 1.2s ease-out 1}.major-capsule button.turn svg.dating-brand{animation:none}@keyframes brand-draw{0%,6%{stroke-dashoffset:1}70%,100%{stroke-dashoffset:0}}@keyframes brand-heart{0%,45%{opacity:0}85%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.turn .dating-brand *{animation:none!important}}
.major-capsule button.turn svg.roulette-brand{animation:none}.roulette-pair{transform-origin:16px 16px}.roulette-bubble{transform-box:fill-box;transform-origin:center}.roulette-spark{opacity:0;transform-origin:16px 16px}.turn .roulette-pair{animation:roulette-swap 1.1s cubic-bezier(.4,0,.2,1) 1}.turn .roulette-bubble{animation:roulette-upright 1.1s cubic-bezier(.4,0,.2,1) 1}.turn .roulette-spark{animation:roulette-flash 1.1s ease-out 1}@keyframes roulette-swap{0%{transform:rotate(0)}75%,100%{transform:rotate(180deg)}}@keyframes roulette-upright{0%{transform:rotate(0)}75%,100%{transform:rotate(-180deg)}}@keyframes roulette-flash{0%,35%,100%{opacity:0;transform:scale(.5)}55%,70%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.turn .roulette-brand *{animation:none!important}}
.major-capsule button.turn svg.dm-brand{animation:none;overflow:visible}.dm-plane{transform-box:view-box;transform-origin:center;transform:translateX(0)}
.turn .dm-plane{animation:dm-airflow 2.2s ease-in-out 1}.dm-wind path{opacity:0}.turn .dm-wind path{animation:dm-gust .6s linear 2}.turn .dm-wind .wind-two{animation-delay:.12s}.turn .dm-wind .wind-three{animation-delay:.24s}@keyframes dm-airflow{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}70%{transform:translateX(3px)}}@keyframes dm-gust{0%{opacity:0;transform:translateX(9px)}25%{opacity:.85}75%{opacity:.55}100%{opacity:0;transform:translateX(-11px)}}@media(prefers-reduced-motion:reduce){.turn .dm-plane,.turn .dm-wind path{animation:none!important}}
.major-capsule button.turn svg.stats-brand{animation:none}.stats-bar{transform-origin:0 28px}.turn .stats-bar{animation:stats-rise .85s cubic-bezier(.22,.8,.3,1) 1 both}.turn .bar-two{animation-delay:.12s}.turn .bar-three{animation-delay:.24s}@keyframes stats-rise{from{transform:scaleY(.08);opacity:.35}to{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.turn .stats-bar{animation:none!important}}
nav#nav.major-nav{max-width:520px;left:0;right:0;width:100%;margin:auto;transform:none;background:transparent!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border:0;gap:10px}nav#nav.major-nav .major-capsule button{height:62px;min-height:0;width:auto;margin:0;padding:0;border:0;background:transparent!important;box-shadow:none!important;color:#858585;display:flex;flex:1;gap:5px;font-size:9px;border-radius:999px}nav#nav.major-nav .major-capsule button.selected{color:#62b9ee}nav#nav.major-nav button svg{width:31px;height:31px;filter:none;transform:none;transition:none}nav#nav.major-nav .major-profile{width:64px;min-width:64px;min-height:64px;height:64px;margin:0;padding:0;flex:0 0 64px;border:3px solid #000;border-radius:50%;background:#242424;overflow:hidden;display:grid;place-items:center;color:#aaa;box-shadow:none}nav#nav.major-nav .major-profile.selected{border-color:#62b9ee;background:#242424;box-shadow:none}nav#nav .major-profile .nav-own-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}nav#nav .major-profile svg{width:29px;height:29px}nav#nav .major-active{opacity:1}nav#nav.major-nav.profile-selected .major-active{opacity:0}nav#nav.major-nav button:focus-visible{outline:2px solid #62b9ee;outline-offset:2px}@media(prefers-reduced-motion:reduce){nav#nav .major-active{transition:none}nav#nav .turn *{animation:none!important}}

nav#nav.major-nav{background:transparent!important;border:0!important}nav#nav.major-nav .major-capsule button{color:#858585!important;background:transparent!important}nav#nav.major-nav .major-capsule button.selected{color:#62b9ee!important;background:transparent!important}nav#nav.major-nav .major-profile{background:#242424!important;color:#aaa!important}
html body nav#nav.major-nav button:not(#flatOverride):not(#flatOverride):not(#flatOverride):not(#flatOverride){background:transparent!important;color:#858585!important}html body nav#nav.major-nav button:not(#flatOverride):not(#flatOverride):not(#flatOverride):not(#flatOverride).selected{background:transparent!important;color:#62b9ee!important}html body nav#nav.major-nav button.major-profile:not(#flatOverride):not(#flatOverride):not(#flatOverride):not(#flatOverride){background:#242424!important}html body nav#nav.major-nav{background:transparent!important}
html body nav#nav.major-nav button.major-profile:not(#flatOverride):not(#flatOverride):not(#flatOverride):not(#flatOverride){border-color:#000!important}html body nav#nav.major-nav button.major-profile:not(#flatOverride):not(#flatOverride):not(#flatOverride):not(#flatOverride).selected{border-color:#62b9ee!important}
/* Disable the mobile WebView tap overlay, retaining the active pill and keyboard focus. */
nav#nav.major-nav,nav#nav.major-nav *{-webkit-tap-highlight-color:transparent}