:root{color-scheme:light dark;--bg:#f4f6f3;--surface:#fff;--text:#17211d;--muted:#5c6862;--accent:#315c4c;--line:#d8ded9;--focus:#0878d1;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.skip{position:absolute;left:1rem;top:-4rem;background:var(--surface);padding:.75rem;z-index:2}.skip:focus{top:1rem}header{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-size:1.2rem;font-weight:700}output{color:var(--muted);font-size:.875rem}.shell{display:grid;grid-template-columns:15rem 1fr;min-height:calc(100vh - 4rem)}nav{padding:1rem;border-right:1px solid var(--line);background:var(--surface)}button{display:block;width:100%;min-height:44px;padding:.625rem .75rem;border:0;border-radius:.5rem;text-align:left;background:transparent;color:inherit}button[aria-current]{background:color-mix(in srgb,var(--accent) 15%,transparent);font-weight:650}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}main{padding:clamp(1rem,3vw,2rem);max-width:70rem}.state{margin-top:2rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-radius:1rem;background:var(--surface);text-align:center}.state h2{font-size:1.25rem}.state p{color:var(--muted);max-width:34rem;margin:auto}@media(max-width:700px){header{height:3.5rem}.shell{display:block;min-height:calc(100vh - 3.5rem)}nav{display:flex;position:fixed;z-index:1;bottom:0;inset-inline:0;border:0;border-top:1px solid var(--line);padding:.4rem}nav button{text-align:center}main{padding-bottom:5rem}}@media(prefers-color-scheme:dark){:root{--bg:#101512;--surface:#18201c;--text:#edf3ef;--muted:#b2beb7;--accent:#83c7aa;--line:#334039;--focus:#72b7ff}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.privacy-note{margin-top:1rem!important;font-size:.875rem}header{height:auto;min-height:4rem;gap:.5rem;flex-wrap:wrap;padding-block:.5rem;padding-top:max(.5rem,env(safe-area-inset-top));padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}output{overflow-wrap:anywhere}.shell{min-height:calc(100dvh - 4rem)}main{min-width:0}.state{overflow-wrap:anywhere}@media(max-width:700px){header{height:auto;min-height:3.5rem}.shell{min-height:calc(100dvh - 3.5rem)}nav{padding-bottom:calc(.4rem + env(safe-area-inset-bottom));padding-left:max(.4rem,env(safe-area-inset-left));padding-right:max(.4rem,env(safe-area-inset-right))}main{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}}@media(forced-colors:active){button[aria-current]{outline:2px solid Highlight}.state{border-color:CanvasText}button:disabled{color:GrayText}}