:root{
        --grad-a:#6366f1;
        --grad-b:#8b5cf6;
        --grad-c:#a855f7;
        --odm-line:var(--default-border-color, #ececf3);
        --odm-muted:#8b8ba7;
        --odm-ink:var(--default-color, #1e2033);
        --odm-cyan-a:#4f7df9;
        --odm-cyan-b:#38bdf8;
}

.odtx.wrap-narrow{max-width:1280px;margin:0 auto;padding:18px 24px 46px}
.odtx .crumbs{display:flex;align-items:center;gap:9px;color:var(--odm-muted);font-size:13px;flex-wrap:wrap;margin-top:2px}
.odtx .crumbs .navigation{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;margin:0;color:var(--odm-muted)}
.odtx .crumbs .navigation a{color:var(--odm-muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.odtx .crumbs .navigation a:hover{color:var(--grad-b)}
.odtx .crumbs .navigation i{font-size:11px;opacity:.75}
.odtx .crumbs .navigation .here{color:var(--odm-ink);font-weight:500;overflow-wrap:anywhere}

.odtx.bridge{max-width:1080px;margin:18px auto 0;padding:0 24px}
.odtx.bridge .bridge-inner{background:linear-gradient(90deg,var(--odm-cyan-a),var(--odm-cyan-b));border-radius:14px;color:#fff;display:flex;align-items:center;gap:14px;padding:13px 20px;flex-wrap:wrap}
.odtx.bridge .bic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.odtx.bridge .bt{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;letter-spacing:.3px}
.odtx.bridge .bd{font-size:12px;opacity:.92;margin-top:1px}
.odtx.bridge .btn{margin-left:auto;background:#fff;color:#0e7490;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;height:36px;padding:0 20px;border-radius:18px;display:flex;align-items:center;gap:8px;letter-spacing:.4px;flex-shrink:0;text-decoration:none;transition:.15s}
.odtx.bridge .btn:hover{filter:brightness(.96)}

.odtx .thread-head{background:var(--trow-bg,#fff);border:1px solid var(--odm-line);border-radius:16px;padding:20px 24px;margin-top:14px;color:var(--odm-ink)}
.odtx .thread-head .tt-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.odtx .thread-head .odtx-tw{min-width:0;flex:1}
.odtx .thread-head h1{font-family:'Rajdhani',sans-serif;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:.2px;margin:0;color:var(--odm-ink);overflow-wrap:anywhere}
.odtx .thread-head .badges{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.odtx .badge{font-size:11px;font-weight:700;padding:4px 11px;border-radius:11px;letter-spacing:.4px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.odtx .badge i{font-size:10px}
.odtx .bg-mor{background:#f1ecfe;color:#7c3aed}
.odtx .bg-cyan{background:#e3f6fd;color:#0891b2}
.odtx .bg-amber{background:#fef4e2;color:#b45309}
.odtx .bg-rose{background:#fdeef1;color:#e11d48}
.odtx .bg-gray{background:#f2f2f8;color:#6d6f8e}
.night-mode .odtx .bg-mor{background:rgba(139,92,246,.14)}
.night-mode .odtx .bg-amber{background:rgba(245,158,11,.14)}
.night-mode .odtx .bg-gray{background:rgba(255,255,255,.07)}

.odtx .th-actions{margin-left:auto;display:flex;gap:9px;flex-shrink:0;align-items:center}
.odtx .tbtn{height:36px;padding:0 15px;border-radius:10px;border:1px solid var(--odm-line);background:var(--trow-bg,#fff);color:#6d6f8e;font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:'Roboto',sans-serif;text-decoration:none;transition:.15s}
.odtx .tbtn:hover{border-color:#d8d5f5;color:var(--grad-b)}
.odtx .tbtn.grad{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;border:none;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:.4px;font-size:14px;box-shadow:0 4px 12px rgba(99,102,241,.3)}
.odtx .tbtn.grad:hover{filter:brightness(1.06);color:#fff}
.odtx .locked-badge{cursor:default}

.odtx .th-meta{display:flex;gap:20px;margin-top:13px;padding-top:13px;border-top:1px dashed var(--odm-line);color:var(--odm-muted);font-size:12.5px;flex-wrap:wrap}
.odtx .th-meta b{color:var(--odm-ink);font-weight:500}
.odtx .th-meta i{color:var(--grad-b);margin-right:6px}

.odtx .odtx-ubr{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--odm-muted);flex-wrap:wrap;margin-top:12px;min-height:12px}
.odtx .odtx-ubr:empty{display:none}
.odtx .odtx-ubr .smalltext{font-size:12px;color:var(--odm-muted)}
.odtx .odtx-ubr .userbrowsing{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
.odtx .odtx-ubr .userbrowsing i{color:var(--grad-b)}
.odtx .odtx-ubr a{color:var(--grad-b);text-decoration:none;font-weight:500}

.odtx .replycount{display:flex;align-items:center;gap:10px;margin:20px 0 12px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:17px;letter-spacing:.3px;color:var(--odm-ink)}
.odtx .replycount > i{color:var(--grad-b)}
.odtx .replycount .pill{background:#f1ecfe;color:#7c3aed;font-size:12px;font-family:'Roboto',sans-serif;font-weight:700;padding:3px 11px;border-radius:11px}
.night-mode .odtx .replycount .pill{background:rgba(139,92,246,.14)}
.odtx .replycount .sort{margin-left:auto;display:flex;gap:8px;font-size:12px;color:var(--odm-muted);font-family:'Roboto',sans-serif;font-weight:400}
.odtx .replycount .sort a{color:var(--odm-muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.odtx .replycount .sort a:hover{color:var(--grad-b)}

.odtx .msg{background:var(--trow-bg,#fff);border:1px solid var(--odm-line);border-radius:16px;margin-bottom:14px;overflow:hidden;display:grid;grid-template-columns:210px minmax(0,1fr);color:var(--odm-ink)}
.odtx .msg.trow_shaded{border-color:#fde68a}
.odtx .msg.trow_deleted{opacity:.65}
.odtx .mside{background:var(--trow-bg,#fbfbfe);border-right:1px solid var(--odm-line);padding:18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.odtx .mside .mside-av{width:76px;height:76px;flex-shrink:0}
.odtx .mside .mside-av:empty{border-radius:50%;background:linear-gradient(135deg,var(--grad-a),var(--grad-c));display:flex;align-items:center;justify-content:center}
.odtx .mside .mside-av:empty::before{content:"\f007";font-family:'Font Awesome 5 Free';font-weight:900;font-size:30px;color:#fff}
.odtx .mside .mside-av img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.9);box-shadow:0 2px 10px rgba(30,32,51,.12);display:block}
.odtx .mside .uname{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16.5px;margin-top:4px;max-width:100%;overflow-wrap:anywhere}
.odtx .mside .uname a{color:var(--odm-ink);text-decoration:none}
.odtx .mside .uname a:hover{color:var(--grad-b)}
.odtx .utitle{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 10px;border-radius:10px;background:#fef4e2;color:#b45309}
.odtx .utitle:empty{display:none}

.odtx .utitle.ut-g4{background:#f1ecfe;color:#7c3aed}
.odtx .utitle.ut-g3,.odtx .utitle.ut-g6{background:#e3f6fd;color:#0891b2}
.night-mode .odtx .utitle{background:rgba(245,158,11,.14)}
.night-mode .odtx .utitle.ut-g4{background:rgba(139,92,246,.16)}
.night-mode .odtx .utitle.ut-g3,.night-mode .odtx .utitle.ut-g6{background:rgba(8,145,178,.16)}
.odtx .mstats{display:flex;gap:14px;margin-top:6px;font-size:11px;color:var(--odm-muted)}
.odtx .mstats b{color:var(--odm-ink);font-family:'Rajdhani',sans-serif;font-size:14px;display:block;text-align:center}

.odtx .mbody{padding:18px 22px;display:flex;flex-direction:column;min-width:0}
.odtx .mhead{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--odm-muted);flex-wrap:wrap}
.odtx .mhead .mnum{margin-left:auto;font-size:12px;color:var(--odm-muted);text-decoration:none;font-weight:500}
.odtx .mhead .mnum:hover{color:var(--grad-b)}
.odtx .mtext{margin-top:12px;font-size:13.8px;line-height:1.75;color:#33354a;word-wrap:break-word;min-width:0}
.night-mode .odtx .mtext{color:var(--default-color,#d5d6e8)}
.odtx .mfoot{margin-top:16px;padding-top:14px;border-top:1px solid var(--odm-line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.odtx .mfoot .postbit_buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.odtx .mfoot .postbit_buttons a,.odtx .mfoot .postbit_buttons .postbit_mirage{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#6d6f8e;padding:6px 13px;border-radius:14px;border:1px solid var(--odm-line);background:var(--trow-bg,#fff);cursor:pointer;font-family:'Roboto',sans-serif;text-decoration:none;transition:.15s}
.odtx .mfoot .postbit_buttons a:hover,.odtx .mfoot .postbit_buttons .postbit_mirage:hover{border-color:#d8d5f5;color:var(--grad-b);text-decoration:none}
.odtx .mfoot .postbit_buttons a i{font-size:11px}
.odtx .mshare{margin-left:auto;display:flex;align-items:center;gap:12px}
.odtx .mshare i{font-size:13px;color:var(--odm-muted)}
.odtx .mshare a:hover i{color:var(--grad-b)}

.odtx .msg fieldset{margin-top:14px;border:1px solid var(--odm-line);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--odm-muted)}
.odtx .msg fieldset legend{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;letter-spacing:.4px;color:var(--odm-ink);text-transform:uppercase}
.odtx .msg fieldset a{color:var(--grad-b);text-decoration:none}
.odtx .msg .postbit_attachments_attachment img{border-radius:8px}
.odtx .msg .signature{margin-top:14px;padding-top:12px;border-top:1px dashed var(--odm-line);font-size:12.5px;color:var(--odm-muted)}
.odtx .msg .signature.scaleimages img{max-width:100%;height:auto}
.odtx .msg .edited_post,.odtx .msg .edited_by,.odtx .msg .postbit_editreason{margin-top:10px;font-size:11.5px;color:var(--odm-muted)}

.odtx .pager{display:flex;justify-content:center;align-items:center;gap:6px;padding:6px 0 10px}
.odtx .pager .multipage{display:inline-flex;align-items:center;gap:6px}
.odtx .pager .pagination{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.odtx .pager .pagination a{width:32px;height:32px;border-radius:9px;background:var(--trow-bg,#fff);border:1px solid var(--odm-line);display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;color:#6d6f8e;font-weight:500;text-decoration:none;padding:0}
.odtx .pager .pagination a:hover{border-color:#d8d5f5;color:var(--grad-b)}
.odtx .pager .pagination_current{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;border:0}

.odtx .editor{background:var(--trow-bg,#fff);border:1px solid var(--odm-line);border-radius:16px;margin-top:20px;overflow:hidden;color:var(--odm-ink)}
.odtx .editor .ed-head{padding:14px 20px;border-bottom:1px solid var(--odm-line);display:flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px}
.odtx .editor .ed-head i{color:var(--grad-b)}
.odtx .editor .ed-area{padding:16px 20px}
.odtx .editor .ed-area .sceditor-container{border:0;border-radius:10px;background:var(--trow-bg,#fff)}
.odtx .editor .ed-foot{display:flex;align-items:center;gap:12px;padding:0 20px 16px;flex-wrap:wrap}
.odtx .editor .ed-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#6d6f8e}
.odtx .editor .ed-options label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.odtx .editor .ed-options input[type="checkbox"]{accent-color:var(--grad-b)}
.odtx .editor .ed-buttons{margin-left:auto;display:flex;align-items:center;gap:9px}
.odtx .editor .ed-buttons .send,.odtx .send{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.4px;height:38px;padding:0 24px;border-radius:19px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 4px 12px rgba(99,102,241,.35);border:none;cursor:pointer;transition:.15s}
.odtx .editor .ed-buttons .send:hover,.odtx .send:hover{filter:brightness(1.06)}

.odtx .locked-note,.odtx .red_alert,.odtx .threadexbox .tborder{background:#fef4e2;color:#92400e;border:1px solid #fde68a;border-radius:12px;padding:14px 18px;font-size:13px;margin-top:18px}
.odtx .locked-note a,.odtx .red_alert a{color:#7c3aed;font-weight:700}

.odtx table.tborder{border:1px solid var(--odm-line);border-radius:14px;overflow:hidden;background:var(--trow-bg,#fff);border-spacing:0;width:100%;margin:18px 0 0;color:var(--odm-ink)}
.odtx table.tborder .thead{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:15px;letter-spacing:.3px;padding:12px 16px;text-align:left;text-transform:none}
.odtx table.tborder .thead a{color:#fff;text-decoration:none}
.odtx table.tborder .tcat{background:#f6f6fa;color:#6d6f8e;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:9px 16px;border-bottom:1px solid var(--odm-line)}
.night-mode .odtx table.tborder .tcat{background:rgba(255,255,255,.05)}
.odtx table.tborder .trow1,.odtx table.tborder .trow2{background:var(--trow-bg,#fff);border-bottom:1px solid var(--odm-line);padding:10px 16px;font-size:13px}
.odtx table.tborder tr:last-child td{border-bottom:none}
.odtx table.tborder td{padding:10px 16px}

.odtx .pollbooth{margin-top:14px}
.odtx .progressbar{border:1px solid var(--odm-line);border-radius:10px;background:#f2f2f8;height:18px;overflow:hidden}
.odtx .progressbar .progressbar-percent{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));height:100%}

.odtx .showthread_spinner{width:100%;margin:0 auto;display:block;text-align:center;padding:20px}

.night-mode .odtx .msg,.night-mode .odtx .thread-head,.night-mode .odtx .editor,.night-mode .odtx table.tborder{background:var(--trow-bg)}
.night-mode .odtx .mside{background:rgba(255,255,255,.03)}
.night-mode .odtx .mhead .mnum,.night-mode .odtx .th-meta,.night-mode .odtx .crumbs{color:var(--odm-muted)}
.night-mode .odtx .pager .pagination a{background:var(--trow-bg)}
.night-mode .odtx .mfoot .postbit_buttons a{background:transparent}

@media (max-width:1024px){
        
        .odtx .msg{grid-template-columns:1fr}
        .odtx .mside{flex-direction:row;border-right:none;border-bottom:1px solid var(--odm-line);text-align:left;padding:14px 18px;flex-wrap:wrap}
        .odtx .mside .mside-av{width:52px;height:52px}
        .odtx .mside .mside-av img{width:52px;height:52px;border-width:2px}
        .odtx .mside .uname{margin-top:0}
        .odtx .mstats{margin-top:0;margin-left:auto}

        .odtx.wrap-narrow{padding:16px 18px 40px}
        .odtx.bridge{padding:0 18px}
}

@media (max-width:768px){
        .odtx.bridge{padding:0 14px}
        .odtx.bridge .bridge-inner{padding:12px 14px}
        .odtx.bridge .btn{margin-left:0}
        .odtx.wrap-narrow{padding:16px 14px 36px}

        .odtx .thread-head{padding:16px;margin-top:10px}
        .odtx .thread-head h1{font-size:19px}
        .odtx .th-actions{margin-left:0;width:100%}
        .odtx .th-meta{gap:10px 16px;font-size:12px}

        .odtx .mbody{padding:14px 16px}
        .odtx .mtext{font-size:13.4px}
        .odtx .mfoot{flex-wrap:wrap;row-gap:8px}
        .odtx .mshare{margin-left:auto}
        .odtx .editor{margin-top:16px}
        .odtx .editor .ed-foot .send,.odtx .send{width:100%;justify-content:center}
        .odtx .editor .ed-buttons{margin-left:0;width:100%}
        .odtx .editor .ed-buttons .send{flex:1}
}

@media (max-width:480px){
        .odtx .mside{padding:12px 14px;gap:9px}
        .odtx .mside .mside-av{width:42px;height:42px}
        .odtx .mside .mside-av img{width:42px;height:42px}
        .odtx .mside .uname{font-size:14px}
        .odtx .mstats{gap:10px;font-size:10.5px;margin-left:0;width:100%}
        .odtx .mfoot .postbit_buttons a{padding:6px 10px;font-size:11.5px}
        .odtx .tbtn{height:34px;padding:0 11px;font-size:11.5px}
        .odtx .pager .pagination a,.odtx .pager .pagination_current{width:30px;height:30px}
}

.odtx .odtx-editor,
.odtx .odtx-editor form,
#quick_reply_form,
#quick_reply_form .odtx-editor {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.odtx .odtx-editor .ed-area {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.odtx .odtx-editor .ed-area > textarea,
#quick_reply_form textarea[name="message"] {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 180px;
    box-sizing: border-box;
}

.odtx .odtx-editor .ed-area .sceditor-container,
#quick_reply_form .sceditor-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.odtx .odtx-editor .ed-area .sceditor-container iframe,
.odtx .odtx-editor .ed-area .sceditor-container textarea,
#quick_reply_form .sceditor-container iframe,
#quick_reply_form .sceditor-container textarea {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.odtx .odtx-editor .ed-area .sceditor-toolbar {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
}

.odtx .odtx-editor .ed-foot,
#quick_reply_form .odtx-editor .ed-foot {
    min-width: 0;
    box-sizing: border-box;
}

.odtx .odtx-editor .ed-options,
.odtx .odtx-editor .ed-buttons {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 768px) {
    .odtx.wrap-narrow {
        padding-left: 10px;
        padding-right: 10px;
    }

    .odtx .odtx-editor {
        width: 100%;
        margin-top: 14px;
        border-radius: 12px;
    }

    .odtx .odtx-editor .ed-head {
        padding: 13px 14px;
    }

    .odtx .odtx-editor .ed-area {
        padding: 10px;
    }

    .odtx .odtx-editor .ed-area .sceditor-container {
        height: auto !important;
        min-height: 190px;
    }

    .odtx .odtx-editor .ed-area .sceditor-container iframe,
    .odtx .odtx-editor .ed-area .sceditor-container textarea {
        min-height: 190px;
    }

    .odtx .odtx-editor .ed-foot {
        padding: 0 10px 12px;
        gap: 12px;
    }

    .odtx .odtx-editor .ed-options {
        width: 100%;
        gap: 10px 14px;
    }

    .odtx .odtx-editor .ed-buttons {
        display: flex;
        width: 100%;
        margin-left: 0;
        gap: 8px;
    }

    .odtx .odtx-editor .ed-buttons input[type="submit"] {
        min-width: 0;
        box-sizing: border-box;
    }

    .odtx .odtx-editor .ed-buttons input[name="previewpost"] {
        flex: 0 1 auto;
        padding-left: 14px;
        padding-right: 14px;
    }

    .odtx .odtx-editor .ed-buttons .send {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        justify-content: center;
        padding-left: 12px;
        padding-right: 12px;
    }

    #quickreply_multiquote {
        margin: 0 10px 10px !important;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 480px) {
    .odtx .odtx-editor .ed-area {
        padding: 8px;
    }

    .odtx .odtx-editor .ed-area .sceditor-container {
        min-height: 200px;
    }

    .odtx .odtx-editor .ed-area .sceditor-container iframe,
    .odtx .odtx-editor .ed-area .sceditor-container textarea {
        min-height: 200px;
    }

    .odtx .odtx-editor .ed-foot {
        padding-left: 8px;
        padding-right: 8px;
    }

    .odtx .odtx-editor .ed-buttons input[name="previewpost"] {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

#quick_reply_form,
#quick_reply_form .odtx-editor,
#quick_reply_form .ed-area {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#quick_reply_form .odtx-editor {
    overflow: hidden;
}

#quick_reply_form .ed-area {
    padding: 16px 20px;
}

#quick_reply_form textarea#message {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 200px !important;
    box-sizing: border-box !important;
    resize: vertical;
    padding: 14px;
    font-size: 15px;
    line-height: 1.65;
}

#quick_reply_form .sceditor-container {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden;
    border: 1px solid var(--default-border-color, #e5e7eb) !important;
    border-radius: 12px !important;
}

#quick_reply_form,
#quick_reply_form .odtx-editor,
#quick_reply_form .ed-area,
#quick_reply_form .sceditor-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

#quick_reply_form .odtx-editor {
    overflow: hidden;
}

#quick_reply_form .ed-area {
    padding: 16px 20px;
}

#quick_reply_form textarea#message {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 200px !important;
    box-sizing: border-box !important;
    resize: vertical;
    padding: 14px;
    font-size: 15px;
    line-height: 1.65;
}

#quick_reply_form .sceditor-container {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid var(--default-border-color, #e5e7eb) !important;
    border-radius: 12px !important;
}

#quick_reply_form .sceditor-toolbar {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 5px 7px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    border: 0 !important;
    border-bottom: 1px solid var(--default-border-color, #e5e7eb) !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
}

#quick_reply_form .sceditor-toolbar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#quick_reply_form .sceditor-toolbar .sceditor-group {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 3px !important;
    height: auto !important;
    min-height: 30px !important;
    margin: 0 4px 0 0 !important;
    padding: 0 4px 0 0 !important;
    border: 0 !important;
    white-space: nowrap !important;
}

#quick_reply_form .sceditor-toolbar .sceditor-button {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 32px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    opacity: 1 !important;
    filter: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

#quick_reply_form .sceditor-toolbar .sceditor-button > div {
    display: block !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    filter: none !important;
    text-indent: -9999px !important;
    background-repeat: no-repeat !important;
}

#quick_reply_form .sceditor-toolbar .sceditor-button::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 1 !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #374151 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    text-indent: 0 !important;
    z-index: 2 !important;
}

#quick_reply_form .sceditor-button-bold::before { content: "\f032" !important; }
#quick_reply_form .sceditor-button-italic::before { content: "\f033" !important; }
#quick_reply_form .sceditor-button-underline::before { content: "\f0cd" !important; }
#quick_reply_form .sceditor-button-strike::before { content: "\f0cc" !important; }
#quick_reply_form .sceditor-button-left::before { content: "\f036" !important; }
#quick_reply_form .sceditor-button-center::before { content: "\f037" !important; }
#quick_reply_form .sceditor-button-right::before { content: "\f038" !important; }
#quick_reply_form .sceditor-button-justify::before { content: "\f039" !important; }
#quick_reply_form .sceditor-button-font::before { content: "\f031" !important; }
#quick_reply_form .sceditor-button-size::before { content: "\f034" !important; }
#quick_reply_form .sceditor-button-color::before { content: "\f1fc" !important; }
#quick_reply_form .sceditor-button-removeformat::before { content: "\f12d" !important; }
#quick_reply_form .sceditor-button-image::before { content: "\f03e" !important; }
#quick_reply_form .sceditor-button-link::before { content: "\f0c1" !important; }
#quick_reply_form .sceditor-button-unlink::before { content: "\f127" !important; }
#quick_reply_form .sceditor-button-email::before { content: "\f0e0" !important; }
#quick_reply_form .sceditor-button-video::before { content: "\f03d" !important; }
#quick_reply_form .sceditor-button-emoticon::before { content: "\f118" !important; }
#quick_reply_form .sceditor-button-horizontalrule::before { content: "\f068" !important; }
#quick_reply_form .sceditor-button-bulletlist::before { content: "\f0ca" !important; }
#quick_reply_form .sceditor-button-orderedlist::before { content: "\f0cb" !important; }
#quick_reply_form .sceditor-button-code::before,
#quick_reply_form .sceditor-button-php::before { content: "\f121" !important; }
#quick_reply_form .sceditor-button-quote::before { content: "\f10d" !important; }
#quick_reply_form .sceditor-button-maximize::before { content: "\f065" !important; }
#quick_reply_form .sceditor-button-source::before { content: "\f1c9" !important; }

#quick_reply_form .sceditor-toolbar .sceditor-button:hover::before {
    color: #5b35d5 !important;
}

.night-mode #quick_reply_form .sceditor-toolbar .sceditor-button::before {
    color: #e5e7eb !important;
}

.night-mode #quick_reply_form .sceditor-toolbar .sceditor-button:hover::before {
    color: #c4b5fd !important;
}

#quick_reply_form .sceditor-toolbar .sceditor-button:hover {
    border-color: #d8d0ff !important;
    background-color: #f0edff !important;
}

#quick_reply_form .sceditor-toolbar .sceditor-button.active,
#quick_reply_form .sceditor-toolbar .sceditor-button:active {
    border-color: #c4b5fd !important;
    background-color: #e7e1ff12 !important
}

#quick_reply_form .sceditor-toolbar .sceditor-button.disabled {
    opacity: .45 !important;
}

#quick_reply_form .sceditor-container iframe {
    display: block !important;
    width: 100% !important;
    min-height: 200px;
    box-sizing: border-box !important;
}

#quick_reply_form .sceditor-container textarea {
    width: 100% !important;
    min-height: 200px !important;
    padding: 12px !important;
    resize: vertical;
    box-sizing: border-box !important;
}

#quick_reply_form .sceditor-container.sourceMode iframe {
    display: none !important;
}

#quick_reply_form .sceditor-container.sourceMode textarea#message {
    display: block !important;
    height: 300px !important;
    min-height: 260px !important;
}

#quick_reply_form .ed-foot {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 0 20px 18px;
}

#quick_reply_form .ed-buttons {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
}

#quick_reply_form .ed-buttons #quick_reply_submit {
    min-height: 44px;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    cursor: pointer;
}

@media (max-width: 768px) {
    #quick_reply_form .ed-area {
        padding: 10px !important;
    }

    #quick_reply_form .sceditor-toolbar {
        gap: 3px !important;
        min-height: 40px !important;
        padding: 4px 5px !important;
    }

    #quick_reply_form .sceditor-toolbar .sceditor-button {
        flex-basis: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
    }

    #quick_reply_form .sceditor-container iframe,
    #quick_reply_form .sceditor-container textarea {
        min-height: 220px !important;
    }

    #quick_reply_form textarea#message {
        min-height: 220px !important;
        font-size: 16px;
    }

    #quick_reply_form .ed-foot {
        padding: 0 10px 12px !important;
    }

    #quick_reply_form .ed-buttons,
    #quick_reply_form .ed-buttons #quick_reply_submit {
        width: 100% !important;
    }
}

@media (max-width: 380px) {
    #quick_reply_form .ed-area {
        padding: 7px !important;
    }

    #quick_reply_form .sceditor-toolbar {
        gap: 2px !important;
        padding: 4px !important;
    }

    #quick_reply_form .sceditor-toolbar .sceditor-button {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
    }

    #quick_reply_form .sceditor-toolbar .sceditor-button > div {
        flex-basis: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    }
}

@media (min-width: 769px) {
    #quick_reply_form .ed-foot {
        justify-content: center !important;
    }

    #quick_reply_form .ed-buttons {
        justify-content: center !important;
    }
}