html, body { margin: 0; padding: 0; height: 100%; display: flex; justify-content: center; align-items: center; }
a, button { -webkit-tap-highlight-color: transparent; }
.copy { position: fixed; bottom: 10px; right: 10px; font-size: 12px; font-weight: bold; z-index: 9999; }
.container { display: flex; height: 90vh; border: 1px solid #e7e7e7; box-sizing: border-box; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.2); overflow: hidden; }
.sidebar { position: relative; height: 100%; border-right: 1px solid #e7e7e7; box-sizing: border-box; overflow: hidden; }
.sidebar-header { position: absolute; top: 15px; left: 15px; color: #fff; font-size: 18px; font-weight: bold; text-shadow: 0 0 4px rgba(0,0,0,0.6), 0 0 8px rgba(0,0,0,0.3); z-index: 10; pointer-events: none; }
.sidebar .content { padding: 60px 20px 20px 20px; height: calc(100% - 50px); box-sizing: border-box; }
.pc-sidebar-source { display: inline; }
.mobile-sidebar-source { display: none; }
@media (max-width: 640px) {
  .pc-sidebar-source { display: none !important; }
  .mobile-sidebar-source { display: inline !important; }
  .sidebar-header { position: absolute; top: 6px !important; left: auto !important; right: 12px !important; color: #fff; font-size: 12px; font-weight: bold; text-shadow: 0 0 2px rgba(0,0,0,0.6), 0 0 5px rgba(0,0,0,0.3); z-index: 10; pointer-events: none; }
}
.profile-container { position: absolute; bottom: 70px; left: 15px; display: flex; align-items: center; }
.profile-info { margin-left: 8px; font-family: sans-serif; }
.profile-name { font-size: 18px; font-weight: bold; line-height: 1.4; }
.profile-site { font-size: 12px; margin-top: 4px; line-height: 0.9; }
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.menu-bar { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px; box-sizing: border-box; background-color: #fff; height: 50px; border-top: 1px solid #e7e7e7; }
.menu-left { display: flex; gap: 20px; }
.menu-right { display: flex; }
.overlay-close { position: absolute; top: 10px; right: 10px; background: transparent; border: none; font-size: 28px; color: #333; cursor: pointer; z-index: 1000; }
.overlay-menu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); list-style: none; padding: 0; margin: 0; text-align: center; width: 80%; max-height: 80%; overflow-y: auto; }
.overlay-menu li { margin: 12px 0; }
.main { width: calc(100% - 400px); min-width: 0; height: 100%; overflow-y: auto; overflow-wrap: break-word; padding: 20px 20px 20px 25px; box-sizing: border-box; background-color: #fff; font-size: 16px; line-height: 1.6; }
.main img { max-width: 100%; height: auto; display: block; }
.sidebar .content .title, .main .title { font-size: 24px; font-weight: bold; color: #1a3e7c; margin-bottom: 20px; }



#lucky_password_box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 25% auto; width: 50%; max-width: 400px; background: #fff; padding: 30px; border-radius: 8px; box-sizing: border-box; }
#lucky_password_box h1 i { font-size: 100px; }
#lucky_password_box .pass-form form { display: flex; align-items: center; gap: 5px; }
#lucky_password_box .pass-form .box-pw { flex: 1; margin: 0; }
#lucky_password_box .pass-form .box-btn { margin: 0; }
#lucky_password_box .pass-form .box-pw input { width: 100%; min-width: 150px; box-sizing: border-box; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); border-radius: 1rem; background: #ffffff; padding: 0 5px !important; height: 30px !important; }
#lucky_password_box .pass-form .box-btn button { white-space: nowrap; height: 30px !important; line-height: 30px !important; padding: 0 0.75rem !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_password_box .btn_confirm .ui-btn { all: unset!important; display: inline-block!important; cursor: pointer!important; text-decoration: none!important; color: inherit!important; background-color: transparent!important; box-sizing: border-box!important; }
#lucky_password_box .btn_confirm { font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_password_box .inner { margin-top: 0px; }
#lucky_password_box .inner form { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-template-areas: "input-id  btn" "input-pw  btn"; column-gap: 8px; row-gap: 8px; align-items: center; }
#lucky_password_box .inner form fieldset:nth-of-type(1) { grid-area: input-id; margin: 0; padding: 0; border: none; }
#lucky_password_box .inner form fieldset:nth-of-type(2) { grid-area: input-pw; margin: 0; padding: 0; border: none; }
#lucky_password_box .inner form button { grid-area: btn; grid-row: 1 / 3; align-self: stretch; padding: 0 16px; white-space: nowrap; cursor: pointer; border: none; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_password_box .inner form input[type="text"], #lucky_password_box .inner form input[type="password"] { width: 100%; padding: 8px 10px; box-sizing: border-box; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); border-radius: 1rem; background: #fff; padding: 0 20px !important; height: 30px !important; }


#lucky_list.theme-list { width: 100% !important; max-width: 550px; margin: 0 auto !important; box-sizing: border-box !important; padding: 0 !important; font-size: 0.875rem !important; }
#lucky_list.theme-list .board-notice-box { background: #fffbf0 !important; padding: 0.5rem !important; border-bottom: 1px solid #eee !important; }
#lucky_list.theme-list .list-row { display: flex !important; align-items: center !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); border-radius: 1rem; background: #fff; padding: 0 20px !important; height: 75px !important; margin-bottom: 25px !important; position: relative !important; transition: background 0.25s, box-shadow 0.25s; }
#lucky_list .row-icon { flex: 0 0 32px; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-right: 12px; animation: spin 0.25s linear 1; }
#lucky_list .list-row:hover .row-icon i { animation: spin 0.25s linear 1; }
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
#lucky_list .list-row-link { display: flex; flex: 1 1 auto; text-decoration: none !important; color: inherit !important; min-width: 0; }
#lucky_list .row-texts { display: flex; flex-direction: column; justify-content: center; min-width: 0; width: 100%; }
#lucky_list .list-title { font-size: 1rem; font-weight: 500; line-height: 1.2; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#lucky_list .list-row:hover .list-title { letter-spacing: 0.10em; transition: letter-spacing 0.25s cubic-bezier(.77,0,.18,1); }
#lucky_list .list-info { font-size: 12px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #c7c7c7 !important; }
#lucky_list .row-check { flex: 0 0 32px; display: flex; align-items: center; justify-content: center; margin-left: 12px; }

#lucky_list .control-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: -20px !important; margin-bottom: -20px !important; }
#lucky_list .control-bar input[name="stx"] { width: 100px !important; height: 40px !important; line-height: 40px !important; padding: 0 0.5rem !important; font-size: 10px !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); border-radius: 1rem; background: #fff; }
#lucky_list .control-bar .bo_fx .ui-btn { height: 30px !important; line-height: 30px !important; padding: 0 0.75rem !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_list .control-bar input[type="submit"][value="검색"] { display: none !important; }

#lucky_list .pagination a, #lucky_list .pagination strong { display: inline-block !important; font-size: 10px !important; height: 25px !important; line-height: 25px !important; padding: 0 10px !important; background: transparent !important; border: none !important; text-decoration: none !important; cursor: pointer !important; }
#lucky_list .pagination .pg_control { padding: 0 !important; width: 8px !important; }
#lucky_list .pagination .pg_current { font-size: 12px !important; font-weight: bold !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07); border-radius: 0.5rem; background: #fff; }

#lucky_guest .pagination a, #lucky_guest .pagination strong { display: inline-block !important; font-size: 10px !important; height: 25px !important; line-height: 25px !important; padding: 0 10px !important; background: transparent !important; border: none !important; text-decoration: none !important; cursor: pointer !important; }
#lucky_guest .pagination .pg_control { padding: 0 !important; width: 8px !important; }
#lucky_guest .pagination .pg_current { font-size: 12px !important; font-weight: bold !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07); border-radius: 0.5rem; background: #fff; }

#lucky_list .category-bar { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 20px!important; }
#lucky_list .category-link { display: inline-block; padding: 4px 10px 4px 10px; border-radius: 1rem 1rem 0 0; font-size: 12px; background: none; border: none; border-bottom: 2px solid transparent; transition: color 0.22s, border-bottom-color 0.22s; text-decoration: none; font-weight: 400; }
#lucky_list .admin-toggle { margin-left: auto; background: transparent; border: none; font-size: 16px; text-decoration: none; padding: 0.25rem 0.75rem; cursor: pointer; transition: color 0.2s; }
#lucky_list .category-link i { margin-right: 3px; vertical-align: -1px; display: inline-block; transition: color 0.2s; }
#lucky_list .category-link:hover i { animation: spin 0.25s linear 1; }
@keyframes spin {
  from { transform: rotate(0deg);}
  to   { transform: rotate(360deg);}
}
#lucky_list .admin-actions { display: none; text-align: center; margin-top: -10px; margin-bottom: 1rem; }
#lucky_list .admin-actions.show { display: block; }
#lucky_list .category-bar { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; margin-bottom: 0.5rem; }
#lucky_list .category-bar .admin-toggle { margin-left: auto; background: transparent; border: none; font-size: 10px; text-decoration: underline; padding: 0.25rem 0.75rem; }
#lucky_list .admin-actions .ui-btn { background: transparent; border: none; color: #000000; font-size: 10px; text-decoration: underline; margin: 0 0.25rem; padding: 0.25rem 0.5rem; }

#lucky_w .form-group-inline.source { flex: 0 0 120px; }
#lucky_w .form-group-inline.source input[type="text"] { width: 100%; box-sizing: border-box; }
#lucky_w .form-group-inline.thumbnail { display: flex; align-items: center; gap: 6px; flex: 1; }
#lucky_w .form-group-inline.thumbnail input[type="file"] { flex: 1; min-width: 0; }
#lucky_w .form-group-inline.url { flex: 1; }
#lucky_w .form-group-inline.url input[type="text"] { width: 100%; box-sizing: border-box; min-width: 0; }
#lucky_w .form-row-inline { display: flex; width: 100%; align-items: center; gap: 12px; margin-bottom: 1rem !important; }
#lucky_w .frm_input { height: 40px !important; line-height: 40px !important; padding: 0 0.5rem !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07) !important; border-radius: 1rem !important; background: #fff !important; outline: none !important; }

#lucky_list.theme-gallery .control-bar { margin-top: 2rem !important; }
#lucky_list.theme-gallery .checkbox-overlay { position: absolute; bottom: 6px; right: 6px; z-index: 99; }
#lucky_list.theme-gallery .checkbox-overlay input[type="checkbox"] { width: 16px; height: 16px; cursor: pointer; }
#lucky_list.theme-gallery .checkbox-overlay input[type="checkbox"] { outline: none; }
#lucky_list.theme-gallery .gallery { display: grid; grid-template-columns: repeat(var(--cols, 3), 1fr); gap: 2%; }
#lucky_list.theme-gallery .hover-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; z-index: 5; }
#lucky_list.theme-gallery .hover-overlay .hover-title { font-size: 14px; text-align: center; padding: 0 8px; word-break: break-word; max-width: 90%; z-index: 62; }
#lucky_list.theme-gallery .no-image { display: flex; align-items: center; justify-content: center; height: 100%; color: #888; font-size: 2rem; }
#lucky_list.theme-gallery .secret-thumb { position: relative; width: 100%; aspect-ratio: 1 / 1; background-color: #ffffff; }
#lucky_list.theme-gallery .secret-thumb .secret-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#lucky_list.theme-gallery .source-label { position: absolute; top: 6px; left: 6px; color: #ffffff; font-size: 12px; padding: 2px 6px; z-index: 2; text-shadow: 0 0 3px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.3); }
#lucky_list.theme-gallery .thumb-container { position: relative; overflow: hidden; background-color: #f5f5f5; }
#lucky_list.theme-gallery .thumb-container, #lucky_list.theme-gallery .secret-thumb { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); border-radius: 0.8rem; background: #fff; }
#lucky_list.theme-gallery .thumb-container img { display: block; width: 100%; height: 100%; object-fit: cover; }
#lucky_list.theme-gallery .thumb-container img { transition: transform 0.3s ease, filter 0.3s ease; }
#lucky_list.theme-gallery .thumb-container:hover img { transform: scale(1.05); filter: grayscale(100%); }
#lucky_list.theme-gallery .thumb-container:hover .hover-overlay { opacity: 1; }
#lucky_list.theme-gallery .thumb-link { display: block; text-decoration: none; color: inherit; }
#lucky_list.theme-gallery .thumb-link:hover { text-decoration: none; }
#lucky_list .secret-block { display: flex; align-items: center; justify-content: center; height: 100%; }
#lucky_list.theme-gallery .secret-block { width: 100%; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; color: #888; font-size: 2rem; }

#lucky_guest { display: flex; flex-direction: column; align-items: center; }
#lucky_guest .memo-row { display: block; width: 90% !important; padding: 0; border: 1px solid #e7e7e7; border-radius: 1rem; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); background: #fff; position: relative; box-sizing: border-box; margin-bottom: 1.5rem; }
#lucky_guest .memo-header { display: flex; align-items: center; height: 70px; padding-left: 0; padding-right: 0; box-sizing: border-box; }
#lucky_guest .memo-row .memo-icon { flex: 0 0 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e7e7e7; }
#lucky_guest .memo-row .memo-info-container { flex: 1; display: flex; justify-content: space-between; padding-left: 0.75rem; height: auto !important; box-sizing: border-box; }
#lucky_guest .memo-row .memo-info-left { display: flex; flex-direction: column; justify-content: flex-start !important; }
#lucky_guest .memo-row .memo-author { font-weight: bold; font-size: 0.95rem; margin-bottom: -0.3rem !important; color: #333; }
#lucky_guest .memo-row .memo-meta { font-size: 0.8rem; color: #c7c7c7; }
#lucky_guest .memo-row .memo-meta .memo-date { margin-right: 0.5rem; }
#lucky_guest .memo-row .memo-meta .reply-toggle { margin-right: 0.5rem; cursor: pointer; text-decoration: none; font-size: 0.8rem; color: #c7c7c7; }
#lucky_guest .memo-row .memo-meta .reply-toggle:hover { text-decoration: underline; }
#lucky_guest .memo-row .memo-meta .memo-secret-indicator { margin-right: 0.5rem; }
#lucky_guest .memo-row .memo-meta .memo-secret-indicator i { font-size: 1rem; vertical-align: middle; }
#lucky_guest .memo-row .memo-info-right { display: flex!important; align-items: center!important; gap: 0.5rem; padding-right: 20px; }
#lucky_guest .memo-row .memo-info-right .meta-link { font-size: 0.6rem!important; color: #c7c7c7!important; text-decoration: none!important; }
#lucky_guest .memo-row .memo-info-right .meta-link:hover { text-decoration: underline!important; }
#lucky_guest .memo-row .memo-divider { border: none; border-top: 1px solid #e7e7e7; margin: 0; padding: 0; width: 100%; box-sizing: border-box; }
#lucky_guest .memo-row .memo-body { font-size: inherit !important; line-height: 1.4; color: #333; padding: 20px 20px; box-sizing: border-box; width: 100%; text-align: justify; text-justify: inter-word; -moz-text-align-last: left; -webkit-text-align-last: left; text-align-last: left; }
#lucky_guest .memo-divider { display: block; border: none; border-top: 1px solid #e7e7e7; margin: 0.5rem 0; width: 100%; box-sizing: border-box; }
#lucky_guest .memo-row.memo-reply { width: 100% !important; padding: 0; margin: 0; border-top: 1px solid #e7e7e7; border-right: none !important; border-left: none !important; border-bottom: none !important; background: #ffffff; border-radius: 0; box-sizing: border-box; }
#lucky_guest .replies .memo-row.memo-reply:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
#lucky_guest .memo-row.memo-reply { width: 100% !important; padding: 0; margin: 0; border-top: 1px solid #e7e7e7; border-right: none !important; border-left: none !important; border-bottom: none !important; background: #ffffff; border-radius: 0; box-sizing: border-box; }
#lucky_guest .memo-row.memo-reply.last-reply { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }
#lucky_guest .memo-row.memo-reply .memo-header.reply { padding: 0; }
#lucky_guest .memo-row.memo-reply .memo-indent { flex: 0 0 20px; font-size: 1rem; color: #c7c7c7; display: flex; align-items: center; justify-content: center; margin-right: 0.5rem; }
#lucky_guest .reply-form { display: none; margin-top: 0.75rem; width: 100%; box-sizing: border-box; }
#lucky_guest .reply-form textarea, #lucky_guest .reply-form input[type="text"], #lucky_guest .reply-form input[type="password"] { width: 100% !important; box-sizing: border-box; margin-left: 0; margin-right: 0; }
#lucky_guest .memo-edit-form { display: none; padding: 0.5rem; width: 100%; box-sizing: border-box; }
#lucky_guest .memo-edit-form textarea { padding: 8px 12px !important; width: 100% !important; box-sizing: border-box !important; font-size: 14px !important; line-height: 1.5 !important; resize: vertical !important; }
#lucky_guest .meta-link { font-size: 0.7rem; color: #c7c7c7; text-decoration: none; }
#lucky_guest .meta-link:hover { text-decoration: underline; }
#lucky_guest textarea { font-family: inherit; font-size: 0.9rem; line-height: 1.4; overflow-y: hidden; }


#lucky_w .form-row-top { display: flex !important; align-items: center !important; gap: 1rem !important; margin-bottom: 1rem !important; }
#lucky_w .options-group { display: flex !important; align-items: center !important; gap: 0.5rem !important; flex: 0 0 auto !important; }
#lucky_w .options-group label { font-size: 10px !important; margin-right: 0.5rem !important; }
#lucky_w .options-group .option-content { display: flex !important; align-items: center !important; gap: 0.5rem !important; }
#lucky_w .password-input { display: none !important; height: 40px !important; line-height: 40px !important; padding: 0 0.5rem !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07) !important; border-radius: 1rem !important; background: #fff !important; outline: none !important; width: 200px !important; }
#lucky_w .category-group { display: flex !important; align-items: center !important; gap: 0.5rem !important; flex: 0 0 auto !important; }
#lucky_w .category-group label.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; }
#lucky_w .category-group select { font-size: 1rem !important: block !important; height: 40px !important; line-height: 40px !important; padding: 0 0.5rem !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07) !important; border-radius: 1rem !important; background: #fff !important; outline: none !important; box-sizing: border-box !important; }
#lucky_w .form-group.category-group select#ca_name { font-size: 0.875rem !important; }
#lucky_w .form-row-title { display: block !important; margin-bottom: 1rem !important; }
#lucky_w .form-row-title .subject-group { display: flex !important; align-items: center !important; width: 100% !important; }
#lucky_w .form-row-title .subject-group label.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; }
#lucky_w .form-row-title .subject-group .frm_input { display: block !important; width: 100% !important; height: 60px !important; line-height: 30px !important; padding: 0 0.5rem !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07) !important; border-radius: 1rem !important; background: #fff !important; outline: none !important; box-sizing: border-box !important; }

#lucky_w textarea { border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07) !important; border-radius: 1rem !important; }
#lucky_w .wr_content { align-items: flex-start; }
#lucky_w .content-editor { flex: 1; }
#lucky_w .btn_confirm button, #lucky_w .btn_confirm a.ui-btn { height: 30px !important; line-height: 30px !important; padding: 0 0.75rem !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_w .btn_confirm button:hover, .btn_confirm a.ui-btn:hover { height: 30px !important; line-height: 30px !important; padding: 0 0.75rem !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_w .file-wrap { display: flex !important; flex-direction: column !important; }
#lucky_w .file-wrap .file-insert { display: flex !important; align-items: center !important; gap: 15px !important; margin-bottom: 15px !important; }
#lucky_w .file-wrap .file-insert:first-of-type { margin-top: 15px !important; }
#lucky_w .file-wrap .file-insert:last-of-type { margin-bottom: 0 !important; }
#lucky_w .file-wrap .file-insert > label:first-child { font-size: 10px !important; margin: 0; }
#lucky_w .file-wrap .file-insert .frm_file { display: inline-block !important; flex: 0 0 auto !important; width: auto !important; padding: 0.25rem !important; font-size: 1rem !important; box-sizing: content-box !important; border: 1px solid #e7e7e7 !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07) !important; border-radius: 1rem !important; }
#lucky_w .file-wrap .file-insert .insert-link { font-size: 12px !important; color: #eeeeee !important; cursor: pointer !important; }

#lucky_view.theme-view { max-width: 90%; margin: 30px auto; background: #fff; border: 1px solid #e7e7e7; border-radius: 1rem; box-shadow: 0 0 7px 0 rgba(0,0,0,0.10); position: relative; }
#lucky_view.theme-view .view-top { display: flex; align-items: center; padding: 20px; }
#lucky_view.theme-view .row-icon { flex: 0 0 38px; display: flex; justify-content: center; align-items: center; font-size: 20px; margin-right: 10px; }
#lucky_view.theme-view .view-top-center { flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
#lucky_view.theme-view .view-subject { font-size: 17px; font-weight: 600; margin-bottom: 2px; line-height: 1.5; word-wrap: break-word; word-break: keep-all; }
#lucky_view.theme-view .view-meta { font-size: 12px; margin-bottom: 0; color: #c7c7c7 !important; }
#lucky_view.theme-view .view-divider { width: 100%; border-top: 1px solid #e7e7e7; }
#lucky_view.theme-view .view-content { min-height: 100px; padding: 20px 30px; text-align: justify; text-justify: inter-word; -moz-text-align-last: left; -webkit-text-align-last: left; text-align-last: left; margin-bottom: 24px; font-size: inherit !important; margin-bottom: 24px; font-size: inherit !important; }
#lucky_view.theme-view .view-buttons { width: 100%; display: flex; justify-content: center; font-size: 0.9rem; align-items: center; gap: 10px; height: 60px; margin: 0; padding: 0; }
#lucky_view.theme-view .view-buttons a i, #lucky_view.theme-view .view-actions a i { display: inline-block !important; margin-right: 10px !important; font-size: 0.9rem; animation: none !important; }
#lucky_view.theme-view .view-buttons a:last-child i, #lucky_view.theme-view .view-actions a:last-child i { margin-right: 0 !important; }
#lucky_view.theme-view .view-buttons a:hover i, #lucky_view.theme-view .view-actions a:hover i { animation: spin 0.25s linear 1 !important; }
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

#lucky_vc { border: none !important; border-top: 1px solid #e7e7e7 !important; }
#lucky_vc .cmt-row { padding: 0 !important; border-top: 1px solid #e7e7e7; display: flex; flex-direction: column; background: transparent; position: relative; }
#lucky_vc .cmt-row:first-child { border-top: none; }
#lucky_vc .cmt-row:last-child { border-bottom: 1px solid #e7e7e7; }
#lucky_vc .cmt-row.is-reply { padding-left: 36px; }
#lucky_vc .cmt-meta { display: flex; flex-direction: row; align-items: center; height: 60px; position: relative; }
#lucky_vc .cmt-icon-area { width: 60px; height: 60px; min-width: 60px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e7e7e7; box-sizing: border-box; }
#lucky_vc .cmt-icon-area i { font-size: 0.8rem; margin: 0; padding: 0; }
#lucky_vc .cmt-meta-info { display: flex; align-items: center; justify-content: space-between; flex: 1 1 auto; height: 60px; padding: 0 20px; box-sizing: border-box; text-align: left; }
#lucky_vc .cmt-meta-left { display: flex; align-items: center; gap: 10px; }
#lucky_vc .cmt-mention { font-size: 13px; }
#lucky_vc .cmt-author { font-size: 15px; font-weight: 500; }
#lucky_vc .cmt-meta-detail { color: #c7c7c7; font-size: 12px; }
#lucky_vc .cmt-reply-btn { height: 30px !important; line-height: 30px !important; padding: 0 0.75rem !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_vc .cmt-actions { display: inline-flex !important; gap: 4px !important; vertical-align: middle !important; }
#lucky_vc .cmt-action-btn { height: 30px !important; line-height: 30px !important; padding: 0 0.75rem !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_vc .cmt-action-btn:hover { height: 30px !important; line-height: 30px !important; padding: 0 0.75rem !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; }
#lucky_vc .cmt-content { font-size: 15px; border-top: 1px solid #e7e7e7; min-height: 70px !important; padding: 0px 15px; text-align: justify; text-justify: inter-word; -moz-text-align-last: left; -webkit-text-align-last: left; text-align-last: left; margin-bottom: 24px; font-size: inherit !important; white-space: pre-line; box-sizing: border-box; }
#lucky_vc .cmt-row, .cmt-row:first-child { margin-top: 0 !important; margin-bottom: 0 !important; }
#lucky_vc .cmt-row.is-reply, .cmt-row[style*="border-left-width"] { border-left: none !important; }
#lucky_vc .cmt-icon-area i[class^="ri-"],
#lucky_vc .cmt-icon-area i[class*=" ri-"] { display: inline-block !important; font-family: 'remixicon' !important; speak: none; font-size: 1rem; }
#lucky_vc_w, #lucky_vc_w * { all: unset !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; font-family: inherit !important; font-size: inherit !important; color: inherit !important; background: none !important; background-color: transparent !important; text-decoration: none !important; list-style: none !important; border-radius: 0 !important; box-shadow: none !important; appearance: none !important; line-height: 1.3 !important; vertical-align: baseline !important; letter-spacing: normal !important; word-break: normal !important; }
#lucky_vc_w .comment-form-wrap, [id^="edit_"] .comment-form-wrap, [id^="reply_"] .comment-form-wrap { width: 90% !important; max-width: 800px !important; margin: 24px auto !important; display: block !important; overflow: hidden !important; }
#lucky_vc_w .comment-form-inline, [id^="edit_"] .comment-form-inline, [id^="reply_"] .comment-form-inline { width: 90% !important; max-width: 800px !important; margin: 16px auto 8px !important; display: flex !important; align-items: center !important; flex-wrap: nowrap !important; }
#lucky_vc_w .comment-inputs, [id^="edit_"] .comment-inputs, [id^="reply_"] .comment-inputs { display: flex !important; gap: 10px !important; flex-wrap: nowrap !important; }
#lucky_vc_w .comment-inputs .frm_input, [id^="edit_"] .comment-inputs .frm_input, [id^="reply_"] .comment-inputs .frm_input { flex: 0 1 50% !important; min-width: 0 !important; max-width: 120px !important; height: 40px !important; padding: 0 8px !important; border: 1px solid #e7e7e7 !important; background: #fff !important; border-radius: 1rem !important; box-sizing: border-box !important; font-size: 14px !important; }
#lucky_vc_w .comment-textarea-wrap, [id^="edit_"] .comment-textarea-wrap, [id^="reply_"] .comment-textarea-wrap { display: block !important; width: 90% !important; max-width: 800px !important; margin: 8px auto 0px !important; }
#lucky_vc_w .comment-textarea-wrap .comment-content, [id^="edit_"] .comment-textarea-wrap .comment-content, [id^="reply_"] .comment-textarea-wrap .comment-content { width: 100% !important; margin: 0 auto !important; min-height: 100px !important; padding: 8px 12px !important; font-size: 15px !important; border: 1px solid #e7e7e7 !important; background: #fff !important; border-radius: 1rem !important; box-sizing: border-box !important; resize: vertical !important; }
#lucky_vc_w .comment-textarea-wrap textarea, [id^="edit_"] .comment-textarea-wrap textarea, [id^="reply_"] .comment-textarea-wrap textarea { width: 100% !important; margin: 0 auto !important; min-height: 100px !important; padding: 8px 12px !important; font-size: 15px !important; border: 1px solid #e7e7e7 !important; background: #fff !important; border-radius: 1rem !important; box-sizing: border-box !important; resize: vertical !important; }
#lucky_vc_w .comment-actions-inline, [id^="edit_"] .comment-actions-inline, [id^="reply_"] .comment-actions-inline { display: flex !important; justify-content: flex-end !important; align-items: center !important; width: 90% !important; max-width: 800px !important; margin: 0 auto !important; margin-top: 0.25rem !important; margin-bottom: 24px !important; }
#lucky_vc_w .secret-label-inline, [id^="edit_"] .secret-label-inline, [id^="reply_"] .secret-label-inline { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; height: 30px !important; }
#lucky_vc_w .secret-label-inline input[type="checkbox"], [id^="edit_"] .secret-label-inline input[type="checkbox"], [id^="reply_"] .secret-label-inline input[type="checkbox"] { appearance: auto !important; -webkit-appearance: checkbox !important; width: 16px !important; height: 16px !important; margin: 0 !important; vertical-align: middle !important; }
#lucky_vc_w .secret-label-inline i, [id^="edit_"] .secret-label-inline i, [id^="reply_"] .secret-label-inline i { display: inline-block !important; font-size: 12px !important; color: #bbbbbb !important; vertical-align: middle !important; margin: 0; }
#lucky_vc_w .ui-btn.write-btn-inline, [id^="edit_"] .ui-btn.write-btn-inline, [id^="reply_"] .ui-btn.write-btn-inline { display: inline-block !important; height: 30px !important; line-height: 30px !important; font-size: 10px !important; font-weight: bold !important; color: #c7c7c7 !important; background: #ffffff !important; border: none !important; cursor: pointer !important; outline: none !important; padding: 0 0.75rem !important; }





@media screen and (max-width:640px) {
  #lucky_list.theme-list { width: 100% !important; padding-top: 5px!important; }
  #lucky_view.theme-view { margin: -20px!important; }
  #lucky_view.theme-view { max-width: 120% !important; margin: 30px auto; background: #fff; border: none!important; border-radius: 0rem!important; box-shadow: none!important; position: relative; }
  #lucky_view.theme-view .view-top { display: flex; align-items: center; padding: 1rem 0.9rem !important; }
  #lucky_view.theme-view .row-icon { flex: 0 0 38px; display: flex; justify-content: center; align-items: center; font-size: 20px; margin-right: 10px; }
  #lucky_view.theme-view .view-top-center { flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
  #lucky_view.theme-view .view-subject { font-size: 17x; font-weight: 600; margin-bottom: 0px !important; line-height: 1.2; word-wrap: break-word; word-break: keep-all; }
  #lucky_view.theme-view .view-meta { font-size: 12px; margin-bottom: 0; color: #c7c7c7 !important; }
  #lucky_view.theme-view .view-divider { width: 100%; border-top: 1px solid #e7e7e7; }
  #lucky_view.theme-view .view-content { min-height: 100px; padding: 20px 30px; font-size: 15px; text-align: justify; text-justify: inter-word; -moz-text-align-last: left; -webkit-text-align-last: left; text-align-last: left; margin-bottom: 24px; }
  #lucky_view.theme-view .view-buttons { width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; height: 60px; margin: 0; padding: 0; }
  #lucky_view .view-buttons a i, #lucky_view .view-actions a i { display: inline-block !important; margin-right: 10px !important; animation: none !important; }
  #lucky_view .view-buttons a:last-child i, #lucky_view .view-actions a:last-child i { margin-right: 0 !important; }
  #lucky_view .view-buttons a:hover i, #lucky_view .view-actions a:hover i { animation: spin 0.25s linear 1 !important; }
  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  .copy { display: none !important; }
}

@media (min-width:641px) {
  #lucky_list.theme-gallery .gallery { display: grid; }
}
@media (max-width:640px) {
  #lucky_list.theme-gallery .gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3%; }
  #lucky_list.theme-gallery .thumb-container { aspect-ratio: 1 / 1; }
}