:root{--color-canvas:#f7f5ef;--color-surface:#fffdfa;--color-text:#252a24;--color-muted:#60685f;--color-focus:#1f6d51}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--color-text);background:var(--color-canvas);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}main{place-items:center;min-height:100vh;padding:clamp(1.5rem,5vw,4rem);display:grid}section{border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);background:var(--color-surface);border-radius:1.5rem;width:min(100%,42rem);padding:clamp(1.5rem,4vw,3rem)}.pet-spirit-app{width:min(100%,42rem)}.pet-spirit-app section{width:100%}h1,p{margin:0}h1{margin-block:.5rem 1rem;font-size:clamp(2rem,6vw,4rem);line-height:1.1}p{color:var(--color-muted)}.eyebrow,.progress-header,.answer-meta{font-size:.875rem}.lead,.boundary,.question-fieldset>p,.missing-summary,form,.consent-row{margin-block-start:1rem}.boundary{border-inline-start:3px solid color-mix(in srgb, var(--color-focus) 45%, transparent);background:color-mix(in srgb, var(--color-focus) 5%, transparent);padding:.875rem 1rem}button,input,textarea{font:inherit}button{border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:.65rem;padding:.65rem 1rem}button:disabled{cursor:not-allowed;opacity:.5}.primary-action{border-color:var(--color-focus);color:#fff;background:var(--color-focus)}section>.primary-action{margin-block-start:1.5rem}.actions{justify-content:space-between;gap:.75rem;margin-block-start:1.5rem;display:flex}.stacked-actions{flex-direction:column;align-items:stretch}.consent-row,.species-options label,.option-row{align-items:flex-start;gap:.75rem;display:flex}.consent-row input,.species-options input,.option-row input{min-height:auto;margin-block-start:.25rem}.field-row{margin-block-end:.35rem;display:block}#pet-name,textarea{border:1px solid color-mix(in srgb, var(--color-text) 28%, transparent);width:100%;color:var(--color-text);background:#fff;border-radius:.5rem;padding:.75rem}.species-options,.question-fieldset{border:0;min-inline-size:0;margin:1.25rem 0 0;padding:0}.species-options label{margin-block-start:.6rem}.species-option{min-height:44px}.progress-header,.answer-meta{justify-content:space-between;gap:1rem;display:flex}.question-fieldset legend{padding:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2}.option-list,.open-answer{gap:.65rem;margin-block-start:1.25rem;display:grid}.option-row{border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);cursor:pointer;border-radius:.65rem;padding:.85rem}.option-row.is-selected{border-color:var(--color-focus);background:color-mix(in srgb, var(--color-focus) 8%, transparent)}.option-row.is-missing{color:var(--color-muted);background:color-mix(in srgb, var(--color-muted) 5%, transparent)}textarea{resize:vertical}.missing-summary{gap:.65rem;padding:0;list-style:none;display:grid}.missing-summary li{border-block-end:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}button,input,select,textarea{min-height:44px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}