body{background:#f3f5f8}.phone{flex-direction:column;min-height:100dvh;font-size:18px;display:flex}.phone-header{color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.on{background:#2e7d32}.dot.off{background:var(--negative)}.phone-main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:8px 16px 32px}.message{text-align:center;margin:15vh 8px 0;font-size:22px;line-height:1.4}.stack{flex-direction:column;gap:16px;display:flex}.card{background:#fff;border-radius:12px;flex-direction:column;gap:16px;padding:20px 16px;display:flex;box-shadow:0 1px 3px #00000014}.card .message{margin:8px 0}.question{margin:0;font-size:22px;line-height:1.3}.question.small{text-align:center;font-size:20px}.number-row{align-items:stretch;gap:8px;display:flex}.number-field{border:2px solid var(--line);background:#fff;border-radius:10px;flex:1;align-items:center;min-width:0;padding:0 12px;display:flex}.number-field:focus-within{border-color:var(--accent)}.number-field input{min-width:0;font:inherit;text-align:right;background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:32px}.unit{color:var(--muted);margin-left:6px;font-size:28px}button{font:inherit;cursor:pointer}.stepper{border:2px solid var(--line);background:#fff;border-radius:10px;flex:0 0 56px;font-size:28px}.primary{background:var(--accent);color:#fff;border:0;border-radius:10px;min-height:56px;font-size:20px;font-weight:600}.primary:disabled{background:#b7c3d1}.text-input{font:inherit;border:2px solid var(--line);border-radius:10px;width:100%;padding:12px;font-size:24px}.text-input:focus{border-color:var(--accent);outline:0}textarea.text-input{resize:vertical;font-size:18px}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{border:2px solid var(--accent);min-height:72px;color:var(--accent);background:#fff;border-radius:10px;font-size:20px;font-weight:600}.choice.selected{background:var(--accent);color:#fff}.label-image{aspect-ratio:1;object-fit:cover;background:#e4e8ee;border-radius:10px;width:100%}.progress{color:var(--muted);text-align:center;margin:0}.label-summary{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.summary-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:12px;width:100%;padding:6px;display:flex}.summary-item img{object-fit:cover;background:#e4e8ee;border-radius:6px;width:56px;height:56px}.summary-item span:nth-child(2){flex:1;font-weight:600}.change{color:var(--accent);font-size:16px}.hint{text-align:center;margin:0;font-size:16px}.hint.ok{color:#2e7d32}.hint.warn{color:var(--negative);margin-top:12px}.other{gap:8px;display:flex}.other .text-input{flex:1;min-width:0;font-size:20px}.other .primary{min-height:52px;padding:0 18px}