.shell{flex-direction:column;min-height:100vh;display:flex}.shell__bar{z-index:100;background:var(--c-navbg);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--c-rule);position:sticky;top:0}.shell__bar-in{align-items:center;gap:var(--sp-2) var(--sp-4);max-width:var(--maxw);padding:var(--sp-2) var(--gutter);flex-wrap:wrap;min-height:60px;margin:0 auto;display:flex}.shell__nav{flex:auto;min-width:0}.shell__nav-list{align-items:center;gap:var(--sp-1);margin:0 0 0 calc(-1 * var(--sp-3));flex-wrap:wrap;padding:0;list-style:none;display:flex}.shell__nav-link{min-height:44px;padding-inline:var(--sp-3);color:var(--c-ink-2);font-size:var(--fs-sm);transition:color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.shell__nav-link:hover{color:var(--c-brand);box-shadow:inset 0 -2px 0 var(--c-volt)}.shell__lenses{gap:var(--sp-2);flex-wrap:wrap;display:flex}.shell__switcher,.shell__dial{position:relative}.shell__switcher-summary,.shell__dial-summary{align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-3);cursor:pointer;border:1px solid var(--c-hair-2);border-radius:var(--r-1);background:var(--c-raised);transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);list-style:none;display:flex}.shell__switcher-summary:hover,.shell__dial-summary:hover{border-color:var(--c-brand);background:var(--c-brand-soft)}.shell__switcher-summary::-webkit-details-marker{display:none}.shell__dial-summary::-webkit-details-marker{display:none}.shell__switcher-label,.shell__dial-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-ink-faint);font-weight:600}.shell__switcher-current,.shell__dial-current{font-size:var(--fs-sm);color:var(--c-ink);font-weight:500}.shell__switcher-menu,.shell__dial-menu{z-index:2;min-width:15rem;max-width:min(22rem, calc(100vw - var(--sp-6)));margin-top:var(--sp-1);padding:var(--sp-2);border:1px solid var(--c-rule);border-radius:var(--r-2);background:var(--c-overlay);box-shadow:var(--sh-2);position:absolute;right:0}.shell__switcher-list,.shell__dial-list{margin:0;padding:0;list-style:none}.shell__switcher-option,.shell__dial-option{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);text-align:left;cursor:pointer;color:var(--c-ink);font-size:var(--fs-sm);border-radius:var(--r-1);transition:background-color var(--dur-1) var(--ease-out);background:0 0;border:0;display:block}.shell__switcher-option:hover,.shell__dial-option:hover{background:var(--c-surface)}.shell__switcher-option[aria-current=true],.shell__dial-option[aria-current=true]{color:var(--c-brand);box-shadow:inset 2px 0 0 var(--c-volt);font-weight:600}.shell__switcher-option:focus-visible,.shell__dial-option:focus-visible,.shell__switcher-summary:focus-visible,.shell__dial-summary:focus-visible{box-shadow:var(--ring-focus);outline:none}.shell__switcher-note,.shell__dial-note{margin:var(--sp-3) 0 0;padding:var(--sp-3) var(--sp-3) 0;border-top:1px solid var(--c-hair);color:var(--c-ink-faint);font-size:var(--fs-2xs);line-height:var(--lh-body)}.shell__dial-option{gap:var(--sp-1);padding-block:var(--sp-3);flex-direction:column;display:flex}.shell__dial-help{color:var(--c-ink-faint);font-size:var(--fs-2xs);line-height:var(--lh-body);font-weight:400}.shell__main{flex:auto;display:block}@media (max-width:30rem){.shell__bar-in{gap:var(--sp-1) var(--sp-2)}.shell__lenses{flex:auto}.shell__switcher-menu,.shell__dial-menu{left:0;right:auto}}