:root {
    --aa-red: #ff1738;
    --aa-red-bright: #ff3653;
    --aa-black: #070707;
    --aa-panel: #0d0d0f;
    --aa-panel-2: #141416;
    --aa-white: #ffffff;
    --aa-muted: #929298;
    --aa-border: rgba(255,255,255,.11);
}

.aa-conversation-wrap {
    margin: 34px auto 22px;
    max-width: 900px;
    overflow: hidden;
    color: var(--aa-white);
    background: radial-gradient(circle at 90% 0, rgba(255,23,56,.12), transparent 32%), var(--aa-black);
    border-top: 4px solid var(--aa-red);
    box-shadow: 0 18px 50px rgba(0,0,0,.18);
    font-family: inherit;
}

.aa-conversation-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px 22px;
    color: var(--aa-white);
    background: transparent;
    border-bottom: 1px solid var(--aa-border);
}
.aa-conversation-heading h2 {
    margin: 5px 0 0;
    color: #fff;
    font-size: clamp(28px, 4.2vw, 48px);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: .96;
    text-transform: uppercase;
}
.aa-conversation-kicker {
    color: var(--aa-red-bright);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .18em;
}
.aa-comment-count {
    color: var(--aa-red-bright);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .04em;
    white-space: nowrap;
    text-transform: uppercase;
}

.aa-comment-gate {
    padding: 25px 28px 28px;
    text-align: left;
    color: #fff;
    background: transparent;
    border: 0;
}
.aa-comment-gate p { margin: 0 0 14px; color: #b8b8bd; font-size: 15px; }
.aa-comment-gate small { display: inline-block; margin: 0 0 0 12px; color: #77777d; font-size: 11px; }

.aa-neon-button {
    appearance: none;
    border: 1px solid var(--aa-red-bright);
    border-radius: 4px;
    padding: 11px 18px;
    color: #fff !important;
    background: linear-gradient(180deg, #ff2848, #d90025);
    box-shadow: 0 0 9px rgba(255,23,56,.62), 0 0 24px rgba(255,23,56,.25);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .045em;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.aa-neon-button:hover { transform: translateY(-1px); background: #ff1738; box-shadow: 0 0 12px rgba(255,23,56,.9), 0 0 30px rgba(255,23,56,.38); }
.aa-neon-button:disabled { opacity: .65; cursor: wait; }
.aa-neon-button--wide { width: 100%; margin-top: 16px; padding: 14px 20px; }

.aa-conversation-modal { position: fixed; inset: 0; z-index: 999999; display: none; }
.aa-conversation-modal.is-open { display: block; }
.aa-conversation-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.84); backdrop-filter: blur(5px); }
.aa-conversation-dialog {
    position: relative;
    z-index: 2;
    width: min(680px, calc(100% - 28px));
    max-height: calc(100vh - 28px);
    overflow-y: auto;
    margin: 14px auto;
    padding: 28px;
    color: #fff;
    background: radial-gradient(circle at top right, rgba(255,31,61,.16), transparent 34%), #0b0b0b;
    border: 1px solid rgba(255,70,95,.5);
    border-radius: 12px;
    box-shadow: 0 30px 100px rgba(0,0,0,.75), 0 0 38px rgba(255,31,61,.2);
}
.aa-conversation-close { position: absolute; top: 8px; right: 13px; border: 0; color: #fff; background: transparent; font-size: 32px; cursor: pointer; }
.aa-auth-tabs { display: inline-flex; gap: 4px; margin-bottom: 22px; padding: 4px; background: #171717; border-radius: 999px; }
.aa-auth-tab { border: 0; border-radius: 999px; padding: 9px 15px; color: #aaa; background: transparent; font-weight: 800; cursor: pointer; }
.aa-auth-tab.is-active { color: #fff; background: var(--aa-red); }
.aa-auth-panel { display: none; }
.aa-auth-panel.is-active { display: block; }
.aa-auth-panel h2 { margin: 0 0 8px; color: #fff; font-size: 30px; }
.aa-auth-intro { margin: 0 0 20px; color: #c6c6c6; }
.aa-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.aa-auth-panel label { display: block; margin-bottom: 14px; color: #fff; font-weight: 700; }
.aa-auth-panel label > span { display: block; margin-bottom: 6px; }
.aa-auth-panel input[type="text"],
.aa-auth-panel input[type="email"],
.aa-auth-panel input[type="tel"],
.aa-auth-panel input[type="password"],
.aa-auth-panel input[type="number"] {
    width: 100%; box-sizing: border-box; border: 1px solid #3a3a3a; border-radius: 6px; padding: 12px 13px; color: #fff; background: #161616; outline: none;
}
.aa-auth-panel input:focus { border-color: var(--aa-red); box-shadow: 0 0 0 3px rgba(255,31,61,.18); }
.aa-quiz-label { max-width: 220px; }
.aa-consent { display: flex !important; align-items: flex-start; gap: 10px; margin-top: 8px; }
.aa-consent input { margin-top: 3px; }
.aa-consent span { margin: 0 !important; color: #bdbdbd; font-size: 11px; line-height: 1.45; font-weight: 400; }
.aa-consent a { color: #ff6880; }
.aa-form-message { min-height: 22px; margin-top: 8px; font-size: 14px; }
.aa-form-message.is-error { color: #ff8a9d; }
.aa-form-message.is-success { color: #8fffb1; }
body.aa-modal-open { overflow: hidden; }

.aa-logged-in-bar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 28px;
    color: #aaaab0;
    background: rgba(255,255,255,.035);
    border: 0;
    border-bottom: 1px solid var(--aa-border);
    font-size: 13px;
}
.aa-logged-in-bar strong { color: #fff; }
.aa-logged-in-bar a { color: var(--aa-red-bright); font-weight: 800; text-transform: uppercase; }

.aa-conversation-wrap #respond {
    margin: 0;
    padding: 17px 28px 18px;
    color: #fff;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--aa-border);
}
.aa-conversation-wrap .aa-reply-title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.aa-conversation-wrap .comment-form-comment { margin: 0; }
.aa-conversation-wrap #respond label { display: none; }
.aa-conversation-wrap #respond textarea {
    display: block;
    width: 100%;
    min-height: 84px;
    box-sizing: border-box;
    resize: vertical;
    border: 1px solid #37373c;
    border-radius: 6px;
    padding: 11px 13px;
    color: #fff;
    background: linear-gradient(180deg, #151517, #111113);
    box-shadow: inset 0 1px 8px rgba(0,0,0,.35);
    font: inherit;
    font-size: 15px;
    line-height: 1.5;
    outline: none;
}
.aa-conversation-wrap #respond textarea::placeholder { color: #77777e; }
.aa-conversation-wrap #respond textarea:focus { border-color: var(--aa-red); box-shadow: 0 0 0 2px rgba(255,23,56,.13), inset 0 1px 8px rgba(0,0,0,.35); }
.aa-conversation-wrap .form-submit { display: inline-block; margin: 10px 0 0; }
.aa-comment-rules { float: right; margin: 13px 0 0; color: #77777e; font-size: 11px; font-style: normal; }
.aa-submit-comment { padding: 12px 18px; }

.aa-comments-list-wrap { margin: 0; padding: 18px 28px 20px; }
.aa-comments-title {
    margin: 0 0 8px;
    padding: 0;
    color: #fff;
    border: 0;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.aa-comments-list,
.aa-comments-list .children { list-style: none !important; }
.aa-comments-list { margin: 0 !important; padding: 0 !important; }
.aa-comments-list .aa-comment-item {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.aa-comments-list .children {
    margin: 0 0 0 48px !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid rgba(255,23,56,.42) !important;
}
.aa-comment-card {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 12px;
    padding: 13px 0 12px;
    color: #f4f4f5;
    border-top: 1px solid var(--aa-border);
}
.aa-comments-list > .aa-comment-item:first-child > .aa-comment-card { border-top: 0; }
.aa-initial-avatar {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    border: 1.5px solid var(--aa-red);
    border-radius: 50%;
    color: #fff;
    background: #0a0a0b;
    box-shadow: 0 0 12px rgba(255,23,56,.15);
    font-size: 16px;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}
.aa-comment-main { min-width: 0; }
.aa-comment-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 6px;
}
.aa-comment-identity { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 9px; }
.aa-comment-author-name { color: #fff; font-size: 13px; font-weight: 900; line-height: 1.2; }
.aa-comment-date { color: #7f7f86; font-size: 10px; line-height: 1.2; text-transform: uppercase; letter-spacing: .035em; }
.aa-comment-edit, .aa-comment-edit a { color: #8e8e94 !important; font-size: 10px !important; font-weight: 800 !important; text-transform: uppercase !important; text-decoration: none !important; }
.aa-comment-text, .aa-comment-text p {
    margin: 0 !important;
    padding: 0 !important;
    color: #ededee !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
}
.aa-comment-actions { margin-top: 7px; line-height: 1; }
.aa-comment-actions a,
.aa-comment-actions .comment-reply-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--aa-red-bright) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: .055em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}
.aa-comment-actions a:hover { color: #fff !important; transform: none !important; }
.aa-awaiting-moderation { margin: 0 0 5px; color: #ff9caf; font-size: 10px; font-style: italic; }
.aa-no-comments { margin: 0; padding: 13px 28px 17px; text-align: left; color: #77777e; background: transparent; border: 0; font-size: 12px; }

@media (max-width: 640px) {
    .aa-conversation-wrap { margin-top: 24px; }
    .aa-conversation-heading { align-items: flex-start; flex-direction: column; gap: 10px; padding: 21px 19px 18px; }
    .aa-conversation-heading h2 { font-size: 31px; }
    .aa-comment-count { font-size: 11px; }
    .aa-comment-gate, .aa-conversation-wrap #respond, .aa-comments-list-wrap { padding-left: 19px; padding-right: 19px; }
    .aa-logged-in-bar { padding: 10px 19px; }
    .aa-field-grid { grid-template-columns: 1fr; gap: 0; }
    .aa-conversation-dialog { padding: 24px 18px; }
    .aa-auth-panel h2 { font-size: 27px; }
    .aa-neon-button--wide { width: 100%; }
    .aa-comment-rules { float: none; display: block; margin: 9px 0 0; }
    .aa-comments-list .children { margin-left: 14px; }
}

/* v1.6.0: defeat theme-level submit/button hover colors. */
.aa-conversation-wrap input[type="submit"].aa-neon-button,
.aa-conversation-wrap input[type="submit"].aa-neon-button:hover,
.aa-conversation-wrap input[type="submit"].aa-neon-button:focus,
.aa-conversation-wrap input[type="submit"].aa-neon-button:focus-visible,
.aa-conversation-wrap input[type="submit"].aa-neon-button:active,
.aa-conversation-wrap button.aa-neon-button,
.aa-conversation-wrap button.aa-neon-button:hover,
.aa-conversation-wrap button.aa-neon-button:focus,
.aa-conversation-wrap button.aa-neon-button:focus-visible,
.aa-conversation-wrap button.aa-neon-button:active,
body .aa-conversation-wrap #respond .form-submit input#submit,
body .aa-conversation-wrap #respond .form-submit input#submit:hover,
body .aa-conversation-wrap #respond .form-submit input#submit:focus,
body .aa-conversation-wrap #respond .form-submit input#submit:focus-visible,
body .aa-conversation-wrap #respond .form-submit input#submit:active {
    color: #fff !important;
    background-color: #ed1738 !important;
    background-image: linear-gradient(180deg, #ff2848 0%, #d90025 100%) !important;
    border-color: #ff1738 !important;
    box-shadow: 0 0 9px rgba(255,23,56,.62), 0 0 24px rgba(255,23,56,.25) !important;
    text-decoration: none !important;
    outline: none !important;
    filter: none !important;
}

.aa-conversation-wrap input[type="submit"].aa-neon-button:hover,
.aa-conversation-wrap input[type="submit"].aa-neon-button:focus,
.aa-conversation-wrap input[type="submit"].aa-neon-button:focus-visible,
.aa-conversation-wrap button.aa-neon-button:hover,
.aa-conversation-wrap button.aa-neon-button:focus,
.aa-conversation-wrap button.aa-neon-button:focus-visible,
body .aa-conversation-wrap #respond .form-submit input#submit:hover,
body .aa-conversation-wrap #respond .form-submit input#submit:focus,
body .aa-conversation-wrap #respond .form-submit input#submit:focus-visible {
    background-color: #ff1738 !important;
    background-image: linear-gradient(180deg, #ff3654 0%, #ef002c 100%) !important;
    box-shadow: 0 0 12px rgba(255,23,56,.9), 0 0 30px rgba(255,23,56,.38) !important;
    transform: translateY(-1px) !important;
}

.aa-conversation-wrap input[type="submit"].aa-neon-button:active,
.aa-conversation-wrap button.aa-neon-button:active,
body .aa-conversation-wrap #respond .form-submit input#submit:active {
    background-color: #d90025 !important;
    background-image: linear-gradient(180deg, #df0a2d 0%, #bd001f 100%) !important;
    transform: translateY(0) !important;
}