/* Original Trader Bae interaction polish informed by modern Framer patterns. */
.bottom-nav{isolation:isolate;overflow:clip;--nav-left:7px;--nav-width:90px}
.bottom-nav::before{content:"";position:absolute;z-index:0;top:7px;bottom:7px;left:0;width:var(--nav-width);transform:translateX(var(--nav-left));border:1px solid #62dbe776;border-radius:13px;background:linear-gradient(135deg,#0b3b3be8,#312653e8);box-shadow:inset 0 1px #ffffff14,0 10px 30px #0006;opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),opacity .2s ease}
.bottom-nav.framer-nav-ready::before{opacity:1}
.bottom-nav .nav-item{z-index:1;transition:color .25s ease,transform .25s ease;background:transparent}
.bottom-nav .nav-item.active{background:transparent;color:#a8fff0}
.bottom-nav .nav-item:active{transform:scale(.96)}
.framer-view-index{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;color:#9cecff;font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.framer-view-index::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,#9cecff,transparent)}
body[data-product-view]:not([data-product-view="discover"]) .view.active>.view-heading h1{max-width:820px;text-wrap:balance}
.framer-view-enter>.view-heading h1{animation:framer-title-in .65s cubic-bezier(.22,1,.36,1) both}
@keyframes framer-title-in{from{opacity:0;transform:translateY(18px);letter-spacing:-.075em}to{opacity:1;transform:none}}
.framer-reveal{opacity:0;transform:translateY(18px) scale(.992);transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.framer-reveal.is-revealed{opacity:1;transform:none}
.framer-frame{position:relative;isolation:isolate}
.framer-frame::before{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#9cecff55,transparent 24%,transparent 70%,#d8a8ff4d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.72;transition:opacity .25s ease}
.framer-frame:hover::before{opacity:1}
#floorView .community-tabs{position:sticky;z-index:8;top:94px;gap:4px;padding:7px;border:1px solid #62708b88;border-radius:16px;background:#0c1221d9;box-shadow:0 16px 45px #02040c70;backdrop-filter:blur(18px) saturate(135%)}
#floorView .community-tabs button{border-color:transparent;border-radius:11px;background:transparent;transition:background .22s ease,color .22s ease,box-shadow .22s ease}
#floorView .community-tabs button.active{border-color:#78dce855;background:linear-gradient(135deg,#143449,#302443);box-shadow:inset 0 1px #ffffff12,0 8px 22px #0004}
body[data-product-view]:not([data-product-view="discover"]) .view.active{position:relative}
body[data-product-view]:not([data-product-view="discover"]) .view.active::after{content:"";position:absolute;z-index:-1;top:10px;right:0;width:min(340px,90vw);height:340px;border-radius:50%;background:radial-gradient(circle,#66e4ec12,transparent 68%);filter:blur(8px);pointer-events:none}
@media(hover:hover){.framer-frame{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.framer-frame:hover{transform:translateY(-3px);box-shadow:0 24px 68px #01040b80}}
@media(max-width:820px){#floorView .community-tabs{top:80px}.framer-view-index{margin-bottom:9px}.bottom-nav::before{top:6px;bottom:6px}}
@media(max-width:640px){.framer-view-enter>.view-heading h1{animation-duration:.45s}.framer-reveal{transform:translateY(12px);transition-duration:.5s}#floorView .community-tabs{margin-inline:-6px;padding:6px;border-radius:14px}.framer-frame:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.bottom-nav::before,.bottom-nav .nav-item,.framer-frame,.framer-frame::before{transition:none!important}.framer-view-enter>.view-heading h1{animation:none!important}.framer-reveal{opacity:1!important;transform:none!important;transition:none!important}}