:root{--brand:#146655;--ink:#15382f;--surface:#f4f7f5;--radius:16px;--space:1rem;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:system-ui,sans-serif;min-height:100dvh;padding:env(safe-area-inset-top) max(1rem,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(1rem,env(safe-area-inset-left))}main{max-width:960px;margin:auto;padding:clamp(2rem,8vw,5rem) 0}h1{font-size:clamp(2rem,6vw,3.5rem)}a,button{min-height:44px;display:inline-flex;align-items:center;padding:.8rem 1.2rem;border-radius:var(--radius);background:var(--brand);color:white;text-decoration:none;border:0;font:inherit}nav{display:flex;gap:1rem;flex-wrap:wrap}.notice{position:sticky;top:0;background:#fff3cd;padding:1rem;z-index:10}.card{padding:1.5rem;background:white;border-radius:var(--radius);margin-block:1rem}input{font:inherit;font-size:16px}button{cursor:pointer}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}form{gap:1rem;max-width:420px}form,label{display:grid}label{gap:.5rem}input{width:100%;padding:.75rem;border:1px solid #b7c9c1;border-radius:8px}