.shell{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.shell a,.shell button,.shell select{-webkit-tap-highlight-color:transparent}:where(.shell) :is(a,button,select):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell-main{z-index:1;position:relative}.shell-logo{object-fit:contain;max-width:min(40vw,22rem);max-height:40vh;opacity:var(--logo-opacity);pointer-events:none;z-index:0;position:fixed;bottom:1.5rem;right:1.5rem}.lbl{white-space:nowrap}.theme{background:var(--fill);border-radius:999px;display:inline-flex}.theme button{all:unset;box-sizing:border-box;width:44px;height:44px;color:var(--text-2);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:flex}.theme button[aria-pressed=true]{background:var(--card);color:var(--accent)}.theme button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.picker{align-items:center;gap:.5rem;min-height:44px;display:flex;position:relative}.picker-chip{background:var(--accent-solid);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.picker select{box-sizing:border-box;background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .5rem center / 1.25rem;appearance:none;min-width:0;min-height:44px;color:var(--text);font:inherit;border:0;border-radius:22px;flex:1;padding:0 2rem 0 .75rem}.shell-rail{display:none}.shell-top{z-index:2;padding:calc(env(safe-area-inset-top) + .5rem) 1rem 0;position:relative}.top-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.brand{flex:1 0 auto;font-weight:700}.out-pill{all:unset;box-sizing:border-box;background:var(--fill);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;padding:0 1rem;display:flex}.out-pill:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shell-main>main{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.shell-tabs{left:calc(1rem + env(safe-area-inset-left));right:calc(1rem + env(safe-area-inset-right));bottom:calc(.625rem + env(safe-area-inset-bottom));z-index:10;height:64px;position:fixed;container-type:inline-size}@container (max-width:17em){.tab-item .lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}html{scroll-padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.tabs-grid{grid-template-columns:repeat(var(--n), 1fr);height:100%;padding:0 6px;display:grid;position:relative}.tab-dot{width:calc((100% - 12px) / var(--n));background:color-mix(in srgb, var(--accent) 16%, transparent);transform:translateX(calc(var(--i) * 100%));border-radius:999px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:6px;bottom:6px;left:6px}.shell-tabs.lg-tab{text-shadow:none}.tab-item{min-width:44px;min-height:44px;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.625rem;font-weight:600;text-decoration:none;display:flex;position:relative}.tab-item[aria-current=page]{color:var(--text)}.tab-item[aria-current=page]>svg{color:var(--accent)}@media (min-width:768px){html{scroll-padding-bottom:0}.shell-top,.shell-tabs{display:none}.shell-rail{box-sizing:border-box;top:.75rem;bottom:.75rem;left:calc(.75rem + env(safe-area-inset-left));z-index:10;flex-direction:column;gap:.75rem;width:76px;padding:12px;transition:width .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed}.shell-rail.is-wide{width:14.5rem}.shell-main{margin-left:calc(76px + 1.5rem)}.shell-main>main{padding-bottom:1rem}.shell-logo{bottom:2rem;right:2rem}.rail-items{flex-direction:column;gap:8px;display:flex;position:relative}.rail-dot{background:color-mix(in srgb, var(--accent) 16%, transparent);height:44px;transform:translateY(calc(var(--i) * 52px));border-radius:22px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;right:0}.nav-item{all:unset;box-sizing:border-box;height:44px;color:var(--text);cursor:pointer;border-radius:22px;align-items:center;gap:12px;padding:0 14px;font-size:.9375rem;font-weight:600;display:flex;position:relative}.nav-item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.nav-item[aria-current=page]{color:var(--text)}.nav-item[aria-current=page]>svg{color:var(--accent)}.nav-item>svg{flex:none}.nav-item .lbl,.who{opacity:0;max-width:0;transition:max-width .4s,opacity .25s;overflow:hidden}.is-wide .nav-item .lbl,.is-wide .who{opacity:1;max-width:10rem}.rail-foot{flex-direction:column;align-items:center;gap:8px;margin-top:auto;display:flex}.rail-foot .nav-item{align-self:stretch}.who{white-space:nowrap;text-overflow:ellipsis;color:var(--text-2);align-self:stretch;margin:0;padding:0 14px;font-size:.8125rem}.is-wide .who{max-width:100%}.theme{flex-direction:column}.is-wide .theme{flex-direction:row}.shell-rail:not(.is-wide) .picker{justify-content:center}.shell-rail.is-wide .picker-chip{display:none}.shell-rail:not(.is-wide) .picker select{opacity:0;width:100%;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){.shell-rail,.rail-dot,.tab-dot,.nav-item .lbl,.who{transition:none}}@media (prefers-contrast:more){.theme button[aria-pressed=true]{outline:2px solid var(--text)}.rail-dot,.tab-dot{background:color-mix(in srgb, var(--accent) 30%, transparent)}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.flat{box-sizing:border-box;background:var(--fill);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-weight:600;display:inline-flex}.flat-icon{padding:0}.flat:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.flat:disabled{opacity:.5;cursor:default}.flat[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 24%, transparent);box-shadow:inset 0 0 0 2px var(--accent)}.flat-solid{background:var(--accent-solid);color:#fff}:where([data-theme=dark]) .flat-solid{box-shadow:inset 0 0 0 1px #ffffff59}@media (prefers-contrast:more){.flat{box-shadow:inset 0 0 0 2px var(--text)}.flat[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--text)}}.field-label{color:var(--text-2);flex-direction:column;gap:.25rem;margin:0;font-size:.875rem;display:flex}.field{box-sizing:border-box;background:var(--fill);width:100%;min-height:44px;color:var(--text);font:inherit;border:1px solid #0000;border-radius:16px;margin:0;padding:.625rem .875rem}.field:focus-visible{outline:2px solid var(--focus);outline-offset:2px}select.field{appearance:none;background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .75rem center / 1.25rem;padding-right:2.5rem}.msg{background:var(--card);border:1px solid;border-radius:16px;margin:0 0 .75rem;padding:.625rem 1rem;font-weight:600}.msg.ok{color:#1b6e2f}.msg.error{color:#b00020}:where([data-theme=dark]) .msg.ok{color:#5ad27a}:where([data-theme=dark]) .msg.error{color:#ff8a98}@media (prefers-contrast:more){.field-label{color:var(--text)}.field{border-color:var(--text)}}.skip{z-index:100;background:var(--accent-solid);color:#fff;border-radius:999px;padding:.75rem 1rem;font-weight:600;text-decoration:none;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip:focus-visible{outline:2px solid var(--focus);outline-offset:2px;transform:none}#main-content:focus{outline:none}