.reference-image-shell{position:relative}
.reference-like-button{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 6px 20px rgba(0,0,0,.12);color:var(--red);font:700 12px/1 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px);transition:transform .18s ease,box-shadow .18s ease}
.reference-like-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.reference-like-button svg{width:20px;height:20px;fill:transparent;stroke:currentColor;stroke-width:1.9;transition:fill .16s ease,transform .16s ease}
.reference-like-button.is-liked svg{fill:currentColor;transform:scale(1.05)}
.reference-like-button:disabled{opacity:.55;cursor:wait}
.reference-feedback{max-width:1080px;margin:38px auto 0;padding-top:30px;border-top:1px solid var(--border)}
.reference-feedback-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.reference-feedback-head h3{margin:0;color:var(--green);font-size:22px}
.reference-feedback-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.reference-feedback-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}
.reference-panel{border:1px solid var(--border);border-radius:12px;background:#fff;padding:20px}
.reference-rating-overview{display:flex;align-items:center;gap:18px;margin-bottom:17px}
.reference-rating-number{font-size:42px;line-height:1;font-weight:800;color:var(--green)}
.reference-rating-number small{font-size:20px;color:#d99b27;vertical-align:7px}
.reference-rating-meta{font-size:12px;color:var(--muted);line-height:1.55}
.reference-star-picker{display:flex;gap:6px;margin-top:10px}
.reference-star{appearance:none;border:0;background:transparent;padding:2px;color:#c9c4bd;font-size:30px;line-height:1;cursor:pointer;transition:color .15s ease,transform .15s ease,text-shadow .15s ease}
.reference-star:hover,.reference-star.is-active{color:#d99b27;transform:translateY(-1px);text-shadow:0 1px 8px rgba(217,155,39,.18)}
.reference-rating-status,.reference-comment-status,.reference-backend-status{min-height:18px;margin:9px 0 0;font-size:12px;color:var(--muted)}
.reference-rating-status.success,.reference-comment-status.success{color:var(--green)}
.reference-rating-status.error,.reference-comment-status.error,.reference-backend-status.error{color:var(--red)}
.reference-comment-form{display:grid;gap:11px}
.reference-comment-form label{display:grid;gap:6px;color:var(--green);font-size:12px;font-weight:700}
.reference-comment-form input[type="text"],.reference-comment-form textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:11px 12px;font:inherit;color:var(--text);outline:none}
.reference-comment-form input[type="text"]:focus,.reference-comment-form textarea:focus{border-color:rgba(21,77,42,.5);box-shadow:0 0 0 3px rgba(21,77,42,.08)}
.reference-comment-form textarea{min-height:105px;resize:vertical}
.reference-comment-form .hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.reference-privacy{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px!important;color:var(--muted)!important;font-size:11px!important;font-weight:400!important;line-height:1.5}
.reference-privacy input{margin-top:2px}
.reference-comment-submit{justify-self:start;border:0;border-radius:8px;background:var(--red);color:#fff;min-height:40px;padding:0 17px;font-weight:700;cursor:pointer}
.reference-comment-submit:disabled{opacity:.55;cursor:wait}
.reference-comments{margin-top:20px}
.reference-comments-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.reference-comments-top h4{margin:0;color:var(--green);font-size:16px}
.reference-comment-item{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:14px 0;border-top:1px solid #f0ece7}
.reference-comment-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}
.reference-comment-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.reference-comment-name{font-size:13px;font-weight:800;color:var(--text)}
.reference-comment-date{font-size:10px;color:#8a8580}
.reference-comment-stars{margin-top:2px;color:#d99b27;font-size:12px;letter-spacing:1px}
.reference-comment-text{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.reference-empty{padding:14px 0;color:var(--muted);font-size:13px}
@media(max-width:760px){.reference-feedback{margin-top:30px;padding-top:24px}.reference-feedback-grid{grid-template-columns:1fr}.reference-feedback-head{align-items:flex-start;flex-direction:column}.reference-like-button{top:10px;right:10px;min-height:38px;padding:0 11px}.reference-panel{padding:17px}.reference-rating-number{font-size:38px}}