#write-review{width:min(520px,calc(100vw - 32px));max-height:90dvh;padding:26px;border:0;border-radius:12px;overflow-y:auto;background:#fff;color:#111}
#write-review::backdrop{background:#142b3566;backdrop-filter:blur(5px)}
#write-review .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
#write-review h2{font-size:25px;margin:0}
#review-product-name{font-size:15px;color:#666;margin:0 0 20px}
#local-review-form{display:grid;gap:16px}
#local-review-form label{font-size:14px;font-weight:500}
#local-review-form input,#local-review-form select,#local-review-form textarea{width:100%;font:inherit;margin-top:6px;border:1px solid #ddd;border-radius:5px;padding:10px 12px;background:#fff;color:#111}
#local-review-form textarea{resize:vertical;min-height:120px}
#local-review-form .review-draft-note,#review-form-status{font-size:13px;line-height:1.6;color:#666;margin:0}
#local-review-form .button{justify-content:center}
body:has(#write-review[open]){overflow:hidden}

#local-review-form .review-rating{border:0;padding:0;margin:0;min-width:0}
#local-review-form .review-rating legend{font-size:14px;font-weight:500;padding:0;margin-bottom:6px}
#local-review-form .review-stars{display:flex;width:max-content;gap:4px}
#local-review-form .review-star{position:relative;display:block;cursor:pointer;line-height:1}
#local-review-form .review-star input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0}
#local-review-form .review-star span{display:block;font-size:38px;line-height:44px;width:44px;text-align:center;color:#d8d2de;border-radius:6px;transition:color .15s,transform .15s}
#local-review-form .review-star:has(input:checked) span,
#local-review-form .review-star:has(~ .review-star input:checked) span{color:#9019ff}
#local-review-form .review-star:has(input:focus-visible) span{outline:2px solid #9019ff;outline-offset:2px}
@media(hover:hover){
 #local-review-form .review-stars:has(.review-star:hover) .review-star span{color:#d8d2de}
 #local-review-form .review-stars:has(.review-star:hover) .review-star:is(:hover,:has(~ .review-star:hover)) span{color:#9019ff;transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){#local-review-form .review-star span{transition:none}}