:root{--background:#f5f7f5;--surface:#ffffff;--surface-muted:#edf2ee;--text:#15201a;--muted:#66736b;--line:#dfe7e1;--accent:#0f6b4f;--accent-strong:#0a4d3a;--nav-height:76px}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid var(--line);background:rgb(245 247 245/.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header h1{margin:2px 0 0;font-size:22px;line-height:1.1}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.app-main{width:min(100%,760px);margin:0 auto;padding:18px 16px 28px}.page-panel{min-height:320px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 32px rgb(21 32 26/.06)}.page-panel h2{margin:8px 0 10px;font-size:28px;line-height:1.1}.page-panel p:not(.eyebrow){max-width:560px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}.ready-pill{display:inline-flex;align-items:center;min-height:32px;margin-top:22px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent-strong);font-size:13px;font-weight:700}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgb(255 255 255/.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav__item{display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:700}.bottom-nav__item svg{flex:0 0 auto}.bottom-nav__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__item--active{background:var(--surface-muted);color:var(--accent-strong)}@media (min-width:780px){.app-header{padding-right:calc((100vw - 760px) / 2);padding-left:calc((100vw - 760px) / 2)}.bottom-nav{right:50%;left:auto;width:min(100%,760px);transform:translateX(50%);border-right:1px solid var(--line);border-left:1px solid var(--line);border-radius:14px 14px 0 0}}