:root{--kinein-red:#b5121b;--ink:#171717;--paper:#f7f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.comments-section{background:var(--paper);color:var(--ink);padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,6vw,6rem)}.comments-heading{text-align:center;max-width:780px;margin:0 auto 2rem}.comments-heading>p:last-child{color:#666;font:500 1.05rem/1.6 DM Sans,sans-serif}.comments-title{color:var(--kinein-red);margin-bottom:.75rem;font-size:clamp(2.35rem,5vw,4.6rem)!important}.comment-form{box-shadow:8px 8px 0 var(--kinein-red);background:#fff;border:2px solid #191919;border-radius:24px;gap:1rem;max-width:760px;margin:0 auto 3rem;padding:clamp(1.25rem,4vw,2.25rem);display:grid}.comment-form label,.admin-comment label{gap:.45rem;font:700 1rem/1.4 DM Sans,sans-serif;display:grid}.comment-form input,.comment-form textarea,.admin-comment textarea{color:#111;resize:vertical;background:#fff;border:2px solid #aaa;border-radius:12px;width:100%;padding:.85rem 1rem;font:500 1rem/1.5 DM Sans,sans-serif}.comment-form input:focus,.comment-form textarea:focus,.admin-comment textarea:focus{border-color:var(--kinein-red);outline:3px solid #b5121b26}.comment-form-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.comment-form-meta span{color:#666;font:500 .9rem DM Sans,sans-serif}.comment-form button,.admin-comment button{background:var(--kinein-red);color:#fff;cursor:pointer;border:2px solid #111;border-radius:12px;padding:.85rem 1.25rem;font:800 1rem DM Sans,sans-serif}.comment-privacy{color:#666;margin:0;font:500 .85rem/1.5 DM Sans,sans-serif}.comment-honeypot{width:0;height:0;position:absolute;left:-10000px;overflow:hidden}.published-comments{gap:1.25rem;max-width:900px;margin:0 auto;display:grid}.comment-card{border-left:5px solid var(--kinein-red);background:#fff;border-radius:0 18px 18px 0;padding:1.4rem 1.5rem}.comment-author{margin:0 0 .5rem;font:800 1rem Manrope,sans-serif}.comment-body{margin:0 0 1rem;font:500 1rem/1.6 DM Sans,sans-serif}.comment-reply{background:#f1efeb;border-radius:12px;padding:1rem}.comment-reply strong{color:var(--kinein-red);text-transform:uppercase;font:800 .9rem Manrope,sans-serif}.comment-reply p{margin:.4rem 0 0;font:500 .98rem/1.55 DM Sans,sans-serif}.comments-empty,.comments-admin-link{color:#666;text-align:center;font:500 .95rem DM Sans,sans-serif}.comment-notice{border-radius:12px;max-width:760px;margin:0 auto 1.25rem;padding:.9rem 1rem;font:700 .95rem/1.5 DM Sans,sans-serif}.comment-notice.success{color:#175c2d;background:#e7f7ec;border:1px solid #258343}.comment-notice.error{border:1px solid var(--kinein-red);color:#8a0e15;background:#fff0f0}.comments-admin-link{margin-top:2rem}.comments-admin-link a{color:#555}.admin-shell{color:#151515;background:#f3f1ed;min-height:100vh;padding:clamp(1.25rem,5vw,4rem)}.admin-header{border-bottom:3px solid #111;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;max-width:1000px;margin:0 auto 3rem;padding-bottom:1.5rem;display:flex}.admin-header p{color:var(--kinein-red);text-transform:uppercase;margin:0 0 .35rem;font:800 1rem Manrope,sans-serif}.admin-header h1{margin:0;font:800 clamp(2rem,5vw,3.5rem)/1.05 Manrope,sans-serif}.admin-header-actions{gap:1rem;display:flex}.admin-header-actions a{color:#111;font:700 .95rem DM Sans,sans-serif}.admin-section{max-width:1000px;margin:0 auto 3rem}.admin-section h2{font:800 1.6rem Manrope,sans-serif}.admin-section h2 span{background:var(--kinein-red);color:#fff;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;font-size:.9rem;display:inline-grid}.admin-comment{background:#fff;border:2px solid #111;border-radius:18px;margin:0 0 1.25rem;padding:1.35rem}.admin-comment>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.admin-comment strong{font:800 1.05rem Manrope,sans-serif}.admin-comment time{color:#666;font:500 .85rem DM Sans,sans-serif}.admin-comment>p,.admin-comment blockquote{font:500 1rem/1.6 DM Sans,sans-serif}.admin-comment blockquote{border-left:4px solid var(--kinein-red);background:#f3f1ed;margin:1rem 0;padding:.8rem 1rem}.admin-comment form{gap:1rem;display:grid}.admin-comment form>div{flex-wrap:wrap;gap:.75rem;display:flex}.admin-comment button.secondary{color:#111;background:#fff}.admin-empty{color:#666;font:500 1rem DM Sans,sans-serif}@media (max-width:600px){.comment-form-meta button,.admin-header-actions,.admin-comment form>div button{width:100%}}