.topbar .theme-box{position:relative}.topbar .theme-box:before{content:"";background:var(--fg);width:50%;transition:transform .35s cubic-bezier(.65,0,.25,1),background-color .35s;position:absolute;top:0;bottom:0;left:0}:root[data-theme=night] .topbar .theme-box:before{transform:translate(100%)}.topbar .theme-box button{width:30px;transition:color .35s;position:relative}.topbar .theme-box button[aria-pressed=true]{color:var(--bg)}.topbar .theme-box button span{display:inline-block}.topbar .theme-box button[aria-pressed=true] span{animation:.5s cubic-bezier(.34,1.56,.64,1) theme-turn}@keyframes theme-turn{0%{transform:rotate(-180deg)scale(.4)}}@media (width<=360px){.topbar .theme-box button{width:26px}}@media (prefers-reduced-motion:reduce){.topbar .theme-box button span{animation:none}.topbar .theme-box:before{transition:none}}.topbar{background:var(--bg);color:var(--fg);border-bottom:3px solid var(--rule);flex:none;justify-content:flex-start;align-items:center;gap:20px;padding:10px 24px;display:flex}.topbar .id{flex:none;align-items:center;gap:14px;margin-right:auto;display:flex}.topbar .name{font:900 40px/.95 var(--f-text);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;margin:0;font-stretch:62%}.topbar .role{letter-spacing:.1em;text-transform:uppercase;flex-direction:column;margin:0;font-size:12px;font-weight:500;line-height:1.3;display:flex}.topbar .nav,.topbar .ext,.topbar .switches{align-items:center;gap:2px;display:flex}.topbar .switches{gap:10px}.topbar .name a{color:inherit;text-decoration:none}.topbar .nav button,.topbar .nav a,.topbar .ext a{font:700 14px/1 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);white-space:nowrap;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:10px;text-decoration:none}.shell:has(.panels[data-open]) .topbar .nav{visibility:hidden}.topbar .nav button:hover,.topbar .nav a:hover,.topbar .ext a:hover,.topbar .nav button[aria-expanded=true]{text-decoration:underline}.topbar .box{border:2px solid var(--fg);display:flex}.topbar .box a,.topbar .box button{font:700 13px/1 var(--f-text);color:var(--fg);cursor:pointer;background:0 0;border:0;padding:5px 7px;text-decoration:none}.topbar .box a[aria-current]{background:var(--fg);color:var(--bg)}@media (width<=1100px){.topbar .ext{display:none}}@media (width<=1000px){.topbar .id{flex-direction:column;align-items:flex-start;gap:3px}.topbar .role{flex-direction:row;gap:8px;font-size:11px}.topbar .name{font-size:34px}.topbar .nav button,.topbar .nav a{padding:10px 8px}}@media (width<=720px){.topbar{gap:10px;padding:8px 12px}.topbar .nav{display:none}.topbar .name{font-size:28px}.topbar .role{font-size:12px}.topbar .switches{gap:6px}}@media (width<=360px){.topbar .name{font-size:24px}.topbar .role{letter-spacing:.06em;font-size:11px}.topbar .box a,.topbar .box button{padding:5px}}.tabbar{display:none}@media (width<=720px){.tabbar{background:var(--bg);border-top:3px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);flex:none;grid-template-columns:repeat(4,1fr);display:grid}.tabbar.sticky{position:sticky;bottom:0}.tabbar button,.tabbar a{font:700 13px/1 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);cursor:pointer;text-align:center;background:0 0;border:0;padding:14px 4px;text-decoration:none}.tabbar button[aria-current=page]{text-underline-offset:5px;text-decoration:underline 2px}}