.wheel-nav{display:none}
body[data-navigation="wheel"] .mobile-pager{display:none}
body[data-navigation="wheel"] .wheel-nav{display:block}
.wheel-nav{position:relative;isolation:isolate;width:286px;height:286px;margin:0 auto 28px;scroll-margin-top:18px}
.wheel-sectors{display:block;width:100%;height:100%;overflow:visible}
.wheel-sectors,.wheel-sector,.wheel-home{-webkit-tap-highlight-color:transparent}
.wheel-sector:focus,.wheel-home:focus{outline:none}
.wheel-home:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wheel-sector{fill:var(--paper);stroke:var(--bg);stroke-width:5;stroke-linejoin:round;cursor:pointer;transition:fill var(--motion-base) var(--ease-out),stroke var(--motion-base)}
.wheel-sector:hover{fill:var(--soft)}.wheel-sector[aria-selected="true"]{fill:var(--ink)}
.wheel-sector:focus-visible{outline:none;stroke:var(--accent);stroke-width:3}
.wheel-label{pointer-events:none;color:var(--muted);transition:color var(--motion-base)}
.wheel-label svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wheel-label text{fill:currentColor;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.3px}
.wheel-label.is-selected{color:var(--paper)}
.wheel-home{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:99px;height:99px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);padding:0;transition:background-color var(--motion-base),color var(--motion-base),border-color var(--motion-base)}
.wheel-home svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.wheel-home span{font-size:12px;font-weight:600;letter-spacing:1px}.wheel-home[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.wheel-home:hover:not([aria-selected="true"]){background:var(--soft)}.wheel-home:active{transform:translate(-50%,-50%) scale(.96)}
.wheel-orbit{position:absolute;inset:0;pointer-events:none;transform:rotate(var(--wheel-angle,0deg));transition:transform var(--motion-slow) var(--ease-out),opacity var(--motion-base);opacity:1}.wheel-orbit:before{content:'';display:block;position:absolute;left:calc(50% - 3px);top:1px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.home-selected .wheel-orbit{opacity:0}
.layout-options{grid-template-columns:1fr 1fr}
body[data-navigation="wheel"] header{padding-top:34px;padding-bottom:26px}
@media(max-width:600px){.wheel-nav{width:242px;height:242px;margin-bottom:20px}.wheel-home{width:84px;height:84px;gap:6px}.wheel-home svg{width:23px;height:23px}.wheel-home span{font-size:11px}body[data-navigation="wheel"] header{padding-top:18px;padding-bottom:19px}.wheel-label text{font-size:13px}.wheel-orbit:before{top:0}}
@media(max-width:359px){.wheel-nav{width:226px;height:226px}.wheel-home{width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){.wheel-nav *,.wheel-nav *::before{animation:none!important;transition:none!important}}