:root{--bg:#f4f6fc;--card:#ffffff;--fg:#1e2336;--mut:#5f677f;--line:#e1e6f3;--acc:#4a55d6;--on-acc:#fff;--acc-soft:#e9ebff;--mark:#ffe58a;--p:#4a55d6;--c:#1c7a8a;--r:14px;--shadow:0 1px 2px rgba(30,35,70,.05);--ui:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--disp:"Jua","Noto Sans KR","Apple SD Gothic Neo",sans-serif;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--s-ot:#136a4a;--s-nt:#1b5aa6;--s-bi:#5e44c0;--s-hi:#835200;--s-ev:#ab4119;--s-pr:#a82766;--s-ed:#4a6a00;--s-hy:#0f6569}@media(prefers-color-scheme:dark){:root{--bg:#14172a;--card:#1d2136;--fg:#e9ecfa;--mut:#9aa2bd;--line:#2c3150;--acc:#a3acff;--on-acc:#14172a;--acc-soft:#2a2f55;--mark:#6b5a12;--p:#a3acff;--c:#6fd0dd;--shadow:none;--s-ot:#5fd6a3;--s-nt:#78b9ff;--s-bi:#b8a6ff;--s-hi:#f0c05c;--s-ev:#ff9d78;--s-pr:#ff8fc0;--s-ed:#b6e05a;--s-hy:#66dadd}}.s-ot{--sc:var(--s-ot)}.s-nt{--sc:var(--s-nt)}.s-bi{--sc:var(--s-bi)}.s-hi{--sc:var(--s-hi)}.s-ev{--sc:var(--s-ev)}.s-pr{--sc:var(--s-pr)}.s-ed{--sc:var(--s-ed)}.s-hy{--sc:var(--s-hy)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.85 var(--ui);letter-spacing:-.005em;word-break:keep-all;overflow-wrap:break-word}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:6px}header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}header.top .in{max-width:68rem;margin:0 auto;padding:.55rem 16px;display:flex;align-items:center;gap:1.2rem}.logo{font:400 1.45rem/1 var(--disp);color:var(--fg);display:flex;align-items:center;gap:.4rem}.logo:hover{text-decoration:none}.logo i{font-style:normal;background:var(--acc);color:var(--on-acc);border-radius:10px;padding:.18rem .4rem;font-size:1.05rem}nav.nv{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto;font-size:.92rem}nav.nv a{color:var(--fg);padding:.25rem .75rem;border-radius:99px}nav.nv a:hover{background:var(--acc-soft);text-decoration:none}nav.nv a.on{background:var(--acc);color:var(--on-acc)}main{max-width:46rem;margin:0 auto;padding:1.2rem 16px 5rem}main.wide{max-width:68rem}h1{font:400 clamp(1.7rem,5vw,2.3rem)/1.3 var(--disp);margin:.5rem 0 .9rem;letter-spacing:0}h2{font:700 1.2rem/1.4 var(--ui);margin:2.2rem 0 .7rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}h2:before{content:"";width:.55rem;height:1.1rem;border-radius:4px;background:var(--sc,var(--acc))}h1 small,h2 small{font:400 .82rem var(--ui);color:var(--mut)}.crumbs{color:var(--mut);font-size:.88rem}.crumbs a{color:var(--mut)}.note{color:var(--mut);font-size:.88rem;line-height:1.65}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}.chips a{padding:.1rem .75rem;border-radius:99px;background:var(--acc-soft);color:var(--acc);font-size:.9rem;font-weight:500}.chips a:hover{text-decoration:none;filter:brightness(.96)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.55rem}.tile{display:block;border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:.65rem .8rem;line-height:1.35;font-weight:500;color:var(--fg);box-shadow:var(--shadow);transition:transform .12s,border-color .12s}.tile:hover{text-decoration:none;border-color:var(--sc,var(--acc));transform:translateY(-2px)}.tile small{display:block;color:var(--mut);font-size:.78rem;font-weight:400;margin-top:.15rem}.card{border:1px solid var(--line);background:var(--card);border-radius:var(--r);padding:.8rem 1rem;margin:.65rem 0;box-shadow:var(--shadow)}.card.entry,.card.hit{border-left:5px solid var(--sc,var(--acc))}.card .ref,.ref{font-weight:700;color:var(--fg)}a.ref{color:var(--acc)}.badge{display:inline-block;font:500 .74rem/1.6 var(--ui);border-radius:99px;padding:0 .6rem;margin-left:.4rem;vertical-align:.1em;background:color-mix(in srgb,var(--sc,var(--acc)) 14%,var(--card));color:var(--sc,var(--acc))}.badge.cited{background:transparent;border:1px dashed var(--sc,var(--acc));padding:0 .55rem}.badge.mention{background:var(--bg);color:var(--mut);border:1px solid var(--line)}.line{margin:.3rem 0;white-space:pre-wrap}.lab{color:var(--mut);font:500 .72rem var(--ui);margin-right:.45rem;background:var(--bg);border-radius:6px;padding:.02rem .4rem}.kjv{font-family:var(--serif);font-size:1.08rem;line-height:1.85;border-left:5px solid var(--acc);background:var(--card)}.kjv .note{font-family:var(--ui)}.kjv .v{margin:.15rem 0;padding:.05rem .35rem;border-radius:6px}.kjv .v.on{background:var(--mark)}.kjv sup{color:var(--acc);font:700 .68rem var(--ui);margin-right:.15rem}.sb,input[type=number]{font:inherit;font-size:1rem;padding:.7rem 1rem;border:2px solid var(--line);border-radius:99px;background:var(--card);color:var(--fg);transition:border-color .12s}.sb{width:100%}.sb:focus,input[type=number]:focus{outline:none;border-color:var(--acc)}input[type=number]{width:6rem;padding:.3rem .8rem}.opts{display:flex;gap:.4rem;flex-wrap:wrap;margin:.7rem 0;font-size:.86rem;align-items:center}.opts label{border:1px solid var(--line);border-radius:99px;padding:.15rem .8rem;background:var(--card);cursor:pointer;user-select:none}.opts label:has(input:checked){background:var(--acc-soft);border-color:var(--acc);color:var(--acc)}.opts input[type=checkbox]{accent-color:var(--acc)}mark,.mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 .1rem}.hit .snip{font-size:.92rem;color:var(--mut);line-height:1.7}button.more{font:500 .95rem var(--ui);padding:.5rem 1.4rem;border:0;border-radius:99px;background:var(--acc);color:var(--on-acc);cursor:pointer}.hide,.tabbar{display:none}@media(max-width:760px){nav.nv{display:none}main{padding-bottom:6.5rem}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:.05rem;color:var(--mut);font-size:.7rem;line-height:1.3;padding:.2rem 0;border-radius:12px}.tabbar a span{font-size:1.25rem}.tabbar a.on{color:var(--acc);font-weight:700;background:var(--acc-soft)}.tabbar a:hover{text-decoration:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}