.topbar{--tb-h: 60px;--tb-ctl: 34px;--tb-tint: rgba(var(--ink, 255, 255, 255), .045);--tb-tint-hi: rgba(var(--ink, 255, 255, 255), .08);--tb-ring: inset 0 0 0 1px rgba(var(--ink, 255, 255, 255), .07);transition:background-color .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}.topbar.scrolled{background:rgba(var(--dk, 7, 8, 11),.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom-color:transparent;box-shadow:0 1px 0 var(--line),0 12px 32px -24px rgba(0,0,0,calc(.9 * var(--shade-k, 1)))}.topbar-inner{height:var(--tb-h);gap:20px}.topbar-left{gap:10px}.brand{gap:9px;border-radius:10px;outline-offset:4px}.brand-mark{width:26px;height:26px;border-radius:7px;transition:transform .5s var(--spring),box-shadow .6s var(--ease)}.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.06)}.brand:active .brand-mark{transform:scale(.94)}.brand-word{font-size:calc(15px * var(--fs, 1));font-weight:650;letter-spacing:-.025em}.brand:focus-visible{outline:2px solid var(--pc)}.topbar-div{width:1.5px;height:22px;border-radius:2px;background:linear-gradient(180deg,transparent,var(--line-3) 25%,var(--line-3) 75%,transparent);transform:rotate(18deg);margin:0 2px}.topbar .lpp-chip{height:var(--tb-ctl);gap:8px;padding:0 8px 0 3px;border-color:transparent;background:transparent;font-weight:600;font-size:calc(13.5px * var(--fs, 1));transition:background-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--spring)}.topbar .lpp-chip:hover{background:var(--tb-tint);border-color:transparent;box-shadow:var(--tb-ring)}.topbar .lpp-chip:active{transform:scale(.97)}.topbar .lpp-chip-av{width:26px;height:26px;box-shadow:0 0 0 1.5px var(--bg),0 0 0 3px color-mix(in srgb,var(--pc) 55%,transparent)}.topbar .lpp-chip-chev{transition:transform .25s var(--ease),stroke .2s ease}.topbar .lpp-chip:hover .lpp-chip-chev{stroke:var(--text-2);transform:translateY(1px)}.app-nav{height:38px;padding:3px;gap:2px;border:0;background:var(--tb-tint);box-shadow:var(--tb-ring)}.nav-tab{height:32px;padding:0 14px 0 11px;gap:7px;font-size:calc(13px * var(--fs, 1));font-weight:550;letter-spacing:-.01em;transition:color .25s var(--ease)}.nav-ic svg{width:15px;height:15px;transition:transform .45s var(--spring)}.nav-tab:hover .nav-ic svg{transform:translateY(-1px)}.nav-tab[aria-selected=true] .nav-ic svg{transform:scale(1.06)}.nav-pill{top:3px;bottom:3px;background:rgba(var(--ink, 255, 255, 255),.1);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px rgba(var(--ink, 255, 255, 255),.06),0 2px 8px -2px rgba(0,0,0,calc(.5 * var(--shade-k, 1)))}.topbar-right{gap:10px}.hud{display:inline-flex;align-items:center;height:var(--tb-ctl);padding:0 2px 0 4px;border-radius:999px;background:var(--tb-tint);box-shadow:var(--tb-ring)}.hud-stats{display:inline-flex;align-items:center;height:100%}.hud-stats:after{content:"";width:1px;height:16px;margin:0 4px 0 2px;background:var(--line-2)}.hud .stat{gap:5px;padding:0 8px;height:100%;font-size:calc(13px * var(--fs, 1));cursor:default}.hud .stat-ic{width:17px;height:17px;transition:transform .45s var(--spring)}.hud .stat:hover .stat-ic{transform:scale(1.14) rotate(-6deg)}.hud .stat-val{font-weight:600;font-feature-settings:"tnum";min-width:1ch}.qs{position:relative;display:flex}.qs-btn{position:relative;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--text-2);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--spring)}.qs-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qs-btn-ic circle{transition:transform .45s var(--spring)}.qs-btn:hover{background:var(--tb-tint-hi);color:var(--text)}.qs-btn:hover .qs-btn-ic circle:first-of-type,.qs-btn[aria-expanded=true] .qs-btn-ic circle:first-of-type{transform:translate(-4px)}.qs-btn:hover .qs-btn-ic circle:last-of-type,.qs-btn[aria-expanded=true] .qs-btn-ic circle:last-of-type{transform:translate(4px)}.qs-btn:active{transform:scale(.92)}.qs-btn[aria-expanded=true]{background:var(--tb-tint-hi);color:var(--text)}.qs-btn:focus-visible{outline:2px solid var(--pc);outline-offset:1px}.qs-mute{position:absolute;right:-2px;bottom:-2px;width:14px!important;height:14px!important;padding:2px;border-radius:999px;background:var(--bg-2);color:var(--text-2);box-shadow:0 0 0 1.5px var(--bg);stroke-width:2.4!important;opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .35s var(--spring)}.qs:has(#sound-toggle[aria-pressed=false]) .qs-mute{opacity:1;transform:none}.qs-panel{position:absolute;top:calc(100% + 12px);right:-6px;z-index:200;width:252px;padding:6px;border-radius:16px;background:linear-gradient(180deg,rgba(var(--ink, 255, 255, 255),.035),rgba(var(--ink, 255, 255, 255),0) 40%),color-mix(in srgb,var(--bg-1) 92%,transparent);border:1px solid var(--line-2);box-shadow:inset 0 1px #ffffff0d,0 1px 2px rgba(0,0,0,calc(.4 * var(--shade-k, 1))),0 12px 24px -6px rgba(0,0,0,calc(.55 * var(--shade-k, 1))),0 32px 64px -16px rgba(0,0,0,calc(.6 * var(--shade-k, 1)));-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;transition:opacity .16s ease,transform .24s var(--ease)}.qs-panel[hidden]{display:block;visibility:hidden}.qs-panel.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}html[data-theme=light] .qs-panel{background-color:#fff}.qs-head{margin:0;padding:8px 10px 6px;font:500 calc(11px * var(--fs, 1))/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.qs-row{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;color:var(--text);font:500 calc(13.5px * var(--fs, 1))/1 var(--font);letter-spacing:-.01em;transition:background-color .15s ease}.qs-row:hover,.qs-row:focus-visible{background:var(--tb-tint-hi);outline:none}.qs-row:focus-visible{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 70%,transparent)}.qs-row:active{background:rgba(var(--ink, 255, 255, 255),.11)}.qs-ic{display:grid;place-items:center;width:18px;color:var(--text-2)}.qs-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qs-label{flex:1;min-width:0}.qs-kbd{min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:6px;background:rgba(var(--ink, 255, 255, 255),.06);box-shadow:inset 0 -1px rgba(var(--ink, 255, 255, 255),.08);font:500 calc(11px * var(--fs, 1))/1 var(--mono);color:var(--text-3)}@media (hover: none){.qs-kbd{display:none}}.qs-sep{display:block;height:1px;margin:5px 4px;background:var(--line)}.qs-switch{position:relative;width:30px;height:18px;flex:none;border-radius:999px;background:rgba(var(--ink, 255, 255, 255),.14);transition:background-color .25s var(--ease)}.qs-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .4s var(--spring)}.sound-toggle[aria-pressed=true] .qs-switch{background:var(--pc)}.sound-toggle[aria-pressed=true] .qs-switch:after{transform:translate(12px)}.qs-row.sound-toggle[aria-pressed=false]{color:var(--text)}.qs-row.sound-toggle[aria-pressed=false] .qs-ic{color:var(--text-3)}.qs-seg{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;flex:none;height:22px;padding:2px;border-radius:7px;background:rgba(var(--ink, 255, 255, 255),.06);font:600 calc(11px * var(--fs, 1))/1 var(--font);color:var(--text-3)}.qs-seg:before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:5px;background:rgba(var(--ink, 255, 255, 255),.12);box-shadow:0 1px 2px rgba(0,0,0,calc(.35 * var(--shade-k, 1)));transition:transform .4s var(--spring)}.qs-seg>span{position:relative;padding:0 7px;display:grid;place-items:center;transition:color .25s ease}.qs-seg-d{color:var(--text)}html[data-theme=light] .qs-seg:before{transform:translate(100%);background:#fff}html[data-theme=light] .qs-seg-d{color:var(--text-3)}html[data-theme=light] .qs-seg-l{color:var(--text)}.qs-row.settings-btn svg{transition:transform .6s var(--ease)}.qs-row.settings-btn:hover svg{transform:rotate(60deg)}.auth-avatar-btn{width:var(--tb-ctl);height:var(--tb-ctl);padding:0;gap:0;justify-content:center;border:0;background:transparent;transition:transform .25s var(--spring),box-shadow .2s var(--ease)}.auth-avatar-btn .auth-user-name,.auth-avatar-btn .chevron-ic{display:none}.auth-avatar-btn:hover{background:transparent}.auth-avatar-btn:hover .auth-avatar-wrap{transform:scale(1.06)}.auth-avatar-btn:active{transform:scale(.94)}.auth-avatar-btn[aria-expanded=true]{background:transparent}.auth-avatar-btn[aria-expanded=true] .auth-avatar-wrap{box-shadow:0 0 0 3px var(--tb-tint-hi)}.auth-avatar-wrap{width:32px;height:32px;padding:2px;transition:transform .35s var(--spring),box-shadow .2s ease,background .3s var(--ease)}.auth-dropdown{top:calc(100% + 12px);right:-2px}.auth-signin-btn{height:var(--tb-ctl);padding:0 14px 0 11px;gap:8px;border:0;background:var(--text);color:var(--bg);font-weight:600;letter-spacing:-.01em;box-shadow:inset 0 1px #ffffff40,0 4px 14px -6px rgba(var(--ink, 255, 255, 255),.35);transition:transform .2s var(--spring),box-shadow .2s var(--ease),opacity .2s ease}.auth-signin-btn:hover{background:var(--text);border-color:transparent;opacity:.92;box-shadow:inset 0 1px #ffffff40,0 6px 18px -6px rgba(var(--ink, 255, 255, 255),.45)}.auth-signin-btn:focus-visible{outline:2px solid var(--pc);outline-offset:2px}.auth-signin-btn .google-icon{width:15px;height:15px;padding:1.5px;border-radius:999px;background:#fff;box-sizing:content-box}.brand-word,.topbar .lpp-chip-name{white-space:nowrap}@media (max-width: 1080px){.nav-tab{padding:0 11px 0 9px}}@media (min-width: 761px) and (max-width: 1023px){.topbar-inner{gap:14px}.app-nav{justify-self:center}.brand-word{display:none}.brand-pro{top:-6px;margin-left:-10px}}@media (min-width: 761px) and (max-width: 899px){.nav-tab{width:40px;padding:0;justify-content:center;gap:0}.nav-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}@media (max-width: 640px){.topbar{--tb-h: 56px}.topbar-inner{gap:10px}.topbar-right{gap:8px}.qs-panel{position:fixed;top:calc(env(safe-area-inset-top) + var(--tb-h) - 2px);right:12px;width:min(272px,calc(100vw - 24px))}}@media (max-width: 440px){.topbar .lpp-chip-name{display:none}.topbar .lpp-chip{padding-right:6px;gap:4px}.hud .stat{padding:0 6px}}@media (prefers-reduced-motion: reduce){.qs-panel,.qs-switch:after,.qs-seg:before,.qs-mute,.qs-btn-ic circle,.brand-mark,.nav-ic svg,.hud .stat-ic,.auth-avatar-wrap{transition:none}}html[data-motion=reduce] .qs-panel,html[data-motion=reduce] .qs-switch:after,html[data-motion=reduce] .qs-seg:before,html[data-motion=reduce] .qs-btn-ic circle{transition:none}