:root{--page-bg: #f6f7f9;--card-bg: #ffffff;--card-line: #e7e9ee;--text: #1f2430;--text-soft: #6b7280;--badge-bg: #eef2ff;--badge-text: #4338ca;--red: #ef4444;--red-deep: #dc2626;--blue: #3b82f6;--blue-deep: #2563eb;--green: #22c55e;--green-deep: #16a34a}body{font-family:var(--sans);background:var(--page-bg);color:var(--text);height:100dvh;overflow:hidden;display:flex;flex-direction:column;text-align:center}.top{position:relative;display:flex;justify-content:center;padding:calc(14px + env(safe-area-inset-top)) 16px 10px}.date-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}#date{font-size:clamp(16px,4.5vw,22px);font-weight:700;letter-spacing:-.01em}#title-badge{font-size:clamp(13px,3.6vw,15px);font-weight:700;color:var(--badge-text);background:var(--badge-bg);padding:3px 12px;border-radius:999px;white-space:nowrap}.font-controls{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:6px}.font-size-btn{font-size:1.4rem;width:2.2rem;height:2.2rem;border-radius:12px;border:1px solid var(--card-line);background:var(--card-bg);color:var(--text-soft);font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 2px #1418220f;transition:transform .1s ease,background .2s}.font-size-btn:active{transform:scale(.94);background:#f1f3f6}.verse-main{flex:1;min-height:0;display:flex;width:100%;max-width:720px;margin:0 auto;padding:6px 20px 10px;overflow-y:auto}.verse-card{margin:auto;width:100%}.verse-ref{display:block;font-size:clamp(15px,4vw,19px);font-weight:700;color:var(--badge-text);margin-bottom:14px;word-break:keep-all}.verse-ref:empty{display:none}.verse-body{font-family:"Noto Serif KR",Georgia,serif;font-weight:700;line-height:1.75;word-break:keep-all;white-space:pre-line;text-wrap:pretty}.dock{position:sticky;bottom:0;width:100%;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--card-line);display:flex;flex-direction:column;align-items:center;gap:10px}.counter{font-size:48px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.button-row{display:flex;justify-content:center;gap:10px;width:100%;max-width:480px}.btn{font-size:1.15rem;font-weight:700;color:#fff;padding:.7rem 1rem;flex:1;border:none;border-radius:16px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,box-shadow .15s ease}.btn:active{transform:scale(.97)}.btn-reset{background:var(--red);box-shadow:0 4px 14px #ef44444d}.btn-reset:active{background:var(--red-deep)}.btn-lang{background:var(--blue);box-shadow:0 4px 14px #3b82f64d}.btn-lang:active{background:var(--blue-deep)}.btn-increase{background:var(--green);box-shadow:0 4px 14px #22c55e59;font-size:1.35rem;padding:.85rem 1rem}.btn-increase:active{background:var(--green-deep)}@media(max-width:390px){.btn{font-size:1rem;padding:.6rem .8rem}.counter{font-size:42px}}.firework{position:fixed;top:50%;left:50%;width:10px;height:10px;background-color:red;border-radius:50%;animation:explode 1s ease-out forwards;pointer-events:none;z-index:900}@keyframes explode{0%{transform:scale(1) translate(-50%,-50%);opacity:1}to{transform:scale(50) translate(-50%,-50%);opacity:0}}.balloon{position:fixed;bottom:-100px;width:50px;height:70px;background-color:red;border-radius:50%;animation:floatUp 5s ease-in forwards;z-index:1000;pointer-events:none}@keyframes floatUp{0%{transform:translate(0) translateY(0);opacity:1}to{transform:translate(calc(100vw - 50px)) translateY(-100vh);opacity:0}}@keyframes backgroundFlash{0%{background-color:var(--page-bg)}25%{background-color:#add8e6}50%{background-color:#90ee90}75%{background-color:#ffb6c1}to{background-color:var(--page-bg)}}.background-flash{animation:backgroundFlash 3s ease-in-out}