:root{--accent:#d08770}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fdf6ec;color:#2e3440}
main{max-width:640px;margin:0 auto;padding:16px}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 20px #0001;margin:16px 0}
nav.top{max-width:640px;margin:0 auto;padding:12px 16px 0}nav.top a{color:#777;text-decoration:none;font-size:.9rem}
h1{font-size:1.8rem;margin-top:0}.btn{background:var(--accent);color:#fff;border:0;border-radius:12px;padding:14px 20px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;margin:6px 0}
.btn.ghost{background:#eceff4;color:#2e3440}.btn[disabled]{opacity:.6;cursor:wait}.hidden{display:none}.small{font-size:.8rem;color:#777}
#qa button{display:block;width:100%;text-align:left;margin:8px 0;padding:14px;border-radius:12px;border:2px solid #eceff4;background:#fff;font-size:1rem;cursor:pointer;color:#2e3440}
#qa button:hover{border-color:var(--accent)}.bar{height:6px;background:#eceff4;border-radius:3px;margin-bottom:16px}#prog{height:6px;background:var(--accent);border-radius:3px;width:0}
canvas{width:100%;border-radius:12px}.upsell{border-top:1px solid #eee;margin-top:16px}select{padding:10px;border-radius:8px;font-size:1rem;max-width:100%}
.row{display:flex;gap:8px;flex-wrap:wrap}footer{text-align:center;font-size:.8rem;padding:20px;color:#777;line-height:1.8}footer a{color:#777}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.tile{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:14px;border:2px solid #eceff4;text-decoration:none;color:#2e3440}
.tile:hover{border-color:#d08770}.tile span{font-size:3rem}.tile small{color:#777}@media(max-width:480px){.tiles{grid-template-columns:1fr}}