.ypid-wrapper{border:2px solid var(--color-primary);border-radius:12px;overflow:hidden;margin:var(--space-xl) 0;background:var(--color-bg);box-shadow:0 4px 24px #1a6b3c14}.ypid-progress{background:var(--color-primary);padding:20px 24px}.ypid-progress-steps{display:flex;align-items:center;justify-content:center;gap:0;max-width:420px;margin:0 auto}.ypid-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.5;transition:opacity .3s}.ypid-step.active,.ypid-step.done{opacity:1}.ypid-step-num{width:32px;height:32px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;transition:background .3s}.ypid-step.active .ypid-step-num,.ypid-step.done .ypid-step-num{background:#fff;color:var(--color-primary)}.ypid-step-label{font-size:.6875rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.ypid-step-line{flex:1;height:2px;background:#ffffff40;margin:0 8px 18px;min-width:30px}.ypid-screen{display:none;padding:32px 28px;animation:ypidFade .35s ease}.ypid-screen.active{display:block}@keyframes ypidFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ypid-question{font-size:1.375rem;color:var(--color-text);margin:0 0 4px;font-family:var(--font-heading)}.ypid-hint{font-size:.875rem;color:var(--color-text-light);margin:0 0 24px}.ypid-back{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:16px;font-family:var(--font-body)}.ypid-back:hover{text-decoration:underline}.ypid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ypid-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border:2px solid var(--color-border);border-radius:10px;background:var(--color-bg);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;font-family:var(--font-body);text-align:center}.ypid-card:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #1a6b3c1a;transform:translateY(-2px)}.ypid-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 2px 12px #1a6b3c26}.ypid-card-icon{font-size:1.75rem;line-height:1}.ypid-card-text{font-size:.875rem;font-weight:600;color:var(--color-text)}.ypid-card-sub{font-size:.75rem;color:var(--color-text-lighter)}.ypid-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.ypid-pill{padding:8px 16px;border:2px solid var(--color-border);border-radius:24px;background:var(--color-bg);font-size:.875rem;font-family:var(--font-body);color:var(--color-text);cursor:pointer;transition:all .2s;font-weight:500}.ypid-pill:hover{border-color:var(--color-primary)}.ypid-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ypid-next{display:block;width:100%;padding:14px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1.0625rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background .2s,transform .1s}.ypid-next:hover{background:#145530;transform:translateY(-1px)}.ypid-submit{background:var(--color-cta)}.ypid-submit:hover{background:var(--color-cta-hover)}.ypid-results-header{text-align:center;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--color-border)}.ypid-checkmark{margin:0 auto 12px;width:56px;height:56px;animation:ypidPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes ypidPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.ypid-results-title{font-size:1.625rem;color:var(--color-text);margin:0 0 6px;font-family:var(--font-heading)}.ypid-results-sub{font-size:.9375rem;color:var(--color-text-light);margin:0}.ypid-result-card{border:1px solid #e0e0e0;border-radius:14px;overflow:hidden;margin-bottom:28px;background:var(--color-bg);box-shadow:0 2px 12px #0000000d;animation:ypidSlideUp .45s ease both}.ypid-result-card:nth-child(2){animation-delay:.1s}.ypid-result-card:nth-child(3){animation-delay:.2s}@keyframes ypidSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ypid-result-card:first-child{border:2px solid var(--color-primary);box-shadow:0 4px 24px #1a6b3c1f}.ypid-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fafbfc}.ypid-result-card:first-child .ypid-result-top{background:#f0f7f2;border-bottom-color:#d4e8dc}.ypid-result-name{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;color:var(--color-text)}.ypid-result-match{font-size:.8125rem;font-weight:700;padding:5px 14px;border-radius:20px;white-space:nowrap}.ypid-match-high{background:#e8f5e9;color:#2e7d32}.ypid-match-medium{background:#fff8e1;color:#e65100}.ypid-match-low{background:#f3f4f6;color:#6b7280}.ypid-urgency-banner{display:flex;align-items:center;gap:8px;padding:10px 24px;font-size:.8125rem;font-weight:600}.ypid-urgency-banner-low{background:#e8f5e9;color:#1b5e20}.ypid-urgency-banner-medium{background:#fff3e0;color:#bf360c}.ypid-urgency-banner-high{background:#c62828;color:#fff}.ypid-urgency-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ypid-urgency-banner-low .ypid-urgency-dot{background:#2e7d32}.ypid-urgency-banner-medium .ypid-urgency-dot{background:#e65100}.ypid-urgency-banner-high .ypid-urgency-dot{background:#fff}.ypid-result-body{padding:24px}.ypid-body-grid{display:grid;grid-template-columns:1fr 280px;gap:28px;margin-bottom:24px}.ypid-desc{font-size:.9375rem;line-height:1.7;color:var(--color-text);margin:0 0 20px}.ypid-grub-note{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:.8125rem;line-height:1.5;color:#92400e;margin-bottom:16px}.ypid-section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-light);margin:0 0 8px}.ypid-tips{list-style:none;padding:0;margin:0}.ypid-tips li{font-size:.875rem;line-height:1.6;padding:5px 0 5px 24px;position:relative;color:var(--color-text)}.ypid-tips li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:.9375rem}.ypid-body-right,.ypid-costs{display:flex;flex-direction:column;gap:12px}.ypid-cost-box{padding:16px;border-radius:10px;text-align:center}.ypid-cost-box-diy{background:#f0fdf4;border:1px solid #bbf7d0}.ypid-cost-box-pro{background:#f8fafc;border:1px solid #e2e8f0}.ypid-cost-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:6px}.ypid-cost-box-diy .ypid-cost-label{color:#166534}.ypid-cost-box-pro .ypid-cost-label{color:var(--color-text-light)}.ypid-cost-value{font-size:1.25rem;font-weight:700;font-family:var(--font-heading);line-height:1.2}.ypid-cost-box-diy .ypid-cost-value{color:#15803d}.ypid-cost-box-pro .ypid-cost-value{color:var(--color-text)}.ypid-damage-risk{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;padding:8px 12px;border-radius:8px;margin-top:4px}.ypid-risk-low{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ypid-risk-medium{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.ypid-risk-high{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ypid-actions{display:flex;gap:10px;padding-top:20px;border-top:1px solid #f0f0f0}.ypid-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;font-family:var(--font-body);flex:1;text-align:center;white-space:nowrap}.ypid-action-secondary{background:var(--color-bg);color:var(--color-primary);border:2px solid var(--color-primary)}.ypid-action-secondary:hover{background:var(--color-primary);color:#fff}.ypid-action-cta{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);font-size:.875rem}.ypid-action-cta:hover{background:#145530;border-color:#145530;color:#fff}.ypid-restart-wrap{text-align:center;margin-top:8px}.ypid-restart{background:none;border:none;padding:10px 24px;font-size:.875rem;font-weight:500;font-family:var(--font-body);color:var(--color-text-light);cursor:pointer;transition:color .2s;text-decoration:underline;text-underline-offset:3px}.ypid-restart:hover{color:var(--color-primary)}@media(max-width:768px){.ypid-body-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.ypid-cards{grid-template-columns:repeat(2,1fr)}.ypid-screen{padding:24px 18px}.ypid-progress{padding:16px 14px}.ypid-step-label{font-size:.6rem}.ypid-step-num{width:28px;height:28px;font-size:.75rem}.ypid-actions{flex-direction:column}.ypid-action{flex:auto;width:100%}.ypid-result-top{padding:16px 18px}.ypid-result-body{padding:18px}.ypid-urgency-banner{padding:10px 18px}.ypid-result-name{font-size:1.1875rem}}@media(max-width:400px){.ypid-cards{grid-template-columns:1fr 1fr}}