:root{--icon-globe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E");--icon-cms:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-analytics:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'%3E%3C/path%3E%3Cpath d='M22 12A10 10 0 0 0 12 2v10z'%3E%3C/path%3E%3C/svg%3E");--icon-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");--icon-facebook:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'%3E%3C/path%3E%3C/svg%3E");--icon-youtube:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.58 7.19c-.23-.86-.9-1.52-1.76-1.75C18.25 5 12 5 12 5s-6.25 0-7.82.44c-.86.23-1.52.89-1.75 1.75C2 8.75 2 12 2 12s0 3.25.43 4.81c.23.86.89 1.52 1.75 1.75C5.75 19 12 19 12 19s6.25 0 7.82-.44c.86-.23 1.52-.89 1.75-1.75C22 15.25 22 12 22 12s0-3.25-.42-4.81z'%3E%3C/path%3E%3Cpolygon points='9.5 15.5 16 12 9.5 8.5 9.5 15.5'%3E%3C/polygon%3E%3C/svg%3E");--icon-instagram:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'%3E%3C/rect%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'%3E%3C/path%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'%3E%3C/line%3E%3C/svg%3E");--icon-linkedin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z'%3E%3C/path%3E%3Crect x='2' y='9' width='4' height='12'%3E%3C/rect%3E%3Ccircle cx='4' cy='4' r='2'%3E%3C/circle%3E%3C/svg%3E");--icon-telegram:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L15 22l-4-9-9-4 20-6z'%3E%3C/path%3E%3C/svg%3E");--icon-twitter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");--icon-link:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72'%3E%3C/path%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-database:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'%3E%3C/ellipse%3E%3Cpath d='M21 12c0 1.66-4 3-9 3s-9-1.34-9-3'%3E%3C/path%3E%3Cpath d='M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5'%3E%3C/path%3E%3C/svg%3E");--icon-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");--icon-external-link:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");--icon-mouse-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'%3E%3C/path%3E%3Cpath d='M13 13l6 6'%3E%3C/path%3E%3C/svg%3E");--icon-percent:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'%3E%3C/line%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E");--icon-https_ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E");--icon-https_bad:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E");--icon-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");--icon-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'%3E%3C/polyline%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'%3E%3C/path%3E%3C/svg%3E");--icon-loader:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='2' x2='12' y2='6'%3E%3C/line%3E%3Cline x1='12' y1='18' x2='12' y2='22'%3E%3C/line%3E%3Cline x1='4.93' y1='4.93' x2='7.76' y2='7.76'%3E%3C/line%3E%3Cline x1='16.24' y1='16.24' x2='19.07' y2='19.07'%3E%3C/line%3E%3Cline x1='2' y1='12' x2='6' y2='12'%3E%3C/line%3E%3Cline x1='18' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cline x1='4.93' y1='19.07' x2='7.76' y2='16.24'%3E%3C/line%3E%3Cline x1='16.24' y1='7.76' x2='19.07' y2='4.93'%3E%3C/line%3E%3C/svg%3E");--icon-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");  --icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");}
.icon{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;}
.icon-globe{-webkit-mask-image:var(--icon-globe);mask-image:var(--icon-globe);}
.icon-cms{-webkit-mask-image:var(--icon-cms);mask-image:var(--icon-cms);}
.icon-analytics{-webkit-mask-image:var(--icon-analytics);mask-image:var(--icon-analytics);}
.icon-phone{-webkit-mask-image:var(--icon-phone);mask-image:var(--icon-phone);}
.icon-facebook{-webkit-mask-image:var(--icon-facebook);mask-image:var(--icon-facebook);}
.icon-youtube{-webkit-mask-image:var(--icon-youtube);mask-image:var(--icon-youtube);}
.icon-instagram{-webkit-mask-image:var(--icon-instagram);mask-image:var(--icon-instagram);}
.icon-linkedin{-webkit-mask-image:var(--icon-linkedin);mask-image:var(--icon-linkedin);}
.icon-telegram{-webkit-mask-image:var(--icon-telegram);mask-image:var(--icon-telegram);}
.icon-folder{-webkit-mask-image:var(--icon-folder);mask-image:var(--icon-folder);}
.icon-link{-webkit-mask-image:var(--icon-link);mask-image:var(--icon-link);}
.icon-twitter{-webkit-mask-image:var(--icon-twitter);mask-image:var(--icon-twitter);}
.icon-search{-webkit-mask-image:var(--icon-search);mask-image:var(--icon-search);}
.icon-database{-webkit-mask-image:var(--icon-database);mask-image:var(--icon-database);}
.icon-calendar{-webkit-mask-image:var(--icon-calendar);mask-image:var(--icon-calendar);}
.icon-eye{-webkit-mask-image:var(--icon-eye);mask-image:var(--icon-eye);}
.icon-external-link{-webkit-mask-image:var(--icon-external-link);mask-image:var(--icon-external-link);}
.icon-mouse-pointer{-webkit-mask-image:var(--icon-mouse-pointer);mask-image:var(--icon-mouse-pointer);}
.icon-percent{-webkit-mask-image:var(--icon-percent);mask-image:var(--icon-percent);}
.icon-https-ok{-webkit-mask-image:var(--icon-https_ok);mask-image:var(--icon-https_ok);}
.icon-https-bad{-webkit-mask-image:var(--icon-https_bad);mask-image:var(--icon-https_bad);}
.icon-star{-webkit-mask-image:var(--icon-star);mask-image:var(--icon-star);}
.icon-refresh{-webkit-mask-image:var(--icon-refresh);mask-image:var(--icon-refresh);}
.icon-loader{-webkit-mask-image:var(--icon-loader);mask-image:var(--icon-loader);}
.icon-user{-webkit-mask-image:var(--icon-user);mask-image:var(--icon-user);}
.container{max-width:1200px;margin:2rem auto;padding:0 1rem;}
.header{text-align:center;margin-bottom:2rem;}
.page-header-panel{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:16px;margin-bottom:2rem;}
.header-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2rem;}
.header-main-content{flex:1;min-width:0;}
.header-title{font-size:1.5rem;color:var(--text-light);font-weight:500;}
.header-title .domain-name{font-size:2.5rem;font-weight:700;word-break:break-all; display:inline-flex;align-items:center;gap:0.5rem;}
.header-main-title{position: relative; background-color:#fff;border-radius:12px;border:1px solid #e9ecef;}
.domain-link-with-icon{position: absolute; top:0; right: 0; text-decoration:none;color:var(--accent-color);transition:color 0.2s;background-color: #e7f7ec;padding: 0 20px; border-radius:0 12px 0 12px; }
.domain-link-with-icon:hover{color:#0056b3;}
.domain-link-with-icon svg{width:24px;height:24px;}
.qs-badge{background: #e6f4ea; color: #1e8e3e; font-size: 0.6em; padding: 4px 8px; border-radius: 6px; vertical-align: middle; margin-left: 10px; font-weight: bold;}
.site-summary{font-size:1.1em;line-height:1.6;color:#333;}
.site-summary p{margin:0;}
.header-stats{display:flex;flex-direction:column;gap:1rem;background-color:#ffffff;padding:1rem;border-radius:12px;border:1px solid #e9ecef;min-width:220px;}
.stat-item{display:flex;align-items:center;gap:0.75rem;}
.stat-icon{background-color:#e9ecef;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#495057;}
.stat-icon svg{width:24px;height:24px;}
.stat-content{display:flex;flex-direction:column;}
.stat-value{font-size:1.5rem;font-weight:700;color:#212529;line-height:1.2;}
.stat-label{font-size:0.85rem;color:#6c757d;}
.header .meta{color:var(--text-light);}
.ai-summary{font-size:1rem;line-height:1.6;}
.ai-summary p{margin-top:1rem;}
.description-footer{border-top:1px solid #d0e0f0;align-items:baseline;text-align:right;display:flex;justify-content:space-between;gap:1rem;background-color:#fff;border-radius:0 0 16px 16px;padding:14px;box-shadow:0 2px 3px rgba(0,0,0,0.02),0 5px 10px rgba(0,0,0,0.05);}
.description-footer p{flex-grow:2;padding:0;margin:0;}
.update-date{font-size:0.85em;color:#555;font-style:italic;display:inline-flex;align-items:center;gap:8px;}
.update-date svg{width:1em;height:1em;stroke:currentColor;}
.description-footer .btn-refresh{display:flex;flex-basis:200px;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.7rem 1rem;font-size:0.95rem;font-weight:600;color:var(--accent-color);background-color:#f0f6ff;border:1px solid #b3d1ff;border-radius:8px;cursor:pointer;transition:background-color 0.2s,color 0.2s,transform 0.2s;text-align:center;max-height:3rem;}
.description-footer .btn-refresh svg{width:18px;height:18px;transition:transform 0.3s ease;}
.description-footer .btn-refresh .btn-text{margin-left:0.25rem;}
.description-footer .btn-refresh:hover:not(:disabled){background-color:#e0edff;color:#0056b3;transform:translateY(-2px);}
.description-footer .btn-refresh:disabled{opacity:0.8;cursor:not-allowed;background-color:#e9ecef;color:#6c757d;border-color:#ced4da;transform:translateY(0);}
.description-footer .btn-refresh:disabled svg{animation:spin 1.5s linear infinite;}
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.reactions-section-promo{display:flex;flex-direction:column;gap:1rem;background-color:#ffffff;padding:1rem;border-radius:12px;border:1px solid #e9ecef;min-width:220px;margin-bottom:0;}
.reactions-section-promo h2{text-align:center;font-size:1.2rem;margin-top:0;margin-bottom:0.5rem;color:#333;}
.reactions-section-promo .reactions-container{flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:0.75rem;}
.reactions-section-promo .reaction-group{width:100%;flex:1;min-width:auto;}
.new-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:flex-start;}
.main-content-col{display:flex;flex-direction:column;gap:2rem;}
.sidebar-col{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem;}
.screenshot-viewer img{display:block;width:100%;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:1.5rem;transition:opacity 0.2s ease-in-out;}
.screenshot-viewer img.loading{opacity:0.4;}
.history-gallery{overflow-x:auto;white-space:nowrap;padding-bottom:1rem;}
.history-item{display:inline-block;margin-right:1rem;cursor:pointer;border:2px solid transparent;border-radius:8px;transition:border-color 0.2s;text-decoration:none;}
.history-item:hover{border-color:var(--accent-color);}
.history-item.active{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color);}
.history-item img{display:block;max-width:280px;height:auto;border-radius:6px;}
.history-item p{text-align:center;font-size:0.8rem;margin:0.5rem 0 0;color:var(--text-light);}
.info-grid{display:grid;grid-template-columns:auto 1fr;gap:0.75rem 1rem;align-items:center;font-size:0.95rem;}
.info-grid dt{display:flex;align-items:center;gap:0.75rem;font-weight:500;color:var(--text-light);}
.info-grid dd{margin:0;font-weight:500;word-break:break-all;}
.info-grid dd a{color:var(--accent-color);text-decoration:none;}
.info-grid dd a:hover{text-decoration:underline;}
.views-counter{display:inline-flex;align-items:center;gap:6px;margin-left:16px;font-size:0.9em;font-weight:500;color:#4a5568;background-color:#edf2f7;padding:4px 10px;border-radius:16px;vertical-align:middle;transition:background-color 0.2s ease;}
.views-counter:hover{background-color:#e2e8f0;}
.views-counter svg{width:16px;height:16px;stroke:#718096;}
.reactions-container{display:flex;flex-direction:column;align-items:center;gap:0.75rem;}
.reaction-group{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;padding:0.75rem;border-radius:12px;width:100%;box-sizing:border-box;border:1px solid #eee;}
.reaction-group.positive{background-color:#e7f7ec;}
.reaction-group.neutral{background-color:#fff8e1;}
.reaction-group.negative{background-color:#ffebf0;}
.reaction-button{display:flex;align-items:center;gap:0.5rem;background-color:#f0f2f5;border:1px solid #ccd0d5;border-radius:20px;padding:4px 10px;cursor:pointer;font-size:1rem;transition:all 0.2s ease;}
.reaction-button:hover{background-color:#e4e6eb;border-color:#b0b3b8;transform:translateY(-2px);}
.reaction-button:disabled{opacity:0.7;cursor:not-allowed;}
.reaction-button .emoji{font-size:1.2rem;}
.reaction-button .count{font-weight:600;font-size:0.9rem;color:#333;}
.reaction-button.voted{background-color:#d0e6ff;border-color:#a9cfff;opacity:0.7;cursor:default;transform:none;}
.reaction-button.voted:hover{background-color:#d0e6ff;}
.related-domains{width:100%;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;}
.related-domains h3{font-size:1.5rem;color:#333;margin-bottom:1.5rem;text-align:center;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;}
.related-item{display:block;text-decoration:none;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;border:1px solid #eee;}
.related-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.1);}
.related-item img{width:100%;display:block;aspect-ratio:19/13;object-fit:cover;background-color:#f0f0f0;}
.related-item span{display:block;padding:0.75rem;font-weight:500;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fafafa;}
.subsequent-domains{width:100%;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;text-align:center;}
.subsequent-domains h4{font-size:1.4rem;color:#333;margin-bottom:1.4rem;}
.subsequent-domains .subsequent-date{color:#555;font-weight:500;}
.links-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 1rem;}
.links-cloud a{display:inline-block;padding:8px 16px;font-size:0.9rem;font-weight:500;color:#1a73e8;background-color:#e8f0fe;border-radius:20px;text-decoration:none;border:1px solid transparent;transition:all 0.2s ease-in-out;}
.links-cloud a:hover{color:#fff;background-color:#1a73e8;border-color:#1a73e8;transform:scale(1.05);box-shadow:0 4px 10px rgba(26,115,232,0.2);}
.clicks-counter{font-size:1.2rem;font-weight:500;color:var(--text-light);margin-left:-10px;vertical-align:middle;transform:translateY(2px);}
.status-indicator{display:flex;align-items:center;gap:0.5rem;}
.status-indicator svg{width:18px;height:18px;}
.status-indicator.status-ok{color:#28a745;}
.status-indicator.status-bad{color:#dc3545;}
.reviews-section{background-color:#ffffff;border:1px solid #e9ecef;border-radius:16px;padding:2rem 2.5rem;margin:0;box-shadow:0 4px 6px rgba(0,0,0,0.02),0 10px 20px rgba(0,0,0,0.05);}
.reviews-section h2{text-align:center;font-size:1.75rem;font-weight:600;color:#212529;margin:0 auto 1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef;max-width:400px;}
.reviews-summary{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap;align-items:baseline;}
.average-rating{display:flex;align-items:center;gap:0.5rem;}
.review-cta,.cent-form-btn{text-align:center;}
#review-form-container{background-color:#f8f9fa;border-radius:12px;padding:2rem;margin-top:1.5rem;border:1px solid #dee2e6;}
#review-form-container h3{text-align:center;font-weight:600;margin-top:0;margin-bottom:2rem;color:#343a40;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;}
.form-group,.form-group-rating{margin-bottom:1.5rem;}
.form-group-rating label{text-align:right;}
#review-form label{display:block;margin-bottom:0.5rem;font-weight:500;font-size:0.9rem;color:#495057;}
#review-form input[type="text"],#review-form textarea{width:95%;padding:0.8rem 1rem;border:1px solid #ced4da;border-radius:8px;font-size:1rem;background-color:#fff;transition:border-color 0.2s ease,box-shadow 0.2s ease;}
#review-form input[type="text"]:focus,#review-form textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(0,123,255,0.1);}
.star-rating{display:flex;flex-direction:row-reverse;justify-content:flex-start;}
.star-rating input[type="radio"]{display:none;}
.star-rating label{cursor:pointer;padding:0 0.1rem;}
.star-rating .icon{font-size:28px;width:28px;height:28px;color:#ced4da;transition:all 0.2s ease;}
.star-rating label:hover .icon,.star-rating label:hover~label .icon,.star-rating input[type="radio"]:checked~label .icon{color:#ffc107;transform:scale(1.1);}
#review-form button[type="submit"]{display:block;width:100%;padding:0.9rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background-color:#28a745;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.2s ease,transform 0.2s ease;}
#review-form button[type="submit"]:hover:not(:disabled){background-color:#218838;transform:translateY(-2px);}
.reviews-list{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef;}
.review-card{padding:1.5rem 0;border-bottom:1px solid #e9ecef;}
.review-card:first-child{padding-top:0;}
.review-card:last-child{border-bottom:none;padding-bottom:0;}
.review-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;flex-wrap:wrap;gap:0.5rem;}
.review-author{font-weight:600;font-size:1.1rem;color:#343a40;}
.review-date{font-size:0.85rem;color:#6c757d;}
.review-card p{line-height:1.7;color:#495057;margin-top:0.5rem;}
.review-stars{display:flex;gap:2px;color:#ced4da;}
.review-stars .icon{font-size:20px;width:20px;height:20px;}
.review-stars .icon.filled{color:#ffc107;}
#show-review-form-btn{display:inline-block;padding:0.8rem 1.8rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--accent-color);border:none;border-radius:8px;cursor:pointer;text-align:center;text-decoration:none;transition:all 0.2s ease-in-out;box-shadow:0 4px 15px rgba(0,123,255,0.15);}
#show-review-form-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,0.2);}
#form-messages{display:none;padding:0.9rem 1rem;margin:1rem 0;text-align:center;font-size:0.95rem;font-weight:500;border-radius:8px;border:1px solid transparent;}
#form-messages.error{color:#842029;background-color:#f8d7da;border-color:#f5c2c7;}
#form-messages.success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc;}
.review-card.pending-moderation{opacity:0.9;background-color:#fffaf0;border-left:3px solid #ffc107;padding:6px;border-radius:3px;}
.pending-label{display:inline-block;margin-top:1rem;padding:0.25rem 0.6rem;font-size:0.8rem;font-weight:600;line-height:1.2;color:#856404;background-color:#fff3cd;border-radius:6px;}
.text-warning{display:block;margin-top:5px;font-size:0.85em;color:#e74c3c;font-style:italic;}
.breadcrumbs{font-size:0.9rem;margin-bottom:1.5rem;}
.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.breadcrumbs li{display:flex;align-items:center;}
.breadcrumbs li:not(:first-child)::before{content:'/';color:var(--text-light);margin:0 0.6rem;}
.breadcrumbs a{color:var(--primary-color);text-decoration:none;transition:color 0.2s ease;}
.breadcrumbs a:hover{color:var(--primary-hover);text-decoration:underline;}
.breadcrumbs span[aria-current="page"]{color:var(--text-color);font-weight:600;}
@media (max-width:992px){.new-main-grid{grid-template-columns:1fr;}.sidebar-col{position:static;}.related-domains{background-color:#f9f9f9;margin-top:2rem;border-radius:12px;border-top:none;}.related-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}}
@media (max-width:768px){.history-gallery{ max-width: 86vw;}.reviews-section{padding:1.5rem;}.form-row{grid-template-columns:1fr;gap:0;}.star-rating{justify-content:space-between;}.header-stats .btn-refresh{width:100%;margin-top:0;}.description-footer{flex-direction:column;}.history-item img{max-width:200px!important;}.site-nav a{padding:0.5rem 0.4rem!important;}.header h1{display:flex;flex-direction:column;align-items:center;gap:0.25rem;}.external-link-icon{position:static;transform:none;}.clicks-counter{margin-left:0;font-size:1rem;transform:none;}.header-panel-top{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.5rem;}.header-main-content{text-align:center;}.header-stats{margin-left:auto;margin-right:auto;min-width:auto;max-width:400px;width:90%;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1.5rem;}.header-title .domain-name{font-size:2rem;}.reactions-section-promo .reactions-container{flex-direction:column;align-items:stretch;}.reactions-section-promo .reaction-group{width:100%;}}