:root{--page:#f7dce1;--surface:#fff8fa;--soft:#f2c2c7;--accent:#a74766;--deep:#653246;--ink:#3f2831;--muted:#75515f;--line:#dda8b5;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:1px solid #a747661a;border-radius:24px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 18px 42px #65324629}.app-header{background:#fbecef;padding:28px 24px 18px}.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}.frame-instruction{margin:0 0 22px}.photo-input{z-index:2;opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.photo-dropzone{border:1.5px dashed var(--accent);min-height:228px;color:var(--deep);background:var(--soft);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:24px 18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff8fab8}.photo-dropzone:before,.photo-dropzone:after{content:"";border-color:#a9506c57;width:24px;height:24px;position:absolute}.photo-dropzone:before{border-top:1px solid;border-left:1px solid;border-radius:7px 0 0;top:12px;left:12px}.photo-dropzone:after{border-bottom:1px solid;border-right:1px solid;border-radius:0 0 7px;bottom:12px;right:12px}.photo-dropzone:hover,.photo-dropzone[data-dragging=true]{background:#edb4bd;border-style:solid;box-shadow:inset 0 0 0 2px #a747661f}.photo-dropzone[data-focused=true]{outline:3px solid var(--accent);outline-offset:3px}.photo-upload-icon{width:66px;height:66px;color:var(--accent);background:#fff8fae6;border:1px solid #a9506c47;border-radius:50%;place-items:center;margin-bottom:14px;display:grid;box-shadow:0 9px 22px #6532461f}.photo-upload-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:36px;height:36px}.photo-upload-title{max-width:250px;font-size:1rem;line-height:1.4}.photo-upload-action{color:#fff;background:var(--accent);border-radius:999px;margin-top:14px;padding:9px 17px;font-size:.875rem;font-weight:750;box-shadow:0 7px 16px #6f344829}.photo-upload-help{color:var(--muted);margin-top:10px;font-size:.8125rem;font-weight:500}.photo-error{color:var(--deep);background:var(--soft);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:.875rem}.selected-photo{margin:18px 0 0}.selected-photo figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:.875rem;overflow:hidden}.photo-tips-heading{margin:22px 0 10px;font-size:.875rem;font-weight:750;color:var(--deep)!important}.photo-tips{gap:8px;margin:0;padding:0;list-style:none;display:grid}.photo-tips li{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:.875rem;line-height:1.35;display:flex}.photo-tips li:before{background:var(--accent);content:"";flex:none;width:7px;height:7px;transform:rotate(45deg)}.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}}