.comments-area{margin-top:var(--space-16);background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:var(--space-10);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);position:relative;overflow:hidden}.page .comments-area{max-width:1200px;margin-left:auto;margin-right:auto}.comments-area:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-brand) 0%,var(--info-blue) 100%);z-index:1}.comments-title{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-10);text-align:center;letter-spacing:-.025em;line-height:1.2;position:relative;z-index:2}.comments-title:after{content:'';display:block;width:60px;height:3px;background:var(--primary-brand);margin:var(--space-4) auto 0;border-radius:2px}.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-8)}.comment-body{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:var(--space-6);transition:all .2s ease;position:relative}.comment-body:hover{border-color:var(--border-medium);box-shadow:0 8px 25px -8px rgba(0,0,0,.08);transform:translateY(-1px)}.comment-meta{margin-bottom:var(--space-5);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-4)}.comment-author{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.comment-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);transition:border-color .2s ease}.comment-author:hover img{border-color:var(--primary-brand)}.comment-author-info{flex:1;min-width:0}.comment-author-name{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.fn{font-family:var(--font-primary);font-weight:600;font-size:var(--text-base);color:var(--text-primary);text-decoration:none;transition:color .2s ease}.fn:hover{color:var(--primary-brand)}.author-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:linear-gradient(135deg,var(--primary-brand),var(--info-blue));color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:6px;letter-spacing:.025em;text-transform:uppercase}.comment-metadata{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.comment-metadata a{color:inherit;text-decoration:none;transition:color .2s ease}.comment-metadata a:hover{color:var(--primary-brand)}.comment-content{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-5);word-wrap:break-word}.comment-content p{margin-bottom:var(--space-4)}.comment-content p:last-child{margin-bottom:0}.comment-content a{color:var(--primary-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s ease}.comment-content a:hover{color:var(--primary-brand-dark);text-decoration-thickness:2px}.comment-awaiting-moderation{background:rgba(var(--warning-orange-rgb),.1);border:1px solid var(--warning-orange);border-radius:8px;padding:var(--space-3) var(--space-4);color:var(--warning-orange);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.comment-awaiting-moderation:before{content:'⏳';font-size:var(--text-base)}.comment-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.reply a{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);border:1px solid var(--border-light);border-radius:8px;text-decoration:none;transition:all .2s ease}.reply a:before{content:'↩️';font-size:var(--text-xs)}.reply a:hover{background:var(--primary-brand);color:#fff;border-color:var(--primary-brand);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-brand-rgb),.2)}.children{list-style:none;padding-left:var(--space-10);margin:var(--space-6) 0;position:relative}.children:before{content:'';position:absolute;left:var(--space-5);top:0;bottom:var(--space-6);width:2px;background:linear-gradient(to bottom,var(--border-medium),transparent);border-radius:1px}.comment-navigation{display:flex;justify-content:center;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-4) 0;border-top:1px solid var(--border-light)}.comment-navigation a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--primary-brand);font-family:var(--font-primary);font-weight:500;text-decoration:none;padding:var(--space-2) var(--space-4);border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease}.comment-navigation a:hover{background:var(--primary-brand);color:#fff;border-color:var(--primary-brand);transform:translateY(-1px)}.comment-respond{margin-top:var(--space-12);padding-top:var(--space-8);border-top:2px solid var(--border-light)}.comment-reply-title{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-8);text-align:center;letter-spacing:-.02em;position:relative}.comment-reply-title:after{content:'';display:block;width:40px;height:3px;background:var(--primary-brand);margin:var(--space-3) auto 0;border-radius:2px}.comment-form{display:grid;gap:var(--space-6);max-width:none}.comment-form-author,.comment-form-email,.comment-form-comment{display:grid;gap:var(--space-2)}@media (min-width:768px){.comment-form-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.comment-form-author,.comment-form-email{margin-bottom:0}}@media (max-width:767px){.comment-form-fields-row{display:block}.comment-form-author,.comment-form-email{margin-bottom:var(--space-6)}}.comment-form-url{display:none !important}.comment-form label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:.01em}.required{color:var(--error-red);margin-left:var(--space-1)}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:12px;padding:var(--space-4);transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.02)}.comment-form input[type=text]:focus,.comment-form input[type=email]:focus,.comment-form input[type=url]:focus,.comment-form textarea:focus{outline:none;border-color:var(--primary-brand);background:var(--bg-card);box-shadow:0 0 0 4px rgba(var(--primary-brand-rgb),.1),0 4px 6px -1px rgba(0,0,0,.05);transform:translateY(-1px)}.comment-form textarea{min-height:140px;resize:vertical;line-height:1.6}.comment-form textarea::placeholder{color:var(--text-muted);font-style:italic}.comment-form-cookies-consent{display:none !important}.comment-form-cookies-consent input[type=checkbox]{margin:0;flex-shrink:0}.comment-form-cookies-consent label{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.form-submit{display:flex;justify-content:center;margin-top:var(--space-4)}.form-submit .submit{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary-brand),var(--info-blue));color:#fff;font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;border:none;border-radius:12px;padding:var(--space-4) var(--space-8);cursor:pointer;transition:all .2s ease;letter-spacing:.01em;box-shadow:0 4px 6px -1px rgba(var(--primary-brand-rgb),.2)}.form-submit .submit:before{content:'💬';font-size:var(--text-sm)}.form-submit .submit:hover{background:linear-gradient(135deg,var(--primary-brand-dark),var(--primary-brand));transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(var(--primary-brand-rgb),.3)}.form-submit .submit:active{transform:translateY(0)}.emoji-verification-container{margin:var(--space-6) 0 !important;padding:var(--space-6) !important;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%) !important;border:2px solid var(--border-light) !important;border-radius:16px !important;box-shadow:0 8px 25px -8px rgba(0,0,0,.1) !important;position:relative;overflow:hidden;animation:slideInUp .4s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emoji-verification-container:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-brand),var(--info-blue));z-index:1}.emoji-verification-title{font-family:var(--font-primary) !important;font-size:var(--text-lg) !important;font-weight:700 !important;color:var(--text-primary) !important;text-align:center !important;margin-bottom:var(--space-4) !important;letter-spacing:-.01em;position:relative;z-index:2}.emoji-question{font-family:var(--font-primary) !important;font-size:var(--text-base) !important;color:var(--text-secondary) !important;text-align:center !important;margin-bottom:var(--space-6) !important;line-height:1.5;font-weight:500}.emoji-options{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important;gap:var(--space-4) !important;margin-bottom:var(--space-6) !important}.emoji-option{background:var(--bg-primary) !important;border:2px solid var(--border-light) !important;border-radius:12px !important;padding:var(--space-4) !important;text-align:center !important;cursor:pointer !important;transition:all .2s ease !important;user-select:none !important;position:relative;overflow:hidden}.emoji-option:hover{border-color:var(--primary-brand) !important;background:var(--bg-card) !important;transform:translateY(-2px) !important;box-shadow:0 8px 15px -3px rgba(var(--primary-brand-rgb),.2) !important}.emoji-option.selected{border-color:var(--success-green) !important;background:rgba(var(--success-green-rgb),.1) !important}.emoji-option.selected:after{content:'✓';position:absolute;top:var(--space-1);right:var(--space-1);color:var(--success-green);font-weight:700;font-size:var(--text-sm)}.emoji-option div:first-child{font-size:36px !important;margin-bottom:var(--space-2) !important;line-height:1}.emoji-option div:last-child{font-family:var(--font-primary) !important;font-size:var(--text-sm) !important;color:var(--text-secondary) !important;font-weight:600 !important;letter-spacing:.01em}.emoji-actions{display:flex !important;justify-content:center !important;gap:var(--space-3) !important;margin-bottom:var(--space-4) !important}#refresh-emoji-btn{display:inline-flex !important;align-items:center !important;gap:var(--space-2) !important;background:var(--bg-primary) !important;color:var(--text-secondary) !important;font-family:var(--font-primary) !important;font-size:var(--text-sm) !important;font-weight:500 !important;border:2px solid var(--border-light) !important;border-radius:8px !important;padding:var(--space-2) var(--space-4) !important;cursor:pointer !important;transition:all .2s ease !important}#refresh-emoji-btn:hover{background:var(--primary-brand) !important;color:#fff !important;border-color:var(--primary-brand) !important;transform:translateY(-1px) !important}.emoji-status{text-align:center !important;min-height:24px !important}#emoji-status-message{font-family:var(--font-primary) !important;font-size:var(--text-sm) !important;font-weight:500 !important;line-height:1.4}#emoji-status-message.success{color:var(--success-green) !important}#emoji-status-message.error{color:var(--error-red) !important}#emoji-status-message.info{color:var(--info-blue,#0c5460) !important;background:var(--info-bg,rgba(186,230,253,.3)) !important;border-left:3px solid var(--info-blue,#0c5460) !important;padding-left:12px !important;border-radius:4px !important}.comments-section{margin-top:var(--space-16);padding-top:var(--space-12);border-top:2px solid var(--border-light)}.comments-wrapper{max-width:1200px;margin:0 auto}.comments-closed-notice{text-align:center;padding:var(--space-12);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-card)}.closed-notice-content{display:inline-block}.closed-icon{font-size:var(--text-4xl);display:block;margin-bottom:var(--space-4);opacity:.7}.closed-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.4}.closed-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0}@media (max-width:768px){.comments-area{margin-top:var(--space-12);padding:var(--space-6);border-radius:12px}.comments-title{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.comment-body{padding:var(--space-5)}.comment-author{flex-direction:column;text-align:center;gap:var(--space-3)}.comment-author img{width:40px;height:40px}.children{padding-left:var(--space-6)}.children:before{left:var(--space-3)}.comment-form{gap:var(--space-5)}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{padding:var(--space-3);border-radius:10px}.emoji-options{grid-template-columns:repeat(2,1fr) !important;gap:var(--space-3) !important}.emoji-option{padding:var(--space-3) !important}.emoji-option div:first-child{font-size:28px !important}.comments-section{margin-top:var(--space-12);padding-top:var(--space-8)}.comments-closed-notice{padding:var(--space-8)}.closed-icon{font-size:var(--text-3xl)}.closed-title{font-size:var(--text-lg)}}@media (max-width:480px){.comments-area{padding:var(--space-4);margin-top:var(--space-8)}.comments-title{font-size:var(--text-xl)}.comment-reply-title{font-size:var(--text-xl)}.form-submit .submit{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}