:root{--ink: #1b1f24;--ink-soft: #4b5563;--paper: #fbfaf7;--line: #e5e2db;--accent: #2f7fb8;--accent-soft: #eaf3fa;--radius: 14px;--fs: 17px}.font-sm{--fs: 15px}.font-md{--fs: 17px}.font-lg{--fs: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,PingFang SC,Microsoft YaHei,system-ui,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}.app{height:100%;display:flex;flex-direction:column}.home{flex:1;overflow-y:auto;padding:max(24px,env(safe-area-inset-top)) 20px 28px;display:flex;flex-direction:column;gap:22px;max-width:780px;margin:0 auto;width:100%}.home-head h1{margin:8px 0 4px;font-size:1.9rem;letter-spacing:-.02em}.home-head p{margin:0;color:var(--ink-soft)}.cards{display:grid;gap:16px}@media (min-width: 640px){.cards{grid-template-columns:1fr 1fr}}.card{display:block;padding:0;overflow:hidden;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;transition:transform .12s ease,box-shadow .12s ease}.card:active{transform:scale(.99)}.card:hover{box-shadow:0 6px 20px #00000014}.card img{width:100%;display:block;aspect-ratio:1000 / 720;object-fit:cover}.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.card-body strong{font-size:1.15rem}.card-body small{color:var(--ink-soft)}.chip{align-self:flex-start;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.home-langs{display:flex;flex-wrap:wrap;gap:8px}.home-langs button,.menu-row button{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#fff}.home-langs button.on,.menu-row button.on{background:var(--accent);border-color:var(--accent);color:#fff}.bar{display:flex;align-items:center;gap:10px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--line);background:#fff}.bar-title{flex:1;margin:0;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{border:0;background:none;font-size:1.3rem;line-height:1;padding:6px 8px}.lang-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:.86rem;white-space:nowrap}.icon.toggle{flex:none;border:1px solid var(--line);border-radius:999px;font-size:1rem;line-height:1;padding:7px 11px;background:#fff}.icon.toggle.on{background:var(--accent);border-color:var(--accent);color:#fff}.stage{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 18px 24px}.panel{max-width:720px;margin:0 auto;width:100%}.dualgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;max-width:1200px;margin:0 auto;align-items:start}.dcell{min-width:0}.dcell.drow{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.dualgrid .prose{font-size:calc(var(--fs) * .94)}.dualgrid .b-heading{font-size:calc(var(--fs) * 1.05)}@media (max-width: 559px){.dualgrid{grid-template-columns:1fr}.dualgrid .figure img{max-height:26vh;object-fit:contain}.dcell.drow{border-bottom:0;padding-bottom:0;margin-bottom:0}.dcell.drow+.dcell.drow{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line);opacity:.86}}.figure{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-bottom:18px;background:#fff}.figure img{width:100%;height:auto;display:block}.prose{font-size:var(--fs);line-height:1.72}.b-heading{margin:0 0 14px;font-size:calc(var(--fs) * 1.2);line-height:1.45;letter-spacing:-.01em}.b-h{margin:18px 0 6px;font-size:calc(var(--fs) * 1.02);font-weight:700}.b-p{margin:0 0 12px}.b-list{margin:4px 0 12px;padding-left:1.1em}.b-list li{margin-bottom:4px}.b-v{margin:12px 0;padding:12px 14px;background:#fff;border-left:3px solid var(--accent);border-radius:0 10px 10px 0}.b-v-text{display:block}.b-v-text:before{content:"“"}.b-v-text:after{content:"”"}.b-v-ref{display:block;margin-top:6px;text-align:right;font-style:normal;font-size:.88em;color:var(--accent);font-weight:600}.b-prayer{margin:16px 0;padding:16px 18px;background:var(--accent-soft);border-radius:var(--radius);font-size:calc(var(--fs) * 1.04);line-height:1.8}.subtitle{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 18px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sub-figure{flex:0 1 auto;min-height:0;display:flex;justify-content:center;animation:figIn .52s ease-out}.sub-figure .figure{max-width:720px;margin:0}.sub-figure img{max-height:42vh;width:auto;object-fit:contain}@keyframes figIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.sub-box{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;max-width:720px;width:100%;margin:0 auto}.sub-line{font-size:calc(var(--fs) * 1.12);line-height:1.7;overflow-y:auto;max-height:100%;white-space:pre-wrap}.sub-line.sub-head{font-weight:700;font-size:calc(var(--fs) * 1.24)}.sub-line.sub-v{padding:12px 14px;background:#fff;border-left:3px solid var(--accent);border-radius:0 10px 10px 0}.sub-line.sub-v>span:before{content:"“"}.sub-line.sub-prayer{padding:14px 16px;background:var(--accent-soft);border-radius:var(--radius)}.sub-line.sub-2{font-size:calc(var(--fs) * .95);color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:10px}.sub-line.sub-2.sub-v{border-top:0}.caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.14em;background:var(--accent);animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}.sub-hint{flex:none;text-align:center;font-size:.8rem;color:#9aa2ab;padding-bottom:4px}.app.sub-mode{overflow:hidden}.nav{display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.nav>button{border:0;background:none;color:var(--accent);font-weight:600;padding:8px 6px;white-space:nowrap}.nav>button:disabled{color:#c3c8ce;cursor:default}.dots{flex:1;display:flex;justify-content:center;gap:8px}.dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#d3d8de}.dot.on{background:var(--accent);transform:scale(1.25)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181c6b;display:flex;align-items:flex-end;justify-content:center;z-index:20}@media (min-width: 640px){.menu{align-items:center}}.menu-box{background:#fff;width:100%;max-width:520px;border-radius:var(--radius) var(--radius) 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto}@media (min-width: 640px){.menu-box{border-radius:var(--radius)}}.menu-h{margin:14px 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.menu-h:first-child{margin-top:0}.menu-row{display:flex;flex-wrap:wrap;gap:8px}.menu-foot{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.size-sm{font-size:.8rem}.size-md{font-size:1rem}.size-lg{font-size:1.22rem}.credit{font-size:.94rem;line-height:1.6}.credit p{margin:2px 0}.credit .muted{color:var(--ink-soft)}.credit a{color:var(--accent)}.update-bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:9px 9px 9px 18px;border-radius:999px;background:#14181ced;color:#fff;font-size:.9rem;box-shadow:0 6px 24px #00000038}.reading .update-bar{bottom:calc(66px + env(safe-area-inset-bottom))}.update-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-bar>button{flex:none;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;padding:7px 16px}.update-bar>button:disabled{opacity:.6;cursor:default}@media (prefers-reduced-motion: reduce){*{transition:none!important}}