:root{--ink:#1c1914;--muted:#5c564c;--line:#ddd4c4;--cream:#f7efe4;--paper:#fff;--brand:#8b3d1a;--bg:#f5f6f8;--header-bg:#fff;--header-ink:#1c1914;--link:#000}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg,#f5f6f8);color:var(--ink)}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;background:var(--header-bg,#fff);color:var(--header-ink,#1c1914);border-bottom:1px solid var(--line)}
header a{color:var(--header-ink,#1c1914);text-decoration:none}
header nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
main{max-width:1200px;margin:0 auto;padding:24px 16px 48px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.btn,button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer;font:inherit}
.btn{display:inline-block;text-decoration:none;color:#fff}
button.btn-done,.btn-done{background:#1b7f3a;color:#fff}
a{color:var(--link,#000)}
.muted{color:var(--muted)}
.flash{padding:10px 12px;border-radius:8px;margin:0 0 12px}
.flash.ok{background:#e7f6e8}
.flash.error{background:#fde8e8}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
.table-wrap{overflow:auto}
input,select,textarea{font:inherit;width:100%;max-width:100%;padding:8px;border:1px solid #cfc4b2;border-radius:8px}
select.inline-select{width:auto;max-width:100%;display:inline-block;vertical-align:baseline;padding:2px 6px;margin:0 .15em;field-sizing:content}
.q-new-btn{background:#6c8c75!important;color:#fff!important;margin-left:8px;padding:4px 10px;font-size:14px;vertical-align:middle}
#tt th.th-rot{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;vertical-align:bottom;padding:8px 6px;height:9.5em}
#tt td.flag-no{background:#f6c9c9;color:#8b1e1e;font-weight:650}
.img-lib{position:relative;display:inline-block;min-width:260px;max-width:100%;vertical-align:middle}
.img-lib-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#fff;color:#1c1914;border:1px solid #cfc4b2;border-radius:8px;padding:6px 8px;cursor:pointer;font:inherit}
.img-lib-btn .img-lib-id,.img-lib-row .img-lib-id{color:#6b6b6b;font-size:12px;flex:none}
.img-lib-btn img,.img-lib-row img{max-height:40px;max-width:100px;height:auto;width:auto;object-fit:contain;flex:none;background:#f7f4ef}
.img-lib-lab{flex:1;min-width:0}
.img-lib-panel{position:absolute;z-index:50;left:0;right:0;top:100%;max-height:280px;overflow:auto;background:#fff;border:1px solid #cfc4b2;border-radius:8px;box-shadow:0 8px 24px rgba(40,28,16,.12);margin-top:4px}
.img-lib-row{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer}
.img-lib-row:hover,.img-lib-row.is-on{background:#f3e4d6}
textarea{min-height:90px}
label{display:inline-flex;align-items:center;gap:.55em;margin:6px 12px 6px 0;line-height:1.2;vertical-align:middle}
input[type=checkbox],input[type=radio]{width:1.7em;height:1.7em;min-width:1.7em;min-height:1.7em;margin:0;padding:0;flex:0 0 auto;accent-color:var(--brand);vertical-align:middle}
.stat-card h2{font-size:3rem;line-height:1.1;margin:.35em 0 0}
.stat-card h2 a{color:inherit;text-decoration:none}
.acc{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;color:var(--ink)}
.acc-item+.acc-item{border-top:1px solid var(--line)}
button.acc-head,.acc-head{width:100%;text-align:left;background:var(--cream)!important;color:var(--ink)!important;border:0;padding:12px 14px;font:600 16px/1.5 system-ui,sans-serif!important;cursor:pointer;border-radius:0}
.acc-body{display:none;padding:12px 14px;background:#fff;color:var(--ink);font:400 16px/1.5 system-ui,sans-serif}
.acc-item.is-open .acc-body{display:block}
.hide-box{margin:8px 0}
button.hide-head,.hide-head{display:inline-flex;align-items:center;gap:.4em;background:transparent!important;color:var(--ink)!important;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.hide-mark{font-weight:700;min-width:1.1em}
.hide-body{display:none;margin:8px 0 0;padding:0}
.hide-box.is-open .hide-body{display:block}
.html-preview-overlay{position:fixed;inset:0;background:rgba(20,16,12,.55);z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}
.html-preview-box{background:#f4efe8;color:var(--ink);width:min(920px,100%);max-height:90vh;overflow:auto;border-radius:14px;position:relative;padding:48px 20px 20px}
.html-preview-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:18px;background:#2b241c;color:#fff;font-size:22px;line-height:1;padding:0}
.report-overlay{position:fixed;inset:0;background:rgba(20,16,12,.55);z-index:90;display:none;align-items:center;justify-content:center;padding:24px}
.report-overlay.is-open{display:flex}
.report-overlay[hidden]{display:none!important}
.report-box{background:#fff;width:min(520px,100%);border-radius:14px;padding:20px;position:relative}
.ans-ok{color:#1a7f37;font-weight:700}
.ans-bad{color:#c62828;font-weight:700}
.ans-slot{border:1px solid grey;border-radius:3px;padding:0 4px;display:inline}
.btn-preview,button.btn.js-preview{background:#111;color:#fff}
.q-result-ok{border-color:#1a7f37}
.q-result-bad{border-color:#c62828}
.lesson-title{font-size:2rem;margin:0 0 .25em}
.lesson-head-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lesson-head-row .lesson-title{flex:1 1 12em;min-width:0}
.lesson-card-image,.lesson-card-image-link{display:block;width:178px;height:98px;flex:0 0 178px;margin-left:auto}
.lesson-card-image{object-fit:contain}
.lesson-card-image-link .lesson-card-image{width:100%;height:100%;margin:0}
.lesson-go-link{flex:0 0 auto}
.lesson-lock{cursor:help}
.admin-nav-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.note-field{flex:1;min-width:180px}
.note-field textarea{min-height:110px}
.tiny-link{font-size:12px;margin-left:8px}
.color-row{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap}
.color-row label{min-width:110px;margin:0}
.color-row input[type=text]{width:8em;max-width:8em}
.color-row input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer}
.color-swatch{width:36px;height:36px;border:1px solid var(--line);border-radius:6px;display:inline-block}
@media(max-width:699.98px){
	.lesson-head-row{display:grid;grid-template-columns:1.6em minmax(0,1fr);align-items:center;gap:8px 12px}
	.lesson-head-row .mark-slot{grid-column:1;grid-row:1}
	.lesson-head-row .lesson-title{grid-column:2;grid-row:1}
	.lesson-head-row.has-image>.lesson-card-image,.lesson-head-row.has-image>.lesson-card-image-link{grid-column:2;grid-row:2;width:min(100%,178px);height:100px;margin:0}
	.lesson-head-row.has-image .lesson-go-link{grid-column:2;grid-row:3;justify-self:start}
	.lesson-head-row:not(.has-image) .lesson-go-link{grid-column:2;grid-row:2;justify-self:start}
}
.video-wrap{position:relative;width:100%;max-width:100%;overflow:hidden}
.video-wrap video,.video-wrap iframe{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9;background:#000}
.img-wrap img{max-width:100%;height:auto}
.progress{height:8px;background:#e6ddd0;border-radius:6px;overflow:hidden;margin:8px 0}
.progress i{display:block;height:100%;background:var(--brand,#8b3d1a);border-radius:6px}
.dir-heading{margin:20px 0 8px;font-size:1.35rem}
.lesson-card-draft{background:#fde8e8;border-color:#e07070}
.lesson-ghost{position:absolute;top:8px;right:12px;font-size:13px;color:#8b1a1a;font-weight:650}
.fb-form{margin:12px 0}
.fb-field{margin:0 0 12px}
.fb-field label.fb-label{display:block;font-weight:650;margin:0 0 4px}
.fb-field input,.fb-field textarea,.fb-field select{width:100%;max-width:100%;box-sizing:border-box}
.fb-error{color:#c62828;font-size:13px;margin:4px 0 0}
.fb-field.has-error input,.fb-field.has-error textarea,.fb-field.has-error select{border-color:#c62828}
.fb-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.fb-msg{padding:12px 14px;border-radius:10px;margin:8px 0}
.fb-msg.ok{background:#e7f6e8}
.fb-msg.err{background:#fde8e8}
.fb-overlay{position:fixed;inset:0;background:rgba(20,16,12,.55);z-index:95;display:none;align-items:center;justify-content:center;padding:24px}
.fb-overlay.is-open{display:flex}
.fb-modal{background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:14px;padding:20px;position:relative}
.fb-modal-close{position:absolute;top:8px;right:10px;width:32px;height:32px;border:0;border-radius:16px;background:#2b241c;color:#fff;cursor:pointer}
.fb-form-admin .fb-field-card{border:1px solid #ddd4c4;border-radius:10px;padding:10px 12px;margin:8px 0;background:#fff}
.fb-opt-row{display:flex;gap:8px;align-items:center;margin:4px 0}
.lm-tool-ov{z-index:96}
.lm-tool-box{width:min(920px,100%);max-height:90vh;overflow:auto}
.admin-leads-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ch-style-row,.ch-copy-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.ch-copy-row select{width:auto;min-width:240px;max-width:100%;flex:1}
