/* MR.K 유튜브 키워드 찾기 — 밝은 화면 스타일 3가지(어두운 색이 싫은 분들용) · 대표님 2026-10-03
   오른쪽 아래 🎨 단추로 고른다: 네이비(기본, yt-navy.css) · 환한 · 맥 · 클로드
   공통 모양은 아래 변수로만 그리고, 스타일마다 변수 값(바탕·카드·강조색·모서리·그림자)만 바꾼다. */

/* ── 스타일별 값 ── */
html[data-theme="bright"]{
  color-scheme:light;
  --bg:#ffffff; --card:#ffffff; --card-soft:#ffffff; --sunken:#f4f6fb; --hover:#f5f8ff; --hot:#fff8e8;
  --ink:#111827; --ink-2:#4b5563; --ink-3:#8a94a6;
  --accent:#3b6cff; --accent-dk:#2450d8; --accent-soft:#eaf0ff; --gold:#e0a12a;
  --red:#e5484d; --red-soft:#fdecec; --green:#14995a;
  --line:#e4e9f2; --line-2:#eff2f8;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);
  --radius:16px; --btn-r:12px;
  --topbar:rgba(255,255,255,.86);
  --hero:radial-gradient(60% 90% at 85% 0%,rgba(59,108,255,.12),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(224,161,42,.10),transparent 60%),#ffffff;
}
html[data-theme="mac"]{
  color-scheme:light;
  --bg:#f5f5f7; --card:#ffffff; --card-soft:#ffffff; --sunken:#f5f5f7; --hover:#f5f9ff; --hot:#fff6e6;
  --ink:#1d1d1f; --ink-2:#424245; --ink-3:#86868b;
  --accent:#0071e3; --accent-dk:#0058b0; --accent-soft:#e8f2fd; --gold:#ff9f0a;
  --red:#ff3b30; --red-soft:#ffecea; --green:#248a3d;
  --line:#d2d2d7; --line-2:#e8e8ed;
  --shadow:0 2px 6px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08);
  --radius:18px; --btn-r:10px;
  --topbar:rgba(245,245,247,.72);
  --hero:#ffffff;
}
html[data-theme="claude"]{
  color-scheme:light;
  --bg:#f0eee6; --card:#faf9f5; --card-soft:#faf9f5; --sunken:#f3f1ea; --hover:#f6f2ea; --hot:#f8ebe2;
  --ink:#1f1e1c; --ink-2:#4d4a44; --ink-3:#8a8578;
  --accent:#d97757; --accent-dk:#b85d3e; --accent-soft:#f6e6dd; --gold:#c96442;
  --red:#c2410c; --red-soft:#fbeae2; --green:#3e7c5a;
  --line:#e0ddd3; --line-2:#ebe8df;
  --shadow:0 1px 2px rgba(31,30,28,.05),0 4px 14px rgba(31,30,28,.04);
  --radius:14px; --btn-r:10px;
  --topbar:rgba(240,238,230,.86);
  --hero:#faf9f5;
}


/* 시.꼭.테 스타일 — gosangcheol-sikkokte-2026 특강 페이지(연보라 바탕·진보라·노란 형광펜·떠 있는 유리 머리줄·큰 둥근 카드) · 2026-10-04 */
html[data-theme="purple"]{
  color-scheme:light;
  --bg:#f7f5fb; --card:#ffffff; --card-soft:#ffffff; --sunken:#f3effb; --hover:#f6f1ff; --hot:#fff8dc;
  --ink:#130d22; --ink-2:#3b3350; --ink-3:#6f6886;
  --accent:#5721c7; --accent-dk:#4416a8; --accent-soft:#efe8fd; --gold:#ffd531;
  --red:#ff3f35; --red-soft:#ffecea; --green:#1f9d63;
  --line:rgba(46,24,91,.12); --line-2:rgba(46,24,91,.07); --chip-line:rgba(46,24,91,.2);
  --shadow:0 14px 38px rgba(39,18,81,.06);
  --radius:28px; --btn-r:12px;
  --topbar:rgba(255,255,255,.76);
  --hero:radial-gradient(55% 80% at 90% 10%,rgba(87,33,199,.10),transparent 60%),#ffffff;
}

/* ── 공통 모양(밝은 3가지) ── */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) body{background:var(--bg);color:var(--ink);word-break:keep-all;overflow-wrap:break-word;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) a{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .topbar{background:var(--topbar);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:none;color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .logo{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .logo .mk{background:var(--accent);color:#fff;border-radius:9px;box-shadow:none}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .logo small,html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .quota{color:var(--ink-3)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .quota b{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .gear{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:var(--btn-r)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .gear:hover{background:var(--sunken)}

/* 첫 화면 */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro{background:var(--hero);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:40px 34px 28px}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro .glow{display:none}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro .ey{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--accent-dk);background:var(--accent-soft)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro .ey::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro h1{font-size:clamp(28px,4.4vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:16px 0 10px;color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro h1 em{color:var(--accent)}
html[data-theme="bright"] .intro h1 em{background:linear-gradient(92deg,#3b6cff,#e0a12a);-webkit-background-clip:text;background-clip:text;color:transparent}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro .lead{color:var(--ink-2);font-size:16px;line-height:1.65}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
html[data-theme="mac"] .step{background:var(--sunken);border-color:transparent}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .step.now{background:var(--accent-soft);border-color:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .step .n{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .step b{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .step small,html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .iact .note{color:var(--ink-3)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .ibar{background:var(--line-2)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .ibar i{background:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .iact .skip,html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .replay{background:var(--card);border:1px solid var(--line);color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro.mini{padding:16px 24px}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .intro.mini h1{font-size:19px;margin:8px 0 0}

/* 버튼 */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .btn{background:var(--accent);color:#fff;border-radius:var(--btn-r);box-shadow:none}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .btn:hover{background:var(--accent-dk)}
html[data-theme="bright"] .btn{box-shadow:0 6px 18px rgba(59,108,255,.25)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .btn.ghost{background:var(--card);color:var(--ink-2);border:1.5px solid var(--line);box-shadow:none}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .btn.ghost:hover{background:var(--sunken);color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.clearbtn,.morebtn){background:var(--card);border:1.5px solid var(--line);color:var(--ink-2);border-radius:var(--btn-r)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.clearbtn,.morebtn):hover{border-color:var(--accent);color:var(--accent-dk)}

/* 검색 패널 */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.searchrow input.q,.setbox input,select){background:var(--sunken);border:1.5px solid var(--line);color:var(--ink)}
html[data-theme="mac"] :is(.searchrow input.q,.setbox input,select){background:#fff}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.searchrow input.q,.setbox input,select):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .grouplabel,html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .opts label,html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .ideas{color:var(--ink-3)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .ideas b{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .chip{background:var(--sunken);border:1px solid var(--line);color:var(--ink-2)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .chip:hover{border-color:var(--accent);color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .qprev{background:var(--sunken);border:1px dashed var(--line);color:var(--ink-2)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .qprev b{color:var(--accent-dk)}

/* 찾는 방식 */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .mode{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .mode:hover{border-color:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .mode b{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .mode small{color:var(--ink-3)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .mode.on{background:var(--accent-soft);border-color:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .mode.on b{color:var(--accent-dk)}

/* 지표·표 */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .kpi small{color:var(--ink-3)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .kpi b{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .kpi.acc b{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .kpi.red b{color:var(--red)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .tablewrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) thead th{background:var(--sunken);color:var(--ink-3);border-bottom:1px solid var(--line)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(thead th.sortable:hover,thead th.active){color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) tbody tr{border-bottom:1px solid var(--line-2)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) tbody tr:hover{background:var(--hover)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) tbody tr.hot{background:var(--hot)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .vid .t{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .sbar{background:var(--line-2)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .sbar i{background:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .state h3{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .spinner{border-color:var(--accent-soft);border-top-color:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .hintbanner{background:var(--accent-soft);border:1px solid var(--line);color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .hintbanner b{color:var(--accent-dk)}

/* 결론·종합 분석·분야별 */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .concl{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .cbox{background:var(--sunken);border:1px solid var(--line)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .tmpl{background:var(--accent-soft);border:1px dashed var(--accent);color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .synth{background:var(--accent-soft);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .synth small{color:var(--ink-2)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .bcat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .bcat h4{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .bcat h4 button{background:var(--sunken);border:1px solid var(--line);color:var(--ink-2);border-radius:999px}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .bitem{border-top:1px solid var(--line-2)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .bitem .r{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .bitem .t{color:var(--ink)}

/* 상세 창·AI 보고서 */
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .overlay{background:rgba(20,20,30,.45)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .modal{background:var(--bg);color:var(--ink);border:1px solid var(--line)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .mhead .cover{background:var(--accent)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.mstats div,.ana,.rep,details.guide){background:var(--card);border:1px solid var(--line)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .ana .item h5,html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .rep h3{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .ana .item p{color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .learn{background:var(--accent-soft);color:var(--ink);border:1px solid var(--line)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .learn h5{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .aibtn{background:var(--accent);color:#fff;border-radius:var(--btn-r);box-shadow:none}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .aibtn:hover{background:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .rep pre{background:var(--sunken);border:1px solid var(--line);color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .rep .verdict{background:var(--accent-soft)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.repbar button,.repbar a){background:var(--card);border:1.5px solid var(--line);color:var(--ink);border-radius:var(--btn-r)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.repbar button,.repbar a):hover{border-color:var(--accent);color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) details.guide summary{color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) footer{color:var(--ink-3)}

/* ── 오른쪽 아래 🎨 스타일 단추 ── */
.yt-theme{position:fixed;right:20px;bottom:20px;z-index:70;font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif}
.yt-theme .yt-tbtn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(126,162,255,.35);background:#162040;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);display:grid;place-items:center}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .yt-theme .yt-tbtn{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
.yt-theme .yt-tpanel{position:absolute;right:0;bottom:56px;width:240px;max-width:calc(100vw - 40px);background:#fff;color:#1d1d1f;border:1px solid #e3e3e8;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.22);padding:12px}
.yt-theme .yt-tpanel[hidden]{display:none}
.yt-theme .yt-th{font-size:12px;font-weight:700;color:#86868b;margin:0 4px 8px;letter-spacing:.04em}
.yt-theme .yt-opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 9px;border:2px solid transparent;border-radius:11px;background:none;cursor:pointer;font:inherit;font-size:14px;color:#1d1d1f;text-align:left}
.yt-theme .yt-opt:hover{background:#f5f5f7}
.yt-theme .yt-opt.on{border-color:#3b6cff;background:#f3f6ff}
.yt-theme .yt-sw{width:34px;height:24px;border-radius:7px;border:1px solid rgba(0,0,0,.12);flex:none;position:relative;overflow:hidden}
.yt-theme .yt-sw i{position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-radius:50%}
.yt-theme .yt-opt small{display:block;font-size:11.5px;color:#86868b}

/* ── 글씨 굵게·키워드 단추 네모로 · 대표님 2026-10-03 「동그라미를 끝 모서리만 약간 둥글게, 외곽선 구분 명확하게, 글씨 진하게(프리텐다드)」 ──
   html[data-theme] 로 시작해 네이비·밝은 스타일 모두에 적용(뒤에 읽히므로 앞의 같은 강도 규칙을 덮는다) */
html[data-theme] body{font-weight:500;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}
html[data-theme] :is(.step small,.mode small,.intro .lead,.ideas,.opts label,.vid .c,.bitem .m,.kpi small,.mstats small,.synth small,.cbox ul,.ana .item p,.rep,.qprev,footer){font-weight:500}
html[data-theme] :is(.mode b,.step b,.vid .t,.bitem .t,.bcat h4,.grouplabel){font-weight:700}
html[data-theme] .grouplabel{font-size:12.5px}
html[data-theme] .searchrow input.q{font-weight:600}

/* 키워드 단추 — 모서리 8px, 굵은 테두리, 진한 글씨 */
html[data-theme] .chip{border-radius:8px;border-width:1.5px;font-weight:600;font-size:14px;padding:7px 14px}
html[data-theme] .chip.on{font-weight:800}
html[data-theme] :is(.bcat h4 button,.gear){border-radius:8px;border-width:1.5px;font-weight:700}

/* 네이비 — 글씨·테두리를 더 밝게 */
html[data-theme="navy"]{--text-dim:#c2cbec;--ink-2:#d3daf2;--ink-3:#a7b3d8}
html[data-theme="navy"] .chip{background:rgba(238,242,255,.07);border-color:rgba(150,180,255,.42);color:#e3e9ff}
html[data-theme="navy"] .chip:hover{border-color:#9db8ff;color:#fff;background:rgba(126,162,255,.14)}
html[data-theme="navy"] .chip.on{background:rgba(79,124,255,.3);border-color:#9db8ff;color:#fff}
html[data-theme="navy"] .chip.ai{border-style:dashed}
html[data-theme="navy"] :is(.mode,.panel,.bcat,.kpi,.tablewrap){border-color:rgba(150,180,255,.26)}

/* 밝은 스타일 — 테두리를 한 단계 진하게 */
html[data-theme="bright"]{--chip-line:#c3cde0;--ink-2:#374151;--ink-3:#6b7486}
html[data-theme="mac"]{--chip-line:#c2c2c8;--ink-2:#3a3a3c;--ink-3:#6e6e73}
html[data-theme="claude"]{--chip-line:#cfc9bb;--ink-2:#45423c;--ink-3:#77725f}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .chip{background:var(--card);border-color:var(--chip-line);color:var(--ink)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .chip:hover{border-color:var(--accent);color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) .chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dk)}
html:is([data-theme="bright"],[data-theme="mac"],[data-theme="claude"],[data-theme="purple"]) :is(.mode,.panel,.bcat,.kpi,.tablewrap){border-color:var(--chip-line)}

/* 시.꼭.테 스타일만의 모양 */
html[data-theme="purple"] .topbar{margin:10px 16px 0;border-radius:21px;top:10px;border:1px solid rgba(255,255,255,.88);box-shadow:0 15px 44px rgba(39,18,81,.11)}
html[data-theme="purple"] .logo .mk{background:var(--accent);border-radius:10px}
html[data-theme="purple"] .intro h1{font-weight:900;letter-spacing:-.04em}
html[data-theme="purple"] .intro h1 em{color:var(--accent);background:linear-gradient(transparent 64%,#ffd531 64%,#ffd531 92%,transparent 92%);-webkit-background-clip:border-box;background-clip:border-box;padding:0 2px}
html[data-theme="purple"] .intro .ey{background:var(--accent);color:#fff;font-weight:800}
html[data-theme="purple"] .intro .ey::before{background:#ffd531}
html[data-theme="purple"] .btn{box-shadow:0 8px 22px rgba(87,33,199,.22)}
html[data-theme="purple"] :is(.panel,.mode,.bcat,.kpi,.tablewrap,.concl){border:1px solid var(--line)}
html[data-theme="purple"] .step.now{background:#f3ecff}
html[data-theme="purple"] .rec{background:var(--red);color:#fff}
html[data-theme="purple"] .chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-theme="purple"] .mode.on{background:linear-gradient(180deg,#f3ecff,#fff);border-color:var(--accent)}
html[data-theme="purple"] .aibtn{background:var(--accent)}
html[data-theme="purple"] .synth{background:linear-gradient(135deg,#efe8fd,#fff8dc)}