:root{--bg:#F3F5FC;--surface:#FFFFFF;--ink:#141B3A;--muted:#606A8C;--line:#DFE3F2;--hero1:#1B1F5E;--hero2:#3A2C8F;--indigo:#4C5BF0;--sun:#FFC83D;--mint:#22CFA3;
--f-display:"Do Hyeon","Noto Sans KR",sans-serif;--f-body:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color-scheme:light}
@media (prefers-color-scheme: dark){:root{--bg:#0C1024;--surface:#161C38;--ink:#EEF0FF;--muted:#A3AAD0;--line:#2A3260;--hero1:#141850;--hero2:#2E2378;--indigo:#7C88FF;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.75}
a{color:var(--indigo)}
.in{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
header{background:radial-gradient(120% 160% at 100% 0%,rgba(54,181,255,.35),transparent 55%),linear-gradient(135deg,var(--hero1),var(--hero2));color:#fff;padding-block:14px 40px}
header .top{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}
header .top b{font-family:var(--f-display);font-weight:400;font-size:1.4em}
header h1{font-family:var(--f-display);font-weight:400;font-size:2em;margin:18px 0 0;line-height:1.2}
header p{margin:6px 0 0;opacity:.85}
main{background:var(--surface);border-radius:20px;box-shadow:0 8px 24px rgba(20,27,58,.08);margin-top:-24px;padding:20px 20px 24px;position:relative}
main h2{font-family:var(--f-display);font-weight:400;font-size:1.45em;margin:26px 0 6px}
main h2:first-child{margin-top:0}
main li{margin:4px 0}
.cta{display:inline-block;margin-top:14px;background:var(--indigo);color:#fff;text-decoration:none;font-weight:700;border-radius:14px;padding:12px 20px}
.muted{color:var(--muted);font-size:.9em}
.verses{list-style:none;padding:0;margin:0}
.verses li{padding:12px 0;border-top:1px solid var(--line)}
.verses b{display:block}
.verses span{font-size:.85em;color:var(--muted)}
.tag{display:inline-block;font-size:.72em;font-weight:900;border-radius:6px;padding:0 6px;margin-right:6px}
.tag.O{background:var(--sun);color:#3A2B00}.tag.N{background:var(--mint);color:#00291F}
.adslot{margin:22px 0 0;text-align:center}.adslot .lbl{display:block;font-size:.7em;color:var(--muted);letter-spacing:.08em}
.adslot ins{display:block;min-height:100px}
footer{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:.85em;color:var(--muted);padding:20px 0 36px}
footer a{color:var(--muted)}
[hidden]{display:none!important}