.earn-nav{position:relative}.earn-menu__backdrop{position:fixed;inset:0;z-index:35;border:0;padding:0;background:rgba(27,22,51,.28)}.bottom-nav .earn-nav>button,.nav .earn-nav>button{cursor:pointer;font:inherit}.nav .earn-nav>button{display:grid;justify-items:center;grid-gap:.15rem;gap:.15rem;width:100%;padding:.5rem .25rem .4rem;border-radius:18px;border:var(--stroke) solid var(--navy);background:var(--white);color:var(--navy);font-family:var(--font-display);font-size:.8rem;font-weight:800;box-shadow:var(--pop-sm);position:relative}.nav .earn-nav>button.is-open,.nav .earn-nav>button[aria-current=page]{background:var(--orange);color:var(--white);text-shadow:0 2px 0 rgba(43,35,80,.35)}.earn-menu{position:absolute;z-index:45;display:flex;flex-direction:column;gap:.28rem;width:16.5rem;padding:.45rem;border:var(--stroke) solid var(--navy);border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(255,201,60,.28),transparent 55%),#fffdf6;box-shadow:0 4px 0 var(--navy),0 12px 22px rgba(27,22,51,.18)}.earn-menu.is-pop{animation:earn-menu-in .18s ease-out}.earn-menu:before{content:"";position:absolute;width:14px;height:14px;border:var(--stroke) solid var(--navy);background:#fffdf6;rotate:45deg}.nav .earn-menu{left:calc(100% + .8rem);top:0}.nav .earn-menu:before{left:-9px;top:1.6rem;border-top-color:transparent;border-right-color:transparent}.earn-menu__title{margin:.05rem .35rem .15rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#6a4ce0}.earn-menu a,.earn-menu__title{font-family:var(--font-display);font-weight:800}.earn-menu a{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem;min-height:2.55rem;padding:.28rem .4rem;border-radius:12px;border:2px solid var(--navy);background:var(--white);color:var(--navy);text-align:left;text-decoration:none;font-size:.84rem;line-height:1.15;box-shadow:0 2px 0 var(--navy);transition:translate .12s ease,box-shadow .12s ease,background-color .12s ease}.earn-menu__icon{display:grid;place-items:center;flex:none;width:1.85rem;height:1.85rem;border-radius:4px;background:#e8eef8;color:#1d3f73}.earn-menu__icon[data-earn=work]{background:#e5f6ea;color:#1d6b3a}.earn-menu__icon[data-earn=chart]{background:#e7eefc;color:#1d4e89}.earn-menu__icon[data-earn=deal]{background:#fff1d6;color:#8a4b08}.earn-menu__icon[data-earn=trend]{background:#ffe8e0;color:#9a3412}.earn-menu__icon[data-earn=sprout]{background:#e7f7df;color:#2f6b1d}.earn-menu__icon[data-earn=mic]{background:#f3e8ff;color:#6d28d9}.earn-menu__icon[data-earn=stage]{background:#ffe4ef;color:#9d174d}.earn-menu__icon[data-earn=cards]{background:#fff4cc;color:#92400e}.earn-menu__icon[data-earn=show]{background:#f3e8ff;color:#6d28d9}.earn-menu__icon[data-earn=leaf]{background:#e5f6ea;color:#1d6b3a}.earn-menu__icon[data-earn=broom]{background:#e7f4fb;color:#0f4c6b}.earn-menu__icon[data-earn=bin]{background:#eef2f4;color:#334155}.earn-menu__icon[data-earn=swap]{background:#e7f6ea;color:#145c32}.earn-menu__label{flex:1 1;min-width:0}.earn-menu__live{display:inline-flex;flex:none;align-items:center;gap:.2rem;padding:.05rem .35rem;border-radius:999px;background:#1f9d5a;color:var(--white);font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-shadow:none}.earn-menu__live:before{content:"";width:6px;height:6px;border-radius:50%;background:#b9ffd6;animation:earn-live 1.4s ease-in-out infinite}@media (hover:hover){.earn-menu a:hover{translate:0 -1px;box-shadow:0 3px 0 var(--navy);background:#fff6e0}}.earn-menu a.is-on{background:linear-gradient(180deg,#ffd27a,var(--orange) 58%,var(--orange-2));color:#fffdf6;text-shadow:0 1px 0 rgba(43,35,80,.4);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 3px 0 var(--navy)}.earn-menu a.is-on .earn-menu__icon{background:#fffdf6;color:#9a3412}.earn-menu a:active{translate:0 2px;box-shadow:0 1px 0 var(--navy)}.earn-menu--sheet{position:fixed;left:50%;right:auto;bottom:calc(var(--nav-space) + .95rem);width:min(18rem,calc(100vw - 1.4rem));z-index:60;translate:-50% 0;max-height:min(72vh,34rem);overflow-y:auto}.earn-menu--sheet:before{left:calc(50% - 9px);bottom:-9px;border-top-color:transparent;border-left-color:transparent}@keyframes earn-menu-in{0%{opacity:0;scale:.96}}@keyframes earn-live{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.earn-menu,.earn-menu.is-pop,.earn-menu__live:before{animation:none}}@media (max-width:860px){.bottom-nav .earn-nav{display:contents}.bottom-nav .earn-nav>button{display:grid;justify-items:center;align-content:end;grid-gap:.05rem;gap:.05rem;width:100%;height:var(--bottomnav-h);padding:0 0 .2rem;border:0;background:transparent;color:#c9c2ea;font-family:var(--font-display);font-size:.7rem;font-weight:800;position:relative}.bottom-nav .earn-nav>button[aria-current=page]{color:var(--white)}.bottom-nav .earn-nav>button[aria-current=page] .tab__icon{width:50px;height:50px;translate:0 -14px;margin-bottom:-14px;color:var(--white)}}.earn-menu__folder{display:grid;grid-gap:.28rem;gap:.28rem}.earn-menu__folder-btn{display:flex;align-items:center;gap:.5rem;min-height:2.55rem;padding:.28rem .4rem;border-radius:12px;border:2px solid var(--navy);background:#efe7ff;color:var(--navy);text-align:left;font-family:var(--font-display);font-size:.84rem;font-weight:800;box-shadow:0 2px 0 var(--navy)}.earn-menu__sub{display:grid;grid-template-rows:0fr;margin-left:.85rem;transition:grid-template-rows .16s ease}.earn-menu__folder.is-open .earn-menu__sub{grid-template-rows:1fr}.earn-menu__sub>div{display:grid;grid-gap:.28rem;gap:.28rem;min-height:0;overflow:hidden}.earn-menu__sub a{min-height:2.2rem;font-size:.78rem}