*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color-scheme:light dark}body{min-height:100dvh;-webkit-font-smoothing:antialiased}.skip-link{position:absolute;top:-9999px;left:0;z-index:9999;padding:.5rem 1rem;background:#000;color:#fff;font-weight:600;text-decoration:none}.skip-link:focus{top:0}:focus-visible{outline:3px solid #0066cc;outline-offset:2px}:focus:not(:focus-visible){outline:none}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-nav{display:flex;gap:0;background:#fff;border-top:1px solid #e5e5e5;position:fixed;bottom:0;left:0;right:0;z-index:100}.app-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.625rem .25rem;font-size:.75rem;font-weight:500;color:#6b7280;text-decoration:none;gap:.25rem;min-height:56px}.app-nav a[aria-current=page]{color:#06c}.app-nav a:hover{color:#0052a3}.app-main{flex:1;padding-bottom:56px}.route-shell{padding:1.5rem 1rem}.route-shell h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.route-shell p{color:#6b7280}.health-banner{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-top:1rem}.health-banner.ok{background:#dcfce7;color:#166534}.health-banner.err{background:#fee2e2;color:#991b1b}.health-banner.checking{background:#f3f4f6;color:#6b7280}