#recommend-dialog{width:min(740px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid #e5eaf2;border-radius:24px;box-shadow:0 24px 100px #1423432b;overscroll-behavior:contain;background:#fff;scrollbar-gutter:stable}
#recommend-dialog *,#recommend-dialog *:before,#recommend-dialog *:after{box-sizing:border-box}
#recommend-dialog [hidden]{display:none!important}
#recommend-dialog .rec-top{padding:19px 28px;background:#fff;border-bottom:1px solid #edf0f5;top:0;z-index:5}
#recommend-dialog .rec-top b{font-size:14px;letter-spacing:-.03em}
#recommend-dialog #rec-close{display:grid;place-items:center;font-size:24px;cursor:pointer}
#recommend-dialog .rec-body{padding:26px 30px 24px}
#recommend-dialog .rec-kicker{font-size:12px;font-weight:700;margin:0 0 8px;color:#255aed}
#recommend-dialog .rec-body h2{font-size:27px;line-height:1.4;letter-spacing:-.055em;margin:0;color:#15243b;word-break:keep-all}
#recommend-dialog .rec-disclaimer{font-size:14px;line-height:1.6;margin:8px 0 0;color:#708096;word-break:keep-all}
#recommend-dialog #rec-progress{height:4px;margin:22px 0 24px;display:block}
#recommend-dialog.has-results #rec-progress{display:none}
#recommend-dialog button,#recommend-dialog input,#recommend-dialog select{font-family:inherit}
#recommend-dialog button:focus-visible,#recommend-dialog summary:focus-visible{outline:3px solid #96b2ff;outline-offset:3px}
#recommend-dialog .rec-group{border:0;padding:0;margin:0 0 26px;min-width:0}
#recommend-dialog .rec-group legend{font-size:14px;font-weight:700;margin-bottom:10px;padding:0}
#recommend-dialog .rec-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#recommend-dialog .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#recommend-dialog .rec-choice{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:51px;background:#fff;border:1px solid #dde4ee;border-radius:11px;padding:12px 14px;text-align:left;cursor:pointer;font-size:14px;color:#526279;line-height:1.4;transition:border-color .15s,background .15s}
#recommend-dialog .rec-choice i{font-style:normal;font-size:14px;color:#a9b4c5;flex-shrink:0}
#recommend-dialog .rec-choice.is-selected{border-color:#255aed;background:#f1f5ff;color:#2259e9;font-weight:700}
#recommend-dialog .rec-choice.is-selected i{color:#255aed}
#recommend-dialog .rec-amount{display:block;margin:0 0 24px}
#recommend-dialog .rec-amount>span{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
#recommend-dialog .rec-amount>div{display:flex;align-items:center;border:1px solid #d5deed;border-radius:12px;padding:0 16px;height:60px;background:#fff}
#recommend-dialog .rec-amount input{border:0;box-shadow:none;background:transparent;padding:0;min-width:0;width:100%;height:50px;font-size:25px;font-weight:750;color:#172c48;appearance:textfield}
#recommend-dialog .rec-amount input:focus{outline:0}
#recommend-dialog .rec-amount>div:focus-within{outline:2px solid #8cacff;outline-offset:1px}
#recommend-dialog .rec-amount input::-webkit-inner-spin-button{appearance:none}
#recommend-dialog .rec-amount b{font-size:14px;color:#728198;white-space:nowrap}
#recommend-dialog .rec-amount small{display:block;font-size:12px;line-height:1.6;color:#7b8899;margin-top:8px;word-break:keep-all}
#recommend-dialog .rec-extra{border-top:1px solid #edf0f5;padding-top:16px}
#recommend-dialog .rec-extra summary{font-size:13px;font-weight:600;color:#52657f;cursor:pointer;min-height:28px}
#recommend-dialog .rec-extra summary span{font-size:11px;margin-left:7px;font-weight:400;color:#91a0b3}
#recommend-dialog .rec-extra .rec-amount{margin:14px 0 0}
#recommend-dialog .rec-field{margin:18px 0 0;font-size:13px}
#recommend-dialog .rec-field input,#recommend-dialog .rec-field select{font-size:16px;min-height:46px;border-radius:10px;min-width:0;width:100%;margin-top:8px}
#recommend-dialog .rec-inline-note{font-size:12px;line-height:1.7;padding:14px 16px;background:#f6f8fc;border-radius:10px;margin-top:4px;color:#708198;word-break:keep-all}
#recommend-dialog .rec-nav{position:sticky;bottom:-24px;margin:24px -30px -24px;padding:16px 30px 22px;background:linear-gradient(#ffffffee,#fff 30%);border-top:1px solid #edf0f5;z-index:3;display:flex;gap:12px}
#recommend-dialog .rec-nav .btn{min-height:48px;border-radius:11px;font-size:14px;cursor:pointer}
#recommend-dialog .rec-nav .primary{flex:1}
#recommend-dialog .rec-nav #rec-back{min-width:85px;background:#f4f6fa;border-color:transparent}
#recommend-dialog .rec-nav #rec-back:disabled{opacity:.4;cursor:default}
#recommend-dialog #rec-error{font-size:13px;line-height:1.6;margin:10px 0 0}
#recommend-dialog #rec-error:empty{display:none}
#recommend-dialog .rec-condition-box{margin:23px 0 20px;padding:17px 18px;border-radius:13px;background:#f4f7fc}
#recommend-dialog .rec-condition-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
#recommend-dialog .rec-condition-heading b{font-size:12px;font-weight:700;color:#5a6d85}
#recommend-dialog .rec-condition-heading button{font-size:12px;color:#255aed;background:none;border:0;cursor:pointer;padding:5px 0 5px 12px}
#recommend-dialog .rec-chips{display:flex;flex-wrap:wrap;gap:7px}
#recommend-dialog .rec-chips span{background:#fff;border:1px solid #e2e8f2;border-radius:6px;padding:5px 8px;font-size:12px;line-height:1.5;color:#4b5d74;white-space:nowrap}
#recommend-dialog .rec-monthly-note{font-size:12px;line-height:1.7;color:#63768e;background:#f1f5ff;border-radius:10px;padding:13px 16px;margin:0 0 20px}
#recommend-dialog .rec-monthly-note b{display:block;color:#255aed;margin-bottom:3px}
#recommend-dialog .rec-results{gap:18px}
#recommend-dialog .rec-result{padding:21px 23px;border:1px solid #dfe6f0;border-radius:17px;background:#fff;overflow:hidden}
#recommend-dialog .rec-car-heading{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px;align-items:center}
#recommend-dialog .rec-number{color:#255aed;font-weight:700;font-size:11px}
#recommend-dialog .rec-result h3{font-size:23px;line-height:1.35;margin:7px 0 5px;letter-spacing:-.04em;color:#152940}
#recommend-dialog .rec-result .rec-trim{font-size:12px;line-height:1.5;margin:0;color:#7c8ca2;word-break:keep-all}
#recommend-dialog .rec-car-photo{background:#f6f8fc;border-radius:11px;aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;min-width:0}
#recommend-dialog .rec-car-photo img{float:none;width:100%;height:100px;object-fit:contain;margin:0;padding:5px}
#recommend-dialog .rec-price-row{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;padding:16px 0;margin-bottom:16px;border-bottom:1px solid #edf0f5}
#recommend-dialog .rec-price-row>span{font-size:12px;color:#7d8ca1}
#recommend-dialog .rec-price-row strong{font-size:20px;letter-spacing:-.04em}
#recommend-dialog .rec-price-row small{font-size:11px;color:#255aed;margin-left:auto}
#recommend-dialog .rec-match>b{font-size:12px;color:#233b5a}
#recommend-dialog .rec-match ul{padding:0;margin:9px 0 0;list-style:none;display:grid;gap:7px}
#recommend-dialog .rec-match li{display:flex;gap:8px;font-size:13px;line-height:1.65;color:#546a85;word-break:keep-all}
#recommend-dialog .rec-match li>span{color:#255aed;flex-shrink:0}
#recommend-dialog .rec-result .rec-check{font-size:12px;line-height:1.65;color:#8391a3;margin:14px 0 0;word-break:keep-all}
#recommend-dialog .rec-check>span{color:#63748b;font-weight:600;margin-right:7px}
#recommend-dialog .rec-result .btn{width:100%;border-radius:10px;min-height:46px;margin-top:17px;padding:10px 15px;display:flex;justify-content:space-between;font-size:13px;cursor:pointer}
#recommend-dialog .rec-footnote{font-size:12px;line-height:1.7;color:#7b899c;text-align:center;margin:18px 0}
#recommend-dialog .rec-method{border-top:1px solid #e9eef5;padding-top:15px;margin-top:10px;color:#8593a5;font-size:12px;line-height:1.8}
#recommend-dialog .rec-method summary{cursor:pointer;color:#667b94;min-height:30px}
#recommend-dialog .rec-method p{font-size:12px;line-height:1.8;margin:9px 0}
#recommend-dialog .rec-restart{text-align:center;margin-top:12px}
#recommend-dialog .rec-text-button{background:none;border:0;color:#70849d;font-size:12px;padding:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#recommend-dialog .rec-empty{border:1px dashed #c8d5eb;border-radius:14px;text-align:center;padding:30px 20px}
#recommend-dialog .rec-empty>span{font-size:30px;color:#255aed}
#recommend-dialog .rec-empty h3{font-size:17px;line-height:1.5;word-break:keep-all}
#recommend-dialog .rec-empty p{font-size:13px;line-height:1.8;color:#7b8aa0}
#recommend-dialog .rec-empty .btn{width:100%;border-radius:10px;margin:15px 0 5px}
@media(max-width:600px){
 #recommend-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:19px;scrollbar-gutter:auto}
 #recommend-dialog .rec-top{padding:13px 18px}
 #recommend-dialog .rec-top b{font-size:12px}
 #recommend-dialog .rec-body{padding:22px 18px 18px}
 #recommend-dialog .rec-body h2{font-size:23px}
 #recommend-dialog .rec-disclaimer{font-size:13px}
 #recommend-dialog #rec-progress{margin:19px 0 23px}
 #recommend-dialog .rec-choice{font-size:13px;padding:11px 12px;min-height:50px}
 #recommend-dialog .cols-3{gap:7px}
 #recommend-dialog .cols-3 .rec-choice{font-size:12px;padding:12px 8px;justify-content:center;text-align:center}
 #recommend-dialog .cols-3 .rec-choice i{display:none}
 #recommend-dialog .rec-group{margin-bottom:24px}
 #recommend-dialog .rec-nav{bottom:-18px;margin:22px -18px -18px;padding:14px 18px 18px}
 #recommend-dialog .rec-condition-box{padding:14px;margin:21px 0 17px}
 #recommend-dialog .rec-chips{gap:5px}
 #recommend-dialog .rec-chips span{font-size:11px;padding:4px 7px}
 #recommend-dialog .rec-result{padding:18px 16px;border-radius:14px}
 #recommend-dialog .rec-car-heading{grid-template-columns:minmax(0,1fr) 104px;gap:9px}
 #recommend-dialog .rec-car-photo img{height:76px;padding:3px}
 #recommend-dialog .rec-result h3{font-size:20px}
 #recommend-dialog .rec-result .rec-trim{font-size:11px}
 #recommend-dialog .rec-price-row{gap:8px;padding:14px 0;margin-bottom:14px}
 #recommend-dialog .rec-price-row strong{font-size:19px}
 #recommend-dialog .rec-price-row small{font-size:10px}
 #recommend-dialog .rec-match li{font-size:12px}
 #recommend-dialog .rec-result .rec-check{font-size:11px}
 #recommend-dialog .rec-footnote{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#recommend-dialog .rec-choice{transition:none}}