@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css");

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
/*!
 * Lucent — Glassmorphism Board Skin for Rhymix
 * Licensed GPL v2 or later.
 * Built with Tailwind CSS v4 (MIT, Copyright (c) Tailwind Labs Inc.)
 *
 * Preflight is intentionally NOT imported (this CSS styles board chrome and
 * must not reset the editor/content HTML rendered inside posts/comments).
 *
 * Tokens: inherits --lucent-accent / --glass-* / --text from the Lucent layout
 * when present; otherwise falls back to standalone values (light, with a
 * prefers-color-scheme dark fallback). All rules are scoped to .lucent-board.
 */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.contents{display:contents}.hidden{display:none}.border{border-style:var(--tw-border-style);border-width:1px}}.lucent-board{--bd-accent:var(--lucent-accent,#6366f1);--bd-text:var(--text,#1f2430);--bd-muted:var(--text-muted,#5b6373);--bd-border:var(--glass-border,#1418281a);--bd-line:var(--glass-border,#14182814);--bd-surface:var(--glass-bg,#ffffff80);--bd-surface-strong:var(--glass-bg-strong,#fffc);--bd-hover:var(--bd-accent)}@supports (color:color-mix(in lab, red, red)){.lucent-board{--bd-hover:color-mix(in srgb, var(--bd-accent) 8%, transparent)}}.lucent-board{--bd-radius:14px;--bd-row-pad:13px;color:var(--bd-text);font-size:15px;line-height:1.6}.lucent-board[data-density=compact]{--bd-row-pad:8px;font-size:14px}@media (prefers-color-scheme:dark){.lucent-board{--bd-text:var(--text,#e8eaf1);--bd-muted:var(--text-muted,#a4abbd);--bd-border:var(--glass-border,#ffffff1f);--bd-line:var(--glass-border,#ffffff14);--bd-surface:var(--glass-bg,#16192380);--bd-surface-strong:var(--glass-bg-strong,#161923d1)}}.lucent-board a{color:inherit;text-decoration:none}.lucent-board *,.lucent-board :before,.lucent-board :after{box-sizing:border-box}.lucent-board .board_header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.lucent-board .board_header h2{margin:0}.lucent-board .board_header img{width:auto;max-height:48px}.lucent-board .cTab{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.lucent-board .cTab>li{list-style:none}.lucent-board .cTab>li>a{color:var(--bd-text);background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-block}.lucent-board .cTab>li>a:hover{border-color:var(--bd-accent);color:var(--bd-accent)}.lucent-board .cTab>li.on>a{background:var(--bd-accent)}@supports (color:color-mix(in lab, red, red)){.lucent-board .cTab>li.on>a{background:var(--bd-accent)}}.lucent-board .cTab>li.on>a{color:#fff;border-color:#0000}.lucent-board .cTab ul{flex-wrap:wrap;gap:6px;width:100%;margin:8px 0 0;padding:0;list-style:none;display:flex}.lucent-board .cTab ul>li>a{color:var(--bd-muted);border-radius:999px;padding:5px 12px;font-size:13px;display:inline-block}.lucent-board .cTab ul>li.on_>a{background:var(--bd-hover);color:var(--bd-accent)}.lucent-board .board_list{overflow-x:auto}.lucent-board .board_list table{border-collapse:collapse;background:0 0;border:0;width:100%}.lucent-board .board_list thead th{text-align:left;letter-spacing:.02em;color:var(--bd-muted);border:0;border-bottom:1px solid var(--bd-border);white-space:nowrap;padding:10px 12px;font-size:12.5px;font-weight:600}.lucent-board .board_list thead th a{color:inherit}.lucent-board .board_list thead th a:hover{color:var(--bd-accent)}.lucent-board .board_list tbody td{padding:var(--bd-row-pad) 12px;border:0;border-bottom:1px solid var(--bd-line);vertical-align:middle}.lucent-board .board_list tbody tr{transition:background-color .12s}.lucent-board .board_list tbody tr:hover{background:var(--bd-hover)}.lucent-board .board_list tr.notice{background:var(--bd-accent)}@supports (color:color-mix(in lab, red, red)){.lucent-board .board_list tr.notice{background:color-mix(in srgb, var(--bd-accent) 6%, transparent)}}.lucent-board .board_list tr.notice td.notice{color:var(--bd-accent);text-transform:uppercase;font-size:11px;font-weight:700}.lucent-board .board_list td.no,.lucent-board .board_list td.time,.lucent-board .board_list td.readNum,.lucent-board .board_list td.voteNum,.lucent-board .board_list td.author{color:var(--bd-muted);white-space:nowrap;font-size:13px}.lucent-board .board_list td.title{width:100%}.lucent-board .board_list td.title>a{color:var(--bd-text);font-weight:500}.lucent-board .board_list td.title>a:hover{color:var(--bd-accent)}.lucent-board .board_list td.title>a.replyNum,.lucent-board .board_list td.title>a.trackbackNum{background:var(--bd-accent);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:1.5px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lucent-board .board_list td.title>a.replyNum,.lucent-board .board_list td.title>a.trackbackNum{background:color-mix(in srgb, var(--bd-accent) 12%, transparent)}}.lucent-board .board_list td.title>a.replyNum,.lucent-board .board_list td.title>a.trackbackNum{color:var(--bd-accent);vertical-align:middle;position:relative;top:-1px}.lucent-board .board_list td.author a{color:var(--bd-text)}.lucent-board .board_list td.author a:hover{color:var(--bd-accent)}.lucent-board .board_list td.check{text-align:center}.lucent-board .list_footer{margin-top:18px}.lucent-board .pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:18px 0;display:flex}.lucent-board .pagination a,.lucent-board .pagination strong{min-width:36px;height:36px;color:var(--bd-text);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.lucent-board .pagination a:hover{background:var(--bd-hover);color:var(--bd-accent)}.lucent-board .pagination strong{background:var(--bd-accent)}@supports (color:color-mix(in lab, red, red)){.lucent-board .pagination strong{background:var(--bd-accent)}}.lucent-board .pagination strong{color:#fff}.lucent-board .pagination .direction span{display:none}.lucent-board .pagination .direction{color:var(--bd-muted)}.lucent-board .btnArea{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.lucent-board .list_footer>.btnArea{justify-content:center}.lucent-board .btn,.lucent-board input[type=submit].btn,.lucent-board button.btn{min-height:var(--ctl-h,42px);box-sizing:border-box;cursor:pointer;color:var(--bd-text);background:var(--bd-surface-strong);border:1px solid var(--bd-text);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lucent-board .btn,.lucent-board input[type=submit].btn,.lucent-board button.btn{border:1px solid color-mix(in srgb, var(--bd-text) 12%, transparent)}}.lucent-board .btn,.lucent-board input[type=submit].btn,.lucent-board button.btn{transition:transform .15s,border-color .15s,color .15s,box-shadow .15s,filter .15s;box-shadow:0 4px 14px #11182714}.lucent-board .btn:hover,.lucent-board button.btn:hover{border-color:var(--bd-accent);color:var(--bd-accent);transform:translateY(-1px);box-shadow:0 6px 18px #1118271f}.lucent-board .bsToggle{display:none}.lucent-board .board_search{border-radius:var(--bd-radius);background:var(--bd-surface);border:1px solid var(--bd-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:560px;margin:16px auto 0;padding:12px 14px;display:flex!important}.lucent-board .board_search .iText{min-width:0;height:var(--ctl-h,42px);border:1px solid var(--bd-text);border-radius:999px;flex:200px;padding:0 20px}@supports (color:color-mix(in lab, red, red)){.lucent-board .board_search .iText{border:1px solid color-mix(in srgb, var(--bd-text) 12%, transparent)}}.lucent-board .board_search .iText{background:var(--bd-surface-strong);color:var(--bd-text);transition:transform .15s,border-color .15s,color .15s,box-shadow .15s,background-color .15s;box-shadow:0 4px 14px #11182714}.lucent-board .board_search .iText:focus{border-color:var(--bd-accent);background:var(--bd-surface-strong);box-shadow:0 0 0 3px var(--bd-accent), 0 4px 14px #11182714}@supports (color:color-mix(in lab, red, red)){.lucent-board .board_search .iText:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--bd-accent) 15%, transparent), 0 4px 14px #11182714}}.lucent-board .lucent-select{flex:none;display:inline-block;position:relative}.lucent-board .lucent-select-trigger{height:var(--ctl-h,42px);border:1px solid var(--bd-text);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;min-width:110px;padding:0 18px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lucent-board .lucent-select-trigger{border:1px solid color-mix(in srgb, var(--bd-text) 12%, transparent)}}.lucent-board .lucent-select-trigger{background:var(--bd-surface-strong);color:var(--bd-text);cursor:pointer;outline:none;font-size:14px;font-weight:600;transition:transform .15s,border-color .15s,color .15s,box-shadow .15s,filter .15s;box-shadow:0 4px 14px #11182714}.lucent-board .lucent-select-trigger:focus,.lucent-board .lucent-select-trigger:hover,.lucent-board .lucent-select.is-open .lucent-select-trigger{border-color:var(--bd-accent);color:var(--bd-accent);transform:translateY(-1px);box-shadow:0 6px 18px #1118271f}.lucent-board .lucent-select-arrow{opacity:.7;flex-shrink:0;transition:transform .2s}.lucent-board .lucent-select.is-open .lucent-select-arrow{transform:rotate(180deg)}.lucent-board .lucent-select-options{z-index:50;border:1px solid var(--bd-border);background:var(--bd-surface-strong);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;border-radius:12px;min-width:140px;max-height:240px;margin:0;padding:6px;list-style:none;transition:opacity .18s cubic-bezier(.4,0,.2,1),visibility .18s,transform .18s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 6px);left:0;overflow-y:auto;transform:translateY(8px);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000014}.lucent-board .lucent-select.is-open .lucent-select-options{opacity:1;visibility:visible;transform:translateY(0)}.lucent-board .lucent-select-options li{color:var(--bd-text);cursor:pointer;text-align:left;white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:13.5px;transition:background-color .12s,color .12s}.lucent-board .lucent-select-options li:hover{background:var(--bd-hover);color:var(--bd-accent)}.lucent-board .lucent-select-options li.is-selected{background:var(--bd-accent);color:#fff}.lucent-board .iText,.lucent-board input[type=text],.lucent-board input[type=password],.lucent-board input[type=email],.lucent-board select{height:var(--ctl-h,42px);border:1px solid var(--bd-text);border-radius:999px;padding:0 20px}@supports (color:color-mix(in lab, red, red)){.lucent-board .iText,.lucent-board input[type=text],.lucent-board input[type=password],.lucent-board input[type=email],.lucent-board select{border:1px solid color-mix(in srgb, var(--bd-text) 12%, transparent)}}.lucent-board .iText,.lucent-board input[type=text],.lucent-board input[type=password],.lucent-board input[type=email],.lucent-board select{background:var(--bd-surface-strong);color:var(--bd-text);outline:none;font-size:14px;transition:transform .15s,border-color .15s,color .15s,box-shadow .15s,background-color .15s;box-shadow:0 4px 14px #11182714}.lucent-board .iText:focus,.lucent-board input[type=text]:focus,.lucent-board input[type=password]:focus,.lucent-board input[type=email]:focus,.lucent-board select:focus{border-color:var(--bd-accent);background:var(--bd-surface-strong);box-shadow:0 0 0 3px var(--bd-accent), 0 4px 14px #11182714}@supports (color:color-mix(in lab, red, red)){.lucent-board .iText:focus,.lucent-board input[type=text]:focus,.lucent-board input[type=password]:focus,.lucent-board input[type=email]:focus,.lucent-board select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--bd-accent) 15%, transparent), 0 4px 14px #11182714}}.lucent-board textarea{border:1px solid var(--bd-text);border-radius:14px;padding:12px 16px}@supports (color:color-mix(in lab, red, red)){.lucent-board textarea{border:1px solid color-mix(in srgb, var(--bd-text) 12%, transparent)}}.lucent-board textarea{background:var(--bd-surface-strong);color:var(--bd-text);outline:none;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:0 4px 14px #11182714}.lucent-board textarea:focus{border-color:var(--bd-accent);background:var(--bd-surface-strong);box-shadow:0 0 0 3px var(--bd-accent), 0 4px 14px #11182714}@supports (color:color-mix(in lab, red, red)){.lucent-board textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--bd-accent) 15%, transparent), 0 4px 14px #11182714}}.lucent-board .iLabel{color:var(--bd-muted);pointer-events:none;z-index:10;margin:0;font-size:13.5px;transition:opacity .15s,visibility .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.lucent-board .board_read{margin:8px 0 24px}.lucent-board .read_header{border-radius:var(--bd-radius);background:var(--bd-surface);border:1px solid var(--bd-border);flex-direction:column;gap:16px;margin-bottom:24px;padding:24px;display:flex}.lucent-board .read_title_wrapper{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.lucent-board .read_title_wrapper .category{background:var(--bd-accent);border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lucent-board .read_title_wrapper .category{background:color-mix(in srgb, var(--bd-accent) 14%, transparent)}}.lucent-board .read_title_wrapper .category{color:var(--bd-accent);white-space:nowrap;margin:2px 0 0}.lucent-board .read_title{color:var(--bd-text);word-break:break-all;flex:300px;margin:0;font-size:clamp(20px,3.2vw,26px);font-weight:800;line-height:1.35}.lucent-board .read_title a{color:inherit}.lucent-board .read_meta{color:var(--bd-muted);border-top:1px solid var(--bd-line);flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:14px;font-size:13.5px;display:flex}.lucent-board .meta_item{align-items:center;gap:6px;display:inline-flex}.lucent-board .meta_item.author{color:var(--bd-text);font-weight:600}.lucent-board .meta_item.author a{color:inherit}.lucent-board .meta_item.author a:hover{color:var(--bd-accent)}.lucent-board .meta_icon{stroke-width:2.2px;opacity:.7;width:15px;height:15px;color:var(--bd-muted)}.lucent-board .meta_item.voted{color:var(--bd-accent)}.lucent-board .meta_item.voted .meta_icon{color:var(--bd-accent);opacity:.9}.lucent-board .exOut table{border-collapse:collapse;border:0;width:100%;margin:0 0 18px;font-size:14px}.lucent-board .exOut th,.lucent-board .exOut td{border:0;border-bottom:1px solid var(--bd-line);text-align:left;padding:8px 12px}.lucent-board .exOut th{color:var(--bd-muted);width:160px;font-weight:600}.lucent-board .read_body{word-break:break-word;min-height:80px;padding:8px 0 24px}.lucent-board .read_footer{border-top:1px solid var(--bd-border);padding-top:16px}.lucent-board .fileList{margin-bottom:14px}.lucent-board .toggleFile{cursor:pointer;border:1px solid var(--bd-border);background:var(--bd-surface);color:var(--bd-text);border-radius:10px;padding:7px 14px;font-size:13px}.lucent-board .files{background:var(--bd-surface);border-radius:10px;margin:8px 0 0;padding:10px 14px;list-style:none}.lucent-board .files li{padding:4px 0;font-size:13px}.lucent-board .files .fileSize{color:var(--bd-muted);font-size:12px}.lucent-board .tns{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.lucent-board .tns .tags{flex-wrap:wrap;gap:6px;display:inline-flex}.lucent-board .tns .tags span{display:none}.lucent-board .tns .tag{background:var(--bd-hover);color:var(--bd-accent);border-radius:999px;padding:4px 12px;font-size:12.5px;display:inline-block}.lucent-board .tns .action{color:var(--bd-muted);margin-left:auto;font-size:13px}.lucent-board .tns .sns{display:none}.lucent-board .sign{border-radius:var(--bd-radius);background:var(--bd-surface);align-items:center;gap:12px;margin:16px 0;padding:14px;display:flex}.lucent-board .sign .pf{object-fit:cover;border-radius:50%;width:48px;height:48px}.lucent-board .sign .tx{color:var(--bd-muted);font-size:13px}.lucent-board .feedback{margin-top:28px}.lucent-board .fbHeader h2{align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:800;display:flex}.lucent-board .fbHeader h2 em{background:var(--bd-hover);color:var(--bd-accent);border-radius:999px;padding:2px 10px;font-size:14px;font-style:normal}.lucent-board .fbList{margin:0;padding:0;list-style:none}.lucent-board .fbItem{border-bottom:1px solid var(--bd-line);padding:16px 0}.lucent-board .fbItem.indent{border-left:2px solid var(--bd-accent);margin-left:2rem;padding-left:16px}@supports (color:color-mix(in lab, red, red)){.lucent-board .fbItem.indent{border-left:2px solid color-mix(in srgb, var(--bd-accent) 30%, transparent)}}.lucent-board .fbItem.indent2{margin-left:4rem}.lucent-board .fbItem.indent3{margin-left:6rem}.lucent-board .fbItem.indent4{margin-left:8rem}.lucent-board .fbItem.indent5{margin-left:10rem}.lucent-board .fbMeta{align-items:center;gap:12px;width:100%;margin-bottom:8px;display:flex}.lucent-board .fbMeta .profile{object-fit:cover;background:var(--bd-accent);border-radius:50%;flex:none;width:36px;height:36px}@supports (color:color-mix(in lab, red, red)){.lucent-board .fbMeta .profile{background:var(--bd-accent)}}.lucent-board .fbMeta .meta_text{flex-direction:column;gap:2px;display:flex}.lucent-board .fbMeta .author{margin:0;font-size:14px;font-weight:700;line-height:1.2}.lucent-board .fbMeta .time{color:var(--bd-muted);margin:0;font-size:12px;line-height:1.2}.lucent-board .fbActions{align-items:center;gap:4px;margin-left:auto;display:flex}.lucent-board .act-btn{width:32px;height:32px;color:var(--bd-muted);opacity:.6;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}.lucent-board .act-btn:hover{background:var(--bd-hover);color:var(--bd-accent);opacity:1}.lucent-board .act-icon{width:14px;height:14px}.lucent-board .feedback .deleted{color:var(--bd-muted);font-style:italic}.lucent-board .comment_footer{align-items:center;gap:8px;margin-top:14px;display:flex}.lucent-board .reply-btn{background:var(--bd-surface-strong);border:1px solid var(--bd-border);color:var(--bd-muted);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:transform .15s,border-color .15s,color .15s,background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #11182708}.lucent-board .reply-btn:hover{border-color:var(--bd-accent);color:var(--bd-accent);background:var(--bd-surface-strong);transform:translateY(-1px);box-shadow:0 4px 12px #1118270f}.lucent-board .reply-icon{opacity:.8;width:12px;height:12px}.lucent-board .comment-vote{background:var(--bd-accent);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lucent-board .comment-vote{background:color-mix(in srgb, var(--bd-accent) 8%, var(--bd-surface-strong))}}.lucent-board .comment-vote{border:1px solid var(--bd-accent)}@supports (color:color-mix(in lab, red, red)){.lucent-board .comment-vote{border:1px solid color-mix(in srgb, var(--bd-accent) 20%, var(--bd-border))}}.lucent-board .comment-vote{color:var(--bd-accent);box-shadow:0 2px 6px #11182705}.lucent-board .vote-icon{width:12px;height:12px}.lucent-board .write_comment,.lucent-board .board_write{border-radius:var(--bd-radius);background:var(--bd-surface);border:1px solid var(--bd-border);margin-top:20px;padding:18px}.lucent-board .write_author{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.lucent-board .write_author .item{align-items:center;gap:4px;display:inline-flex;position:relative}.lucent-board .write_captcha{margin:12px 0}.lucent-board .fbFooter{justify-content:flex-end;margin-top:16px;display:flex}.lucent-board .write_header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.lucent-board .write_header .iText{flex:240px}.lucent-board .write_header .lucent-select-options{top:calc(100% + 6px);bottom:auto;transform:translateY(-8px)}.lucent-board .write_header .lucent-select.is-open .lucent-select-options{transform:translateY(0)}.lucent-board .exForm table{border-collapse:collapse;border:0;width:100%;margin-bottom:14px}.lucent-board .exForm caption{text-align:left;color:var(--bd-muted);padding-bottom:6px;font-size:12px}.lucent-board .exForm th,.lucent-board .exForm td{border:0;border-bottom:1px solid var(--bd-line);text-align:left;vertical-align:top;padding:8px 12px}.lucent-board .exForm th{color:var(--bd-muted);width:160px;font-weight:600}.lucent-board .exForm em{color:#ef4444}.lucent-board .write_editor{margin-bottom:14px}.lucent-board .write_option{color:var(--bd-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:12px;font-size:14px;display:flex}.lucent-board .write_option label{margin-right:4px}.lucent-board .board_read .read_body form,.lucent-board .feedback form.xe_content,.lucent-board .message{border-radius:var(--bd-radius);background:var(--bd-surface);border:1px solid var(--bd-border);padding:16px}.lucent-board .context_data{border-radius:var(--bd-radius);background:var(--bd-surface);border:1px solid var(--bd-border);max-width:520px;margin:20px auto 14px;padding:20px;box-shadow:0 4px 14px #1118270a}.lucent-board .context_data .title{color:var(--bd-text);margin:0 0 6px;font-size:16px;font-weight:700}.lucent-board .context_data .author{color:var(--bd-muted);margin:0;font-size:13px}.lucent-board .context_message{border-radius:var(--bd-radius);background:var(--bd-surface-strong);border:1px solid var(--bd-border);text-align:center;max-width:520px;margin:0 auto 30px;padding:24px;box-shadow:0 10px 25px -5px #0000000d}.lucent-board .context_message h1{color:var(--bd-text);margin:0 0 16px;font-size:18px;font-weight:800;line-height:1.4}.lucent-board .context_message .iText{text-align:center;width:100%;max-width:280px;margin-bottom:16px}.lucent-board .context_message .btnArea{justify-content:center;margin-top:18px;margin-bottom:0}@media (max-width:640px){.lucent-board{font-size:14px}.lucent-board .board_list{-webkit-overflow-scrolling:touch}.lucent-board .board_list table{width:auto;min-width:100%}.lucent-board .board_list td.title{white-space:nowrap}.lucent-board .write_author .item{flex-direction:column;align-items:stretch;gap:4px;display:flex;position:relative}.lucent-board .board_search{flex-direction:column;align-items:stretch;max-width:none}.lucent-board .board_search .iText,.lucent-board .board_search select,.lucent-board .board_search .lucent-select,.lucent-board .board_search .btn{flex:none;width:100%}.lucent-board .board_search .lucent-select-trigger{width:100%}.lucent-board .board_search .lucent-select-options{width:100%;top:calc(100% + 6px);bottom:auto}.lucent-board .cTab{gap:6px}.lucent-board .fbItem.indent,.lucent-board .fbItem.indent2,.lucent-board .fbItem.indent3,.lucent-board .fbItem.indent4,.lucent-board .fbItem.indent5{margin-left:.9rem}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

/* Safari / iOS text autosizing fix */
html,
body {
  -webkit-text-size-adjust: none !important;
  text-size-adjust: none !important;
}

.lucent-board,
.lucent-board table,
.lucent-board thead,
.lucent-board tbody,
.lucent-board tr,
.lucent-board td,
.lucent-board th,
.lucent-board a {
  -webkit-text-size-adjust: none !important;
  text-size-adjust: none !important;
}

/* Keep list titles at a stable size on Safari */
.lucent-board .board_list td.title > a:not(.replyNum):not(.trackbackNum) {
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
}

/* Allow long titles to wrap on mobile instead of triggering Safari autosizing */
@media (max-width: 640px) {
  .lucent-board .board_list td.title {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .lucent-board .board_list td.title > a:not(.replyNum):not(.trackbackNum) {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
  }
}
.lucent-board .fbMeta .profile {
    display: none !important;
}

/* Read-page title size */
.lucent-board .read_title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

@media (max-width: 640px) {
    .lucent-board .read_title {
        font-size: 18px !important;
    }
}

/* Mobile: title on first line, compact update/date metadata underneath */
.lucent-board .mobile-list-meta { display: none; }

@media (max-width: 640px) {
  .lucent-board .board_list thead { display: none !important; }
  .lucent-board .board_list td.time { display: none !important; }

  .lucent-board .board_list table,
  .lucent-board .board_list tbody,
  .lucent-board .board_list tr {
    width: 100% !important;
  }

  .lucent-board .board_list td.title {
    width: 100% !important;
  }

  .lucent-board .mobile-list-meta {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.75rem;
    margin-top: 0.15rem;
    color: var(--bd-muted);
    font-size: 0.68rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  .lucent-board .mobile-list-meta span {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
  }
}

@media (max-width: 640px) {
    .lucent-board .fbItem.indent {
        margin-left: 0.9rem !important;
    }

    .lucent-board .fbItem.indent2 {
        margin-left: 1.8rem !important;
    }

    .lucent-board .fbItem.indent3 {
        margin-left: 2.7rem !important;
    }

    .lucent-board .fbItem.indent4 {
        margin-left: 3.6rem !important;
    }

    .lucent-board .fbItem.indent5 {
        margin-left: 4.5rem !important;
    }
}

/* =========================================================
   Black-background spoiler fix
   Keep black-painted text hidden in both light and dark mode.
   The existing "긁기" button removes the background property,
   so these rules automatically stop applying after scratching.
   ========================================================= */

/* CKEditor may save black as a keyword, hex, or rgb value. */
.lucene-board .read_body [style*="background-color: black" i],
.lucene-board .read_body [style*="background-color:black" i],
.lucene-board .read_body [style*="background-color: #000" i],
.lucene-board .read_body [style*="background-color:#000" i],
.lucene-board .read_body [style*="background-color: #000000" i],
.lucene-board .read_body [style*="background-color:#000000" i],
.lucene-board .read_body [style*="background-color: rgb(0, 0, 0)" i],
.lucene-board .read_body [style*="background-color:rgb(0, 0, 0)" i],
.lucene-board .feedback [style*="background-color: black" i],
.lucene-board .feedback [style*="background-color:black" i],
.lucene-board .feedback [style*="background-color: #000" i],
.lucene-board .feedback [style*="background-color:#000" i],
.lucene-board .feedback [style*="background-color: #000000" i],
.lucene-board .feedback [style*="background-color:#000000" i],
.lucene-board .feedback [style*="background-color: rgb(0, 0, 0)" i],
.lucene-board .feedback [style*="background-color:rgb(0, 0, 0)" i] {
  color: #000 !important;
}

/* Also cover CKEditor output that uses the background shorthand. */
.lucene-board .read_body [style*="background: black" i],
.lucene-board .read_body [style*="background:black" i],
.lucene-board .read_body [style*="background: #000" i],
.lucene-board .read_body [style*="background:#000" i],
.lucene-board .read_body [style*="background: #000000" i],
.lucene-board .read_body [style*="background:#000000" i],
.lucene-board .read_body [style*="background: rgb(0, 0, 0)" i],
.lucene-board .read_body [style*="background:rgb(0, 0, 0)" i],
.lucene-board .feedback [style*="background: black" i],
.lucene-board .feedback [style*="background:black" i],
.lucene-board .feedback [style*="background: #000" i],
.lucene-board .feedback [style*="background:#000" i],
.lucene-board .feedback [style*="background: #000000" i],
.lucene-board .feedback [style*="background:#000000" i],
.lucene-board .feedback [style*="background: rgb(0, 0, 0)" i],
.lucene-board .feedback [style*="background:rgb(0, 0, 0)" i] {
  color: #000 !important;
}

/* =========================================================
   Black spoiler fix v2
   If a black background is applied to a parent span/div,
   force BOTH that element and all descendants to black text.
   This prevents dark-mode inherited white text from showing.
   ========================================================= */

.lucene-board .read_body [style*="background-color: black" i],
.lucene-board .read_body [style*="background-color:black" i],
.lucene-board .read_body [style*="background-color: #000" i],
.lucene-board .read_body [style*="background-color:#000" i],
.lucene-board .read_body [style*="background-color: #000000" i],
.lucene-board .read_body [style*="background-color:#000000" i],
.lucene-board .read_body [style*="background-color: rgb(0, 0, 0)" i],
.lucene-board .read_body [style*="background-color:rgb(0,0,0)" i],
.lucene-board .read_body [style*="background-color: rgba(0, 0, 0, 1)" i],
.lucene-board .feedback [style*="background-color: black" i],
.lucene-board .feedback [style*="background-color:black" i],
.lucene-board .feedback [style*="background-color: #000" i],
.lucene-board .feedback [style*="background-color:#000" i],
.lucene-board .feedback [style*="background-color: #000000" i],
.lucene-board .feedback [style*="background-color:#000000" i],
.lucene-board .feedback [style*="background-color: rgb(0, 0, 0)" i],
.lucene-board .feedback [style*="background-color:rgb(0,0,0)" i],
.lucene-board .feedback [style*="background-color: rgba(0, 0, 0, 1)" i],
.lucene-board .read_body [style*="background: black" i],
.lucene-board .read_body [style*="background:black" i],
.lucene-board .read_body [style*="background: #000" i],
.lucene-board .read_body [style*="background:#000" i],
.lucene-board .read_body [style*="background: #000000" i],
.lucene-board .read_body [style*="background:#000000" i],
.lucene-board .read_body [style*="background: rgb(0, 0, 0)" i],
.lucene-board .read_body [style*="background:rgb(0,0,0)" i],
.lucene-board .feedback [style*="background: black" i],
.lucene-board .feedback [style*="background:black" i],
.lucene-board .feedback [style*="background: #000" i],
.lucene-board .feedback [style*="background:#000" i],
.lucene-board .feedback [style*="background: #000000" i],
.lucene-board .feedback [style*="background:#000000" i],
.lucene-board .feedback [style*="background: rgb(0, 0, 0)" i],
.lucene-board .feedback [style*="background:rgb(0,0,0)" i] {
  color: #000 !important;
}

/* Crucial for CKEditor markup where the actual text is in nested spans. */
.lucene-board .read_body [style*="background-color: black" i] *,
.lucene-board .read_body [style*="background-color:#000" i] *,
.lucene-board .read_body [style*="background-color: #000" i] *,
.lucene-board .read_body [style*="background-color:#000000" i] *,
.lucene-board .read_body [style*="background-color: #000000" i] *,
.lucene-board .read_body [style*="background-color:rgb(0,0,0)" i] *,
.lucene-board .read_body [style*="background-color: rgb(0, 0, 0)" i] *,
.lucene-board .feedback [style*="background-color: black" i] *,
.lucene-board .feedback [style*="background-color:#000" i] *,
.lucene-board .feedback [style*="background-color: #000" i] *,
.lucene-board .feedback [style*="background-color:#000000" i] *,
.lucene-board .feedback [style*="background-color: #000000" i] *,
.lucene-board .feedback [style*="background-color:rgb(0,0,0)" i] *,
.lucene-board .feedback [style*="background-color: rgb(0, 0, 0)" i] *,
.lucene-board .read_body [style*="background:black" i] *,
.lucene-board .read_body [style*="background: black" i] *,
.lucene-board .read_body [style*="background:#000" i] *,
.lucene-board .read_body [style*="background: #000" i] *,
.lucene-board .feedback [style*="background:black" i] *,
.lucene-board .feedback [style*="background: black" i] *,
.lucene-board .feedback [style*="background:#000" i] *,
.lucene-board .feedback [style*="background: #000" i] * {
  color: #000 !important;
}

/* =========================================================
   Dark mode: make comment-count badges readable in board list
   ========================================================= */
@media (prefers-color-scheme: dark) {
  .lucent-board .board_list td.title > a.replyNum,
  .lucent-board .board_list td.title > a.trackbackNum,
  .lucent-board .board_list td.title .replyNum,
  .lucent-board .board_list td.title .trackbackNum {
    color: #fff !important;
  }

  .lucent-board .board_list td.title > a.replyNum *,
  .lucent-board .board_list td.title > a.trackbackNum *,
  .lucent-board .board_list td.title .replyNum *,
  .lucent-board .board_list td.title .trackbackNum * {
    color: #fff !important;
  }
}

/* =========================================================
   Dark mode: invert the active category pill (e.g. "전체")
   Light mode stays as-is; dark mode becomes white with dark text.
   ========================================================= */
@media (prefers-color-scheme: dark) {
  .lucent-board .cTab > li.on > a {
    background: #f7f7f8 !important;
    color: #151821 !important;
    border-color: rgba(255,255,255,.65) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
  }

  .lucent-board .cTab > li.on > a:hover {
    background: #ffffff !important;
    color: #111318 !important;
  }
}

/* =========================================================
   Active category pill: remove gradient in all modes
   ========================================================= */
.lucene-board .cTab > li.on > a {
  background: #1f1f1f !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

@media (prefers-color-scheme: dark) {
  .lucent-board .cTab > li.on > a {
    background: #f7f7f8 !important;
    color: #151821 !important;
    border-color: rgba(255,255,255,.65) !important;
    box-shadow: none !important;
  }

  .lucent-board .cTab > li.on > a:hover {
    background: #ffffff !important;
    color: #111318 !important;
  }
}

/* =========================================================
   Flat-color override: no gradients anywhere in Lucent board
   ========================================================= */
.lucene-board .cTab > li.on > a,
.lucene-board .pagination strong,
.lucene-board .fbMeta .profile {
  background-image: none !important;
}

/* Active category */
.lucene-board .cTab > li.on > a {
  background: #1f1f1f !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Current pagination page */
.lucene-board .pagination strong {
  background: var(--bd-accent) !important;
  color: #fff !important;
}

/* Comment profile fallback */
.lucene-board .fbMeta .profile {
  background: var(--bd-accent) !important;
}

@media (prefers-color-scheme: dark) {
  .lucent-board .cTab > li.on > a {
    background: #f7f7f8 !important;
    color: #151821 !important;
  }
}

/* =========================================================
   Dark mode: invert the current pagination button
   ========================================================= */
@media (prefers-color-scheme: dark) {
  .lucent-board .pagination strong {
    background: #f7f7f8 !important;
    color: #151821 !important;
    border-color: rgba(255,255,255,.65) !important;
    box-shadow: none !important;
  }

  .lucent-board .pagination a {
    color: var(--bd-muted) !important;
  }

  .lucent-board .pagination a:hover {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }
}

/* =========================================================
   Dark mode: make comment-count bubbles easier to distinguish
   ========================================================= */
@media (prefers-color-scheme: dark) {
  .lucent-board .board_list td.title > a.replyNum,
  .lucent-board .board_list td.title > a.trackbackNum,
  .lucent-board .board_list td.title .replyNum,
  .lucent-board .board_list td.title .trackbackNum {
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .lucent-board .board_list td.title > a.replyNum *,
  .lucent-board .board_list td.title > a.trackbackNum *,
  .lucent-board .board_list td.title .replyNum *,
  .lucent-board .board_list td.title .trackbackNum * {
    color: #fff !important;
  }
}

/* =========================================================
   COMMENT VISIBILITY FIX
   1) Light mode: stronger separator between comments.
   2) Dark mode: brighter indent/depth guide line.
   ========================================================= */

/* Light mode comment divider */
@media (prefers-color-scheme: light) {
  .lucent-board .fbItem {
    border-bottom-color: rgba(31,36,48,.14) !important;
  }
}

/* If the layout explicitly sets light scheme */
.lucene[data-scheme="light"] .lucent-board .fbItem {
  border-bottom-color: rgba(31,36,48,.14) !important;
}

/* Dark mode depth / indent line */
@media (prefers-color-scheme: dark) {
  .lucent-board .fbItem.indent,
  .lucent-board .fbItem.indent2,
  .lucent-board .fbItem.indent3,
  .lucent-board .fbItem.indent4,
  .lucent-board .fbItem.indent5 {
    border-left-color: rgba(255,255,255,.28) !important;
  }
}

/* If the layout explicitly sets dark scheme */
.lucene[data-scheme="dark"] .lucent-board .fbItem.indent,
.lucene[data-scheme="dark"] .lucent-board .fbItem.indent2,
.lucene[data-scheme="dark"] .lucent-board .fbItem.indent3,
.lucene[data-scheme="dark"] .lucent-board .fbItem.indent4,
.lucene[data-scheme="dark"] .lucent-board .fbItem.indent5 {
  border-left-color: rgba(255,255,255,.28) !important;
}

/* =========================================================
   REAL MOBILE DEVICE ONLY — POST / COMMENT BODY 0.9rem
   Uses coarse pointer + no hover so resizing a desktop browser
   does not trigger the mobile body font size.
   ========================================================= */
@media (hover: none) and (pointer: coarse) {
  .lucent-board .lucent-document-content,
  .lucent-board .lucent-document-content .xe_content,
  .lucent-board .read_body > .lucent-document-content,
  .lucent-board .lucent-comment-content,
  .lucent-board .lucent-comment-content .xe_content {
    font-size: 0.9rem !important;
  }
}

/* =========================================================
   READ HEADER VISIBILITY + COMPACT PADDING
   - Light mode: clearer border around title/meta block
   - Read header inner padding: 1px
   ========================================================= */
.lucene-board .read_header {
  padding: 1px !important;
}

/* Light mode only: make the read-header boundary visible on white background */
@media (prefers-color-scheme: light) {
  .lucent-board .read_header {
    border-color: rgba(31,36,48,.18) !important;
    background: #fff !important;
  }

  .lucent-board .read_meta {
    border-top-color: rgba(31,36,48,.14) !important;
  }
}

/* Explicit light scheme support */
.lucene[data-scheme="light"] .lucent-board .read_header {
  border-color: rgba(31,36,48,.18) !important;
  background: #fff !important;
}

.lucene[data-scheme="light"] .lucent-board .read_meta {
  border-top-color: rgba(31,36,48,.14) !important;
}

/* =========================================================
   READ HEADER ULTRA COMPACT
   Remove as much inner whitespace as possible.
   ========================================================= */
.lucene-board .read_header {
  padding: 0 !important;
  gap: 0 !important;
}

.lucene-board .read_title_wrapper {
  margin: 0 !important;
  padding: 0 !important;
  gap: 4px !important;
}

.lucene-board .read_title {
  margin: 0 !important;
  padding: 0 !important;
}

.lucene-board .read_meta {
  margin: 0 !important;
  padding: 2px 0 0 !important;
  gap: 3px 8px !important;
}

/* =========================================================
   READ HEADER — TIGHT SPACING (correct selector)
   Red-marked inner whitespace reduced.
   ========================================================= */
.lucent-board .read_header {
  padding: 8px 12px !important;
  gap: 6px !important;
}

.lucent-board .read_title_wrapper {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.lucent-board .read_title {
  margin: 0 !important;
  padding: 0 !important;
}

.lucent-board .read_meta {
  margin: 0 !important;
  padding: 6px 0 0 !important;
  gap: 4px 10px !important;
}

/* =========================================================
   READ TITLE CATEGORY SPACING
   Keep compact header, but give category badge breathing room.
   ========================================================= */
.lucent-board .read_title_wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.lucent-board .read_title_wrapper > .category {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.lucent-board .read_title {
  min-width: 0 !important;
}

/* =========================================================
   DOCUMENT VOTE BUTTON — LIGHT MODE VISIBILITY
   Comment vote button is untouched.
   ========================================================= */
@media (prefers-color-scheme: light) {
  .lucent-board #lucent-document-vote-btn,
  .lucent-board .lucent-document-vote .lucent-vote-button {
    background: #ffffff !important;
    color: #1f2430 !important;
    border-color: rgba(31,36,48,.22) !important;
    box-shadow: 0 3px 10px rgba(17,24,39,.08) !important;
  }

  .lucent-board #lucent-document-vote-btn:hover,
  .lucent-board .lucent-document-vote .lucent-vote-button:hover {
    border-color: rgba(31,36,48,.34) !important;
    box-shadow: 0 5px 14px rgba(17,24,39,.12) !important;
  }

  .lucent-board #lucent-document-vote-btn.is-voted,
  .lucent-board .lucent-document-vote .lucent-vote-button.is-voted {
    background: #fff4f8 !important;
    border-color: #ff9fc7 !important;
    color: #d63384 !important;
  }
}

/* Explicit light-scheme support */
.lucene[data-scheme="light"] .lucent-board #lucent-document-vote-btn,
.lucene[data-scheme="light"] .lucent-board .lucent-document-vote .lucent-vote-button {
  background: #ffffff !important;
  color: #1f2430 !important;
  border-color: rgba(31,36,48,.22) !important;
  box-shadow: 0 3px 10px rgba(17,24,39,.08) !important;
}

.lucene[data-scheme="light"] .lucent-board #lucent-document-vote-btn.is-voted,
.lucene[data-scheme="light"] .lucent-board .lucent-document-vote .lucent-vote-button.is-voted {
  background: #fff4f8 !important;
  border-color: #ff9fc7 !important;
  color: #d63384 !important;
}

/* =========================================================
   COMMENT REPLY + SCRATCH BUTTON — LIGHT MODE
   Match the existing comment action-button family.
   Post scratch button is intentionally untouched.
   ========================================================= */
@media (prefers-color-scheme: light) {
  /* 댓글 답글 버튼 */
  .lucent-board .fbItem .comment_action .reply,
  .lucent-board .fbItem .comment_action a.reply,
  .lucent-board .fbItem .reply {
    background: #ffffff !important;
    color: #1f2430 !important;
    border-color: rgba(31,36,48,.22) !important;
    box-shadow: 0 3px 10px rgba(17,24,39,.08) !important;
  }

  /* 댓글 긁기 버튼 */
  .lucent-board .lucent-comment-scratch {
    background: #ffffff !important;
    color: #1f2430 !important;
    border-color: rgba(31,36,48,.22) !important;
    box-shadow: 0 3px 10px rgba(17,24,39,.08) !important;
  }

  .lucent-board .fbItem .comment_action .reply:hover,
  .lucent-board .fbItem .comment_action a.reply:hover,
  .lucent-board .lucent-comment-scratch:hover {
    border-color: rgba(31,36,48,.34) !important;
    box-shadow: 0 5px 14px rgba(17,24,39,.12) !important;
  }

  .lucent-board .lucent-comment-scratch.is-scratched {
    background: #e9f8f4 !important;
    color: #287b6c !important;
    border-color: rgba(72,170,151,.38) !important;
  }
}

/* Explicit light scheme */
.lucene[data-scheme="light"] .lucent-board .fbItem .comment_action .reply,
.lucene[data-scheme="light"] .lucent-board .fbItem .comment_action a.reply,
.lucene[data-scheme="light"] .lucent-board .fbItem .reply,
.lucene[data-scheme="light"] .lucent-board .lucent-comment-scratch {
  background: #ffffff !important;
  color: #1f2430 !important;
  border-color: rgba(31,36,48,.22) !important;
  box-shadow: 0 3px 10px rgba(17,24,39,.08) !important;
}

.lucene[data-scheme="light"] .lucent-board .lucent-comment-scratch.is-scratched {
  background: #e9f8f4 !important;
  color: #287b6c !important;
  border-color: rgba(72,170,151,.38) !important;
}

/* =========================================================
   COMMENT ACTIONS — STRONGER LIGHT-MODE SEPARATION
   Reply + comment scratch only.
   ========================================================= */
@media (prefers-color-scheme: light) {
  .lucent-board .fbItem .comment_action .reply,
  .lucent-board .fbItem .comment_action a.reply,
  .lucent-board .fbItem .reply,
  .lucent-board .lucent-comment-scratch {
    background: #ffffff !important;
    color: #1f2430 !important;
    border: 1px solid #c7cbd2 !important;
    box-shadow: 0 3px 9px rgba(17,24,39,.16) !important;
  }

  .lucent-board .fbItem .comment_action .reply:hover,
  .lucent-board .fbItem .comment_action a.reply:hover,
  .lucent-board .fbItem .reply:hover,
  .lucent-board .lucent-comment-scratch:hover {
    border-color: #aeb4bd !important;
    box-shadow: 0 4px 11px rgba(17,24,39,.20) !important;
  }

  .lucent-board .lucent-comment-scratch.is-scratched {
    background: #e9f8f4 !important;
    color: #287b6c !important;
    border-color: #8bcfc1 !important;
    box-shadow: 0 3px 9px rgba(40,123,108,.14) !important;
  }
}

.lucene[data-scheme="light"] .lucent-board .fbItem .comment_action .reply,
.lucene[data-scheme="light"] .lucent-board .fbItem .comment_action a.reply,
.lucene[data-scheme="light"] .lucent-board .fbItem .reply,
.lucene[data-scheme="light"] .lucent-board .lucent-comment-scratch {
  background: #ffffff !important;
  color: #1f2430 !important;
  border: 1px solid #c7cbd2 !important;
  box-shadow: 0 3px 9px rgba(17,24,39,.16) !important;
}

.lucene[data-scheme="light"] .lucent-board .lucent-comment-scratch.is-scratched {
  background: #e9f8f4 !important;
  color: #287b6c !important;
  border-color: #8bcfc1 !important;
  box-shadow: 0 3px 9px rgba(40,123,108,.14) !important;
}

/* =========================================================
   COMMENT REPLY / SCRATCH — MATCH VOTE BUTTON BORDER
   Border only. Background colors are intentionally untouched.
   ========================================================= */
@media (prefers-color-scheme: light) {
  .lucent-board .fbItem .reply-btn,
  .lucent-board .fbItem .comment-color-scratch {
    border: 1px solid rgba(31,36,48,.22) !important;
  }

  .lucent-board .fbItem .reply-btn:hover,
  .lucent-board .fbItem .comment-color-scratch:hover {
    border-color: rgba(31,36,48,.34) !important;
  }
}

.lucene[data-scheme="light"] .lucent-board .fbItem .reply-btn,
.lucene[data-scheme="light"] .lucent-board .fbItem .comment-color-scratch {
  border: 1px solid rgba(31,36,48,.22) !important;
}

.lucene[data-scheme="light"] .lucent-board .fbItem .reply-btn:hover,
.lucene[data-scheme="light"] .lucent-board .fbItem .comment-color-scratch:hover {
  border-color: rgba(31,36,48,.34) !important;
}

/* =========================================================
   POST / COMMENT BODY TYPOGRAPHY
   Desktop: clean community-style sans-serif stack, 15px.
   Mobile touch devices: keep the existing 0.9rem size.
   ========================================================= */

/* PC / default */
.lucent-board .lucent-document-content,
.lucent-board .lucent-comment-content {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
               "Apple SD Gothic Neo", "Noto Sans KR",
               "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.7;
}

/* Real touch/mobile devices only: preserve the previously requested size */
@media (hover: none) and (pointer: coarse) {
  .lucent-board .lucent-document-content,
  .lucent-board .lucent-document-content .xe_content,
  .lucent-board .read_body > .lucent-document-content,
  .lucent-board .lucent-comment-content,
  .lucent-board .lucent-comment-content .xe_content {
    font-size: 0.9rem !important;
  }
}

/* =========================================================
   POST / COMMENT BODY TYPOGRAPHY — APPLE SD GOTHIC NEO
   Restore original body size and use Apple-style Korean gothic.
   ========================================================= */
.lucent-board .lucent-document-content,
.lucent-board .lucent-document-content .xe_content,
.lucent-board .read_body > .lucent-document-content,
.lucent-board .lucent-comment-content,
.lucent-board .lucent-comment-content .xe_content {
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* Keep the same font family on real mobile devices too, without shrinking it. */
@media (hover: none) and (pointer: coarse) {
  .lucent-board .lucent-document-content,
  .lucent-board .lucent-document-content .xe_content,
  .lucent-board .read_body > .lucent-document-content,
  .lucent-board .lucent-comment-content,
  .lucent-board .lucent-comment-content .xe_content {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}

/* =========================================================
   POST / COMMENT BODY — PRETENDARD 400 WEBFONT
   Keep the restored 15px body size.
   ========================================================= */
.lucent-board .lucent-document-content,
.lucent-board .lucent-document-content .xe_content,
.lucent-board .read_body > .lucent-document-content,
.lucent-board .lucent-comment-content,
.lucent-board .lucent-comment-content .xe_content {
  font-family: "Pretendard Variable", Pretendard, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* Same typography on touch/mobile devices */
@media (hover: none) and (pointer: coarse) {
  .lucent-board .lucent-document-content,
  .lucent-board .lucent-document-content .xe_content,
  .lucent-board .read_body > .lucent-document-content,
  .lucent-board .lucent-comment-content,
  .lucent-board .lucent-comment-content .xe_content {
    font-family: "Pretendard Variable", Pretendard, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
  }
}