/* MineBrush discussion v23. Shared component tokens also reach DLE's body-level popup. */
.mb23-discussion,.mb23-comment,.mb23-guest,.mb23-dialog,.mb23-toast,.dle-popup-replycomments{
  --mb23-ink:#14283f;--mb23-muted:#66788f;--mb23-blue:#075eec;--mb23-line:#dce5ef;--mb23-soft:#f3f7fd;
  color:var(--mb23-ink);font:14px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-align:left;
}
.mb23-discussion *,.mb23-dialog *,.dle-popup-replycomments *{box-sizing:border-box}
.mb23-discussion{width:100%;min-width:0;padding:30px 32px 12px;background:#fff;border:1px solid var(--mb23-line);border-radius:14px;box-shadow:0 6px 28px #1c3b5910}
:where(.mb23-discussion,.mb23-dialog,.dle-popup-replycomments) :is(h2,h3,p){margin:0}
:where(.mb23-discussion,.mb23-dialog,.dle-popup-replycomments) a{color:var(--mb23-blue);text-decoration:none}
:where(.mb23-discussion,.mb23-dialog,.dle-popup-replycomments) a:hover{text-decoration:underline}
:where(.mb23-discussion,.mb23-dialog,.dle-popup-replycomments) :is(button,input,textarea,select){font:inherit}
:where(.mb23-discussion,.mb23-dialog,.dle-popup-replycomments) :focus-visible{outline:3px solid #83b4ff;outline-offset:3px}
.mb23-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mb23-heading{display:flex;gap:13px;align-items:center;margin-bottom:24px}
.mb23-heading>span{display:grid;place-items:center;width:42px;height:42px;background:#edf4ff;color:var(--mb23-blue);border-radius:11px}
.mb23-heading h2{display:flex;gap:10px;align-items:center;font-size:24px;line-height:1.25;letter-spacing:-.7px}
.mb23-heading p{font-size:12px;color:var(--mb23-muted);margin-top:5px}
.mb23-count{font-size:12px;letter-spacing:0;font-weight:650;padding:2px 8px;background:#edf3fa;color:#61738c;border-radius:5px}
.mb23-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;background:var(--avatar-bg,#e9f2ff);color:#145bac;border:1px solid #b9d1eb80;border-radius:10px;overflow:hidden}
.mb23-avatar svg{width:27px;height:27px;shape-rendering:crispEdges}.mb23-avatar img{width:100%;height:100%;object-fit:cover}
.mb23-compose{border:1px solid #cbd9ea;border-radius:11px;background:#fff;overflow:hidden}
.mb23-compose:focus-within{border-color:#6b9de5;box-shadow:0 0 0 3px #0760eb0b}
.mb23-compose-head{display:flex;align-items:center;gap:10px;padding:15px 17px 0}
.mb23-compose-head b{font-size:13px}.mb23-compose-head small{display:block;color:var(--mb23-muted);font-size:11px;line-height:1.5}
.mb23-compose-head .mb23-avatar{width:32px;height:32px;border-radius:8px}.mb23-compose-head .mb23-avatar svg{width:24px;height:24px}
.mb23-compose-label{display:block;font-size:12px;font-weight:650;padding:14px 17px 0}
.mb23-compose-hint{margin:9px 0 0;color:var(--mb23-muted);font-size:11px;line-height:1.55}
.mb23-discussion .mb23-editor textarea,.mb23-dialog textarea,.dle-popup-replycomments textarea{
  display:block;width:100%;min-width:0;height:98px;min-height:98px;max-height:320px;resize:vertical;border:0;border-radius:0;background:#fff;color:var(--mb23-ink);padding:12px 17px;font-size:14px;line-height:1.65;outline-offset:-3px;
}
.mb23-editor textarea::placeholder{color:#8290a3}
.mb23-editor textarea[aria-invalid=true]{background:#fff8f8}
.mb23-compose-tools{display:flex;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid #e5ebf4;background:#fbfcfe}
.mb23-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;padding:7px 8px;min-height:36px;color:#5d7189;background:transparent;font-size:12px;font-weight:550;cursor:pointer}
.mb23-tool:hover{color:var(--mb23-blue);background:#edf4ff;text-decoration:none!important}.mb23-tool[aria-pressed=true]{color:var(--mb23-blue);background:#edf4ff}
.mb23-compose-tools .mb23-counter{margin-left:auto;font-size:10px;color:#8090a4;white-space:nowrap}
.mb23-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.mb23-subscribe{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--mb23-muted);cursor:pointer}
.mb23-discussion input[type=checkbox],.mb23-dialog input[type=checkbox],.dle-popup-replycomments input[type=checkbox]{appearance:auto;display:inline-block;position:static;width:16px;height:16px;min-height:16px;flex:none;margin:0;padding:0;accent-color:var(--mb23-blue)}
.mb23-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #cad8e9;border-radius:7px;background:#fff;color:var(--mb23-ink);padding:9px 15px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.mb23-btn:hover{background:#f0f5fc;text-decoration:none!important}.mb23-btn.primary{background:var(--mb23-blue);border-color:var(--mb23-blue);color:#fff;box-shadow:0 2px 0 #034bb71a}.mb23-btn.primary:hover{background:#0451ce}.mb23-btn.danger{background:#b92f43;color:white;border-color:#b92f43}.mb23-btn:disabled{opacity:.6;cursor:wait}
.mb23-note{border:1px solid #d3e6dc;background:#f0f9f4;color:#256c50;border-radius:8px;padding:10px 13px;font-size:12px;margin:12px 0;display:flex;gap:10px;align-items:center}.mb23-note.error{border-color:#f1ced4;background:#fff4f5;color:#a6374a}.mb23-note.pending{background:#fff8e9;border-color:#f0dfb6;color:#866326}.mb23-note p{flex:1}.mb23-note button{margin-left:auto}
.mb23-preview{margin:10px 16px 14px;padding:12px 14px;border:1px dashed #cbd9e9;background:#f8faff;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.mb23-quote{margin:10px 17px 0;padding:10px 12px;background:#f0f5fd;border-left:3px solid #72a4eb;border-radius:0 5px 5px 0;font-size:12px;color:#5c7290;display:flex;gap:10px;align-items:flex-start}.mb23-quote p{flex:1}.mb23-quote b{display:block;color:#39587d;margin-bottom:2px}.mb23-quote button{margin-top:-4px}
.mb23-attachments{display:flex;gap:10px;flex-wrap:wrap;padding:0 17px 12px}.mb23-attachments:empty{display:none}.mb23-attachment{display:flex;align-items:center;gap:8px;background:#f3f7fd;border:1px solid var(--mb23-line);border-radius:7px;padding:6px 8px;font-size:11px;max-width:100%}.mb23-attachment img{width:42px;height:36px;object-fit:cover;border-radius:4px}.mb23-attachment span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb23-threads-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0 13px;margin-top:5px;border-bottom:1px solid var(--mb23-line)}.mb23-threads-head h3{font-size:13px}.mb23-sort{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--mb23-muted)}.mb23-sort select{color:#4d657f;border:1px solid #dbe5f0;background:white;border-radius:6px;min-height:35px;padding:5px 9px;font-size:12px}
.mb23-thread{list-style:none;margin:0;padding:0}.mb23-thread>li{border-bottom:1px solid var(--mb23-line)}.mb23-thread>li:last-child{border:0}
.mb23-comment{padding:23px 0 20px;position:relative;min-width:0;scroll-margin-top:24px}
.mb23-comment-head{display:flex;align-items:center;gap:10px}.mb23-comment-head>div{min-width:0}.mb23-comment-name{font-size:13px;font-weight:750;color:var(--mb23-ink)!important}.mb23-comment-meta{font-size:11px;color:#8190a2;margin-top:1px;display:flex;gap:7px;align-items:center}.mb23-comment-meta a{color:inherit}.mb23-badge{display:inline-block;border-radius:4px;padding:1px 6px;margin-left:5px;font-size:9px;font-weight:650;vertical-align:1px;background:#edf4ff;color:#1765b9}.mb23-badge.creator{background:#eaf7f4;color:#16786d}
.mb23-comment-body{margin:10px 0 0 48px;font-size:14px;line-height:1.75;color:#364d66;overflow-wrap:anywhere}.mb23-comment-body p{white-space:pre-wrap}.mb23-comment-body img{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:7px;margin-top:10px}.mb23-comment-body blockquote{margin:0 0 10px;padding:9px 12px;border-left:3px solid #8bb3e6;background:#f3f7fc;color:#697d96;font-size:12px}.mb23-comment-body blockquote b{display:block;color:#3b5b80}.mb23-comment-body code{font-size:12px;background:#edf3fb;padding:2px 4px;border-radius:3px}.mb23-signature{margin-top:10px;padding-top:8px;border-top:1px solid #eef2f7;color:#8090a4;font-size:11px}
.mb23-comment-actions{display:flex;align-items:center;gap:4px;margin:9px 0 -3px 41px;min-height:36px;flex-wrap:wrap}.mb23-comment-actions>.mb23-tool:first-child{color:#075eec}.mb23-comment-actions .mb23-votes{display:flex;align-items:center;gap:5px}.mb23-more{position:relative;margin-left:auto}.mb23-more summary{list-style:none;cursor:pointer}.mb23-more summary::-webkit-details-marker{display:none}.mb23-menu{position:absolute;right:0;top:38px;width:160px;z-index:4;background:#fff;padding:5px;border:1px solid #d9e4f1;border-radius:9px;box-shadow:0 8px 30px #2038531a;display:grid}.mb23-menu .mb23-tool{justify-content:flex-start}.mb23-menu .danger{color:#ad3046}
.mb23-comment-actions>a:first-child{color:var(--mb23-blue);font-weight:650}.mb23-more:not(:has(a)){display:none}.mb23-selection:not(:has(input)){display:none}
.mb23-replies{list-style:none;margin:0 0 16px 18px;padding:0 0 0 29px;border-left:2px solid #e2ebf6}.mb23-replies .mb23-comment{padding:15px 0 0}.mb23-replies .mb23-avatar{width:32px;height:32px;border-radius:8px}.mb23-replies .mb23-avatar svg{width:23px;height:23px}.mb23-replies .mb23-comment-body{margin-left:42px}.mb23-replies .mb23-comment-actions{margin-left:35px}
.mb23-inline{padding:16px;margin:14px 0 0 48px;border:1px solid #d4e2f3;background:#f6f9ff;border-radius:10px}.mb23-inline>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;font-size:12px;color:#406386}.mb23-inline .mb23-form-footer{margin-top:10px}.mb23-inline .mb23-compose-head{display:none}.mb23-inline .mb23-editor textarea{min-height:85px}
.mb23-empty{padding:30px 10px 26px;text-align:center;color:var(--mb23-muted)}.mb23-empty .mb23-icon{width:29px;height:29px;color:#7c9fc8;margin-bottom:9px}.mb23-empty h3{font-size:15px;color:#34536f;margin-bottom:5px}.mb23-empty p{font-size:12px;max-width:370px;margin:auto}
.mb23-guest{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid #d5e3f4;background:#f3f7ff;border-radius:10px}.mb23-guest>div{flex:1}.mb23-guest b{display:block;font-size:14px}.mb23-guest p{font-size:12px;color:var(--mb23-muted);margin-top:3px}.mb23-moderation{display:flex;gap:12px;align-items:center;background:#fff8e9;border:1px solid #eadab6;border-radius:8px;padding:10px 13px;margin:17px 0;font-size:12px}.mb23-selection{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:#647a92}.mb23-selection:empty{display:none}
.mb23-dialog{border:1px solid #cbd9e9;border-radius:13px;padding:0;max-width:540px;width:calc(100% - 32px);max-height:calc(100dvh - 36px);box-shadow:0 24px 90px #0c254847}.mb23-dialog::backdrop{background:#12284473;backdrop-filter:blur(2px)}.mb23-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--mb23-line)}.mb23-dialog h2{font-size:18px;letter-spacing:-.3px}.mb23-dialog-content{padding:20px 22px;overflow:auto}.mb23-dialog-content>p{font-size:13px;color:var(--mb23-muted);margin-bottom:16px}.mb23-dialog-content .mb23-field{display:grid;gap:7px;margin:14px 0;font-size:12px;font-weight:600}.mb23-dialog-content :is(select,input,textarea){border:1px solid #cbd9e9;border-radius:7px;padding:11px;width:100%;background:#fff;color:var(--mb23-ink)}.mb23-dialog-footer{display:flex;gap:9px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--mb23-line);background:#fafcff}.mb23-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#173451;color:white;font-size:12px;border-radius:8px;padding:12px 18px;box-shadow:0 6px 25px #14345126;z-index:1100;max-width:calc(100% - 30px);display:none}
.mb23-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Native editor/upload/tree containers. Preserve DLE-generated IDs, markup and event handlers. */
.mb23-discussion .comments-tree-list{list-style:none;margin:0;padding:0}.mb23-discussion .comments-tree-list .comments-tree-list{margin-left:18px;padding-left:29px;border-left:2px solid #e2ebf6}.mb23-native-upload summary{display:inline-flex;align-items:center;min-height:36px;cursor:pointer;color:#4d6c8f;font-size:12px}.mb23-native-upload{padding:5px 16px}.mb23-native-upload .plupload_wrapper{max-width:100%;overflow:auto}.mb23-discussion .dleaddcomments-editor{min-width:0}.mb23-discussion .tox-tinymce{border:0!important;border-radius:0!important;max-width:100%}.mb23-discussion .mb23-native-actions>a{display:inline-flex;align-items:center;min-height:36px;padding:5px 8px;border-radius:6px;font-size:12px;color:#5d7189}.mb23-native-actions>a:hover{background:#edf4ff;color:#075eec}.mb23-native-rating{display:flex;align-items:center;gap:6px;font-size:12px}.mb23-native-rating:empty{display:none}.mb23-native-rating a{display:inline-flex;align-items:center;min-height:36px;padding:5px 8px}.mb23-subscribe .form-check-label{display:flex;gap:8px;align-items:center}
.mb23-discussion #dle-comments-form{margin:0}.mb23-discussion #dlemasscomments{margin:0}.mb23-discussion #dle-comments-list{min-width:0}.mb23-discussion .mass_comments_action{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:17px 0 7px;padding:11px 13px;border:1px solid #eadab6;border-radius:8px;background:#fff8e9;color:#6f5727;font-size:12px}.mb23-discussion .mass_comments_action select{min-height:38px;border:1px solid #d8c79f;border-radius:6px;background:#fff;padding:7px 10px}.mb23-discussion .mass_comments_action button{min-height:38px;border:1px solid #c7a85d;border-radius:6px;background:#fff;padding:7px 13px;color:#6f5727;font-weight:700}.mb23-discussion .navigation{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 7px}.mb23-comment-source{margin:0 0 8px!important;color:var(--mb23-blue);font-size:12px;font-weight:700;white-space:normal!important}
.mb-dle-content>.mb23-comment,.mb-search-comment .mb23-comment{margin-bottom:14px;padding:20px;border:1px solid var(--mb23-line);border-radius:11px;background:#fff}
/* DLE appends this dialog under body, outside .mb23-discussion. Load this CSS on the whole article route. */
.dle-popup-replycomments.ui-dialog{position:fixed;display:flex;flex-direction:column;width:min(660px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px)!important;padding:0;border:1px solid #cbd9e9;border-radius:13px;background:#fff;box-shadow:0 0 0 100vmax #1329436b,0 22px 85px #17324b40;z-index:1005;overflow:hidden}
.dle-popup-replycomments .ui-dialog-titlebar{position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mb23-line);padding:17px 20px;min-height:60px;background:#fff;color:#17314d;font-size:17px;font-weight:700}
.dle-popup-replycomments .ui-dialog-titlebar-close{width:34px;height:34px;min-width:34px;padding:0;border:0;border-radius:6px;position:static;margin:0;background:#f0f5fc;color:#4d6784;font-size:0;cursor:pointer}.dle-popup-replycomments .ui-dialog-titlebar-close::after{content:'×';font:24px/1 Arial}.dle-popup-replycomments .ui-dialog-titlebar-close>span{display:none}
.dle-popup-replycomments #dlereplypopup.ui-dialog-content{padding:19px 20px!important;overflow:auto!important;min-height:0!important;max-height:calc(100dvh - 150px)!important;flex:1}.dle-popup-replycomments textarea{height:120px!important;min-height:120px;max-height:260px;max-width:100%;border:1px solid #cbd9e9;border-radius:7px;margin:8px 0 12px}.dle-popup-replycomments label{font-size:12px;color:#59718c}.dle-popup-replycomments .form-check-label{display:flex;align-items:center;gap:8px;margin-top:12px}
.dle-popup-replycomments .ui-dialog-buttonpane{margin:0;padding:13px 20px;background:#f8faff;border-top:1px solid var(--mb23-line)}.dle-popup-replycomments .ui-dialog-buttonset{display:flex;justify-content:flex-end;gap:8px}.dle-popup-replycomments .ui-dialog-buttonset button{min-height:42px;border:1px solid #cbd9e9;border-radius:7px;background:#fff;padding:8px 17px;color:#425b78;font-size:12px;font-weight:650;cursor:pointer}.dle-popup-replycomments .ui-dialog-buttonset button:last-child{background:#075eec;border-color:#075eec;color:#fff}
.mb23-reply-overlay{background:#132943;opacity:.42;position:fixed;inset:0;z-index:1004}
.mb23-discussion #dlefastreplycomments{margin:14px 0 18px 48px;padding:16px;background:#f3f7fe;border:1px solid #d5e3f4;border-radius:10px}.mb23-discussion #dlefastreplycomments textarea,.mb23-discussion [id^=dle-comments-form-] textarea{width:100%;min-height:100px;border:1px solid #ccdbed;border-radius:7px;padding:12px;font-size:14px;color:#263f59;background:#fff}.mb23-discussion [id^=dle-comments-form-] button{min-height:40px;border:1px solid #cbd9e9;border-radius:6px;padding:8px 14px;background:#fff;color:#075eec}
@media(max-width:600px){
  .mb23-discussion{padding:21px 17px 5px;border-radius:11px}.mb23-heading{margin-bottom:20px;gap:10px}.mb23-heading h2{font-size:22px}.mb23-heading p{font-size:11px}.mb23-heading>span{width:36px;height:36px}.mb23-compose-head{padding:13px 13px 0}.mb23-compose-label{padding-left:13px}.mb23-discussion .mb23-editor textarea{height:110px;font-size:16px;padding:11px 13px;min-height:110px}.mb23-compose-tools{padding:6px 7px;gap:1px}.mb23-compose-tools .mb23-tool{font-size:11px;gap:5px}.mb23-form-footer{gap:9px;flex-wrap:wrap}.mb23-subscribe{font-size:11px}.mb23-form-footer>.mb23-btn.primary{margin-left:auto}.mb23-comment-body{font-size:14px;margin-left:0}.mb23-comment-actions{margin-left:-7px}.mb23-comment{padding:20px 0 17px}.mb23-comment-actions .mb23-tool{font-size:12px;min-height:40px}.mb23-replies{margin-left:8px;padding-left:15px}.mb23-replies .mb23-comment-body{margin-left:0}.mb23-replies .mb23-comment-actions{margin-left:-7px}.mb23-inline{margin-left:0;padding:11px}.mb23-replies .mb23-inline{padding:9px}.mb23-guest{padding:16px;flex-wrap:wrap}.mb23-guest>.mb23-btn{width:100%}.mb23-sort span{display:none}.mb23-quote{margin-inline:12px}.mb23-threads-head{padding-top:23px}.mb23-moderation{flex-wrap:wrap}.mb23-dialog-content textarea{font-size:16px}.dle-popup-replycomments textarea{font-size:16px}.dle-popup-replycomments #dlereplypopup.ui-dialog-content{padding:15px!important;max-height:calc(100dvh - 130px)!important}.mb23-discussion #dlefastreplycomments{margin-left:0;padding:12px}.mb23-discussion .comments-tree-list .comments-tree-list{margin-left:8px;padding-left:15px}.mb23-discussion .mass_comments_action{align-items:stretch;flex-direction:column}.mb23-discussion .mass_comments_action :is(select,button){width:100%}
}
@media(prefers-reduced-motion:reduce){.mb23-discussion *{scroll-behavior:auto!important;transition:none!important}}

.mb23-more>summary{border:1px solid #e2e9f2;background:#fafcff;border-radius:6px;width:34px;min-height:32px;padding:6px;color:#647c96}.mb23-more>summary:hover{border-color:#afc9ed;background:#edf4ff}.mb23-native-challenge{display:block;margin:13px 0;font-size:12px;color:#516c88}.mb23-native-challenge input:not([type=checkbox]){display:block;width:100%;max-width:320px;min-height:42px;border:1px solid #cbd9e9;border-radius:7px;padding:10px;margin-top:7px}.mb23-native-challenge img{max-width:100%;height:auto}
