*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{color:#292b28;background:#faf9f6;font-family:system-ui,Arial,sans-serif}.app{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom));font-size:16px}.app.large{font-size:19px}.top{padding:calc(14px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;gap:8px;display:flex}.pill{color:var(--accent);background:#e6efe9;border-radius:99px;padding:6px 10px;font-size:.72em}main{max-width:720px;padding:20px max(18px,env(safe-area-inset-right)) 30px max(18px,env(safe-area-inset-left));margin:auto}.hero{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:#dfe8e2;width:100%;display:block}.eyebrow{letter-spacing:3px;color:var(--accent);margin-top:22px;font-size:.7em;display:block}h1{letter-spacing:-2px;white-space:pre-line;margin:10px 0;font-size:clamp(38px,11vw,72px);font-weight:500;line-height:1.05}h2{margin:0 0 8px}p{color:#5f6058;line-height:1.7}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);min-height:48px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;width:100%;padding:0 24px;display:inline-flex}.btn:disabled{opacity:.6}.btn.ghost{color:var(--accent);border:1px solid var(--accent);background:#fff;margin:14px 0}.cards{gap:14px;margin-top:30px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;margin-top:14px;padding:22px}.cards article{margin:0}.chips{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.chip{min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfd8d2;border-radius:99px;padding:0 18px}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.note{background:#eef3ef;border-radius:12px;padding:12px 14px;font-size:.88em}.row{border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;min-height:56px;display:flex}.row input{width:28px;height:28px;accent-color:var(--accent)}form{gap:14px;display:grid}label{gap:6px;font-size:.9em;display:grid}.row{display:flex}input:not([type=checkbox]),textarea{font:inherit;background:#fff;border:1px solid #cfcfc8;border-radius:12px;width:100%;min-height:48px;padding:12px}.tabs{padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#fff;border-top:1px solid #e2ded4;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-width:44px;min-height:56px;font:inherit;color:#6a6b62;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.75em;display:flex}.tab.on{color:var(--accent);background:#e6efe9;font-weight:600}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width>=700px){.cards{grid-template-columns:repeat(3,1fr)}.btn{width:auto}}@media (prefers-reduced-motion:no-preference){.tab,.chip,.btn{transition:background .2s}}