.tn-top{--tn-surface:#fff;--tn-sunk:#f5f6f8;--tn-ink:#111;--tn-ink-2:#5b5f66;--tn-ink-3:#6e727a;--tn-line:#11111114;--tn-line-2:#11111129;--tn-accent:#6e8ef7;--tn-accent-ink:#2f4fc8;--tn-accent-soft:#eef2fe;--tn-accent-line:#6e8ef761;--tn-glass:#f5f6f8d1;--tn-btn:#111;--tn-btn-ink:#fff;--tn-shadow-pop:0 0 0 1px var(--tn-line), 0 2px 6px #0e11160a, 0 18px 40px -16px #0e111638;--tn-ease:cubic-bezier(.23, 1, .32, 1);z-index:40;padding-top:env(safe-area-inset-top,0px);background:var(--tn-glass);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);color:var(--tn-ink);transition:box-shadow .2s;position:sticky;top:0;box-shadow:0 1px #0000}html[data-theme=dark] .tn-top{--tn-surface:#17181b;--tn-sunk:#1e1f23;--tn-ink:#f2f3f5;--tn-ink-2:#a9acb3;--tn-ink-3:#8c9097;--tn-line:#ffffff14;--tn-line-2:#ffffff29;--tn-accent:#8ea6f9;--tn-accent-ink:#b4c4fb;--tn-accent-soft:#6e8ef729;--tn-accent-line:#8ea6f96b;--tn-glass:#0e0f11cc;--tn-btn:#f2f3f5;--tn-btn-ink:#111;--tn-shadow-pop:0 0 0 1px var(--tn-line-2), 0 18px 40px -16px #000000bf}.tn-top.is-scrolled{box-shadow:0 1px 0 var(--tn-line)}.tn-in{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand mods tools";align-items:center;gap:.75rem 1.25rem;max-width:90rem;margin-inline:auto;padding:.75rem clamp(1rem,2.4vw,1.75rem);display:grid}.tn-brand{min-height:2.75rem;color:var(--tn-ink);letter-spacing:-.02em;border-radius:10px;grid-area:brand;align-items:center;gap:.55rem;padding-inline:.25rem;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex}.tn-mark{aspect-ratio:372/334;width:1.5rem;height:auto;display:block}.tn-mods{grid-area:mods;justify-self:center;min-width:0;max-width:100%}.tn-pill{background:var(--tn-surface);box-shadow:0 0 0 1px var(--tn-line), 0 6px 20px -12px #0e111624;border-radius:999px;padding:4px;position:relative}.tn-list{--fl:0px;--fr:0px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%);border-radius:999px;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.tn-list::-webkit-scrollbar{display:none}.tn-list.fade-l{--fl:2.25rem}.tn-list.fade-r{--fr:2.25rem}.tn-list li{scroll-snap-align:center;flex:none}.tn-list a{-webkit-tap-highlight-color:transparent;height:2.375rem;color:var(--tn-ink-2);letter-spacing:-.005em;white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .16s,background-color .16s;display:inline-flex}.tn-list a:focus-visible{outline:2px solid var(--tn-accent);outline-offset:-2px}.tn-list svg{width:1rem;height:1rem;color:var(--tn-ink-3);transition:color .16s}@media (hover:hover) and (pointer:fine){.tn-list a:hover{color:var(--tn-ink);background:var(--tn-sunk)}.tn-list a:hover svg{color:var(--tn-ink-2)}}.tn-list a[aria-current=page]{color:var(--tn-ink);background:var(--tn-accent-soft);box-shadow:inset 0 0 0 1px var(--tn-accent-line)}.tn-list a[aria-current=page] svg{color:var(--tn-accent-ink)}.tn-badge{background:var(--tn-accent-soft);min-width:1.25rem;height:1.25rem;color:var(--tn-accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 .35rem;font-size:.6875rem;font-weight:600;display:inline-grid}.tn-tools{grid-area:tools;align-items:center;gap:.25rem;display:flex}.tn-icon{-webkit-tap-highlight-color:transparent;min-width:2.5rem;height:2.5rem;color:var(--tn-ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:0 .6rem;font-size:.875rem;font-weight:500;transition:color .16s,background-color .16s;display:inline-flex;position:relative}.tn-icon svg{width:1.125rem;height:1.125rem}.tn-ask{color:var(--tn-ink)}@media (hover:hover) and (pointer:fine){.tn-icon:hover{color:var(--tn-ink);background:#7f828c1f}}.tn-dot{background:var(--tn-accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--tn-sunk);border-radius:50%;position:absolute;top:.6rem;right:.65rem}.tn-add{-webkit-tap-highlight-color:transparent;background:var(--tn-btn);height:2.5rem;color:var(--tn-btn-ink);font:inherit;cursor:pointer;transition:transform .16s var(--tn-ease);border:0;border-radius:999px;align-items:center;gap:.4rem;margin-inline:.25rem;padding:0 1rem 0 .85rem;font-size:.875rem;font-weight:500;display:inline-flex}.tn-add svg{width:1rem;height:1rem}.tn-add:active{transform:scale(.97)}.tn-acct{position:relative}.tn-acct-btn{-webkit-tap-highlight-color:transparent;cursor:pointer;height:2.5rem;color:var(--tn-ink);font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:0 .5rem 0 .25rem;font-size:.875rem;font-weight:500;transition:background-color .16s;display:inline-flex}.tn-acct-btn[aria-expanded=true]{background:#7f828c24}@media (hover:hover) and (pointer:fine){.tn-acct-btn:hover{background:#7f828c1f}}.tn-av{background:var(--tn-surface);width:2rem;height:2rem;box-shadow:inset 0 0 0 1px var(--tn-line-2);color:var(--tn-ink);letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.tn-chev{width:.85rem;height:.85rem;color:var(--tn-ink-3);transition:transform .2s var(--tn-ease)}.tn-acct-btn[aria-expanded=true] .tn-chev{transform:rotate(180deg)}.tn-menu{background:var(--tn-surface);width:16rem;max-width:calc(100vw - 2rem);box-shadow:var(--tn-shadow-pop);opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity .12s ease, transform .16s var(--tn-ease), visibility 0s linear .16s;border-radius:16px;padding:.375rem;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-4px)scale(.98)}.tn-menu.open{opacity:1;visibility:visible;transition:opacity .15s ease, transform .2s var(--tn-ease), visibility 0s;transform:none}.tn-menu-head{border-bottom:1px solid var(--tn-line);align-items:center;gap:.65rem;margin-bottom:.3rem;padding:.6rem .6rem .7rem;display:flex}.tn-menu-head b{font-size:.875rem;font-weight:600;display:block}.tn-menu-head div span{color:var(--tn-ink-3);font-size:.75rem;display:block}.tn-menu ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.tn-menu a,.tn-menu button{width:100%;min-height:2.5rem;color:var(--tn-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.65rem;padding:0 .6rem;font-size:.875rem;text-decoration:none;display:flex}.tn-menu svg{width:1rem;height:1rem;color:var(--tn-ink-3)}.tn-menu :is(a,button):focus-visible{outline:2px solid var(--tn-accent);outline-offset:-2px;background:var(--tn-sunk)}@media (hover:hover) and (pointer:fine){.tn-menu :is(a,button):hover{background:var(--tn-sunk)}}.tn-sep{background:var(--tn-line);height:1px;margin:.3rem .2rem}@media (max-width:1599px){.tn-in{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand tools""mods mods";padding-bottom:.65rem}.tn-tools{justify-self:end}.tn-mods{justify-self:stretch}.tn-pill{width:max-content;max-width:100%;margin-inline:auto}}@media (max-width:1100px){.tn-list a{padding-inline:.7rem}}@media (max-width:860px){.tn-ask span,.tn-add span{display:none}.tn-add{justify-content:center;width:2.5rem;padding:0}}@media (max-width:640px){.tn-in{padding-top:.5rem;gap:.5rem;padding-inline:1rem}.tn-pill{width:100%}.tn-acct-name{display:none}.tn-tools{gap:0}.tn-add{display:none}}@media (prefers-reduced-motion:reduce){.tn-menu,.tn-menu.open{transition:none;transform:none}}.app-shell.topnav-release{--side-width:0px;display:block}.app-shell.topnav-release>.main-wrap{min-width:0;margin-left:0}.app-shell.topnav-release .bottom-nav{display:none}