:root{--page:#fbf4f6;--surface:#fffafb;--soft:#f8e3e9;--accent:#a9506c;--deep:#6f3448;--ink:#382a30;--muted:#755f67;--line:#dfbdc8;color:var(--ink);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;margin:0}button,select,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100% - 24px,390px);margin-inline:auto;padding-block:24px}.app-card{background:var(--surface);border-radius:24px;min-height:520px;overflow:hidden;box-shadow:0 14px 34px #6f34481f}.app-header{padding:28px 24px 16px}.eyebrow,.stage-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:750}h1,h2{color:var(--deep);font-family:Georgia,serif}h1{margin:0;font-size:2rem;line-height:1.1}h2{margin:0 0 16px;font-size:1.5rem}.app-header p:not(.eyebrow),.stage-card p{color:var(--muted);line-height:1.5}.step-tabs{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.step-tab{border:0;border-right:1px solid var(--line);min-height:44px;color:var(--muted);background:0 0;font-size:.75rem;font-weight:700}.step-tab:last-child{border-right:0}.step-tab[aria-selected=true]{background:var(--soft);color:var(--deep)}.step-tab:disabled{color:var(--muted);cursor:not-allowed;opacity:.7}.step-lock{margin-left:4px;display:inline-block}.stage-card{padding:28px 24px}label,legend{color:var(--deep);margin-bottom:8px;font-weight:700;display:block}select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface);border-radius:10px;padding:0 12px}fieldset{border:0;margin:20px 0;padding:0}.choice-row,.radio-stack{gap:10px;display:grid}.choice-row{grid-template-columns:1fr 1fr}.radio-choice{border:1px solid var(--line);min-height:44px;color:var(--deep);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin:0;padding:10px 12px;display:flex}.radio-choice:has(input:checked){border-color:var(--accent);background:var(--soft)}.radio-choice input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.choice,.primary-action,.secondary-action{border-radius:12px;min-height:44px;padding:10px 14px;font-weight:750}.choice{border:1px solid var(--line);color:var(--deep);background:var(--surface)}.choice.selected{border-color:var(--accent);background:var(--soft)}.selected-copy{margin-left:6px;font-size:.75rem}.primary-action{border:1px solid var(--accent);color:#fff;background:var(--accent);width:100%}.secondary-action{border:1px solid var(--line);width:100%;color:var(--deep);background:0 0;margin-top:20px}.status-note{color:var(--deep);background:var(--soft);border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.status-note span{color:var(--accent);font-weight:900}.frame-card,.check-card{padding:28px 24px}.diagnostics-card{border-top:1px solid var(--line);padding:20px 24px 28px}.diagnostics-card textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:10px;font:.72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.frame-card img,.annotated-pose{background:var(--soft);border-radius:14px;width:100%;height:auto;margin-top:18px;display:block}.result-card h3{color:var(--deep);margin:24px 0 8px;font-family:Georgia,serif}.corrections{margin:0;padding-left:1.4rem}.corrections li{margin-block:10px;line-height:1.45}.result-card details{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.result-card summary{color:var(--deep);cursor:pointer;font-weight:750}.result-card details section{border-bottom:1px solid var(--line);padding-block:8px}.result-card details h3{margin:8px 0 2px;font-size:1rem}.result-card details p,.result-card>p{color:var(--muted);line-height:1.45}@media (prefers-reduced-motion:no-preference){button{transition:background-color .14s,border-color .14s}}
