*{box-sizing:border-box}body{color:#292b28;background:#faf9f6;margin:0;font-family:system-ui,Arial,sans-serif}.app{max-width:520px;min-height:100vh;margin:auto;padding-bottom:96px}header{border-bottom:1px solid #e9e5dc;padding:20px 24px;font-size:20px}main{padding:24px}.hero{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:#e9e5dc;width:100%}h1{letter-spacing:-1px;white-space:pre-line;margin:24px 0 8px;font-size:40px;line-height:1.1}h2{margin:0 0 8px;font-size:30px}h3{margin:0 0 4px}p{color:#5f6058;line-height:1.6}.note{font-size:13px;font-style:italic}.button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;width:100%;min-height:56px;margin-top:20px;font-size:18px;font-weight:600;display:block}.button:disabled{opacity:.6}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;margin-top:12px;padding:20px}article p{margin:0}form{gap:16px;margin-top:16px;display:grid}label{gap:8px;font-size:15px;font-weight:600;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #cfc9bd;border-radius:12px;min-height:52px;padding:15px}nav{max-width:520px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5dfd6;grid-template-columns:repeat(3,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}nav button{color:#5f6058;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;min-height:68px;padding:12px 0;font-size:13px;display:grid}nav button.on{color:var(--accent);font-weight:700}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.button,nav button{transition:transform .15s}.button:active{transform:scale(.98)}}