:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent: #4a6fa5;--accent-hover: #3d5d8a;--border: #e0e0e0;--shadow: rgba(0, 0, 0, .1);--font-scale: 100}:root.dark{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #eaeaea;--text-secondary: #b0b0b0;--text-muted: #777777;--accent: #e94560;--accent-hover: #ff6b6b;--border: #2a2a4a;--shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:768px;margin:0 auto;padding:0 1rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.verse-content{font-size:calc(1.05rem * var(--font-scale, 100) / 100)}@media(max-width:480px){.verse-content{font-size:calc(1rem * var(--font-scale, 100) / 100)}}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}.header.svelte-12qhfyh{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-content.svelte-12qhfyh{max-width:768px;margin:0 auto;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:600;font-size:1.1rem}.logo.svelte-12qhfyh:hover{color:var(--accent)}.logo-icon.svelte-12qhfyh{font-size:1.5rem}.nav.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem}.font-controls.svelte-12qhfyh{display:flex;gap:.25rem}.font-btn.svelte-12qhfyh{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:.25rem .5rem;font-size:.8rem;font-weight:600;border-radius:4px;transition:all .2s}.font-btn.svelte-12qhfyh:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent)}.font-btn.svelte-12qhfyh:disabled{opacity:.4;cursor:not-allowed}.menu-container.svelte-12qhfyh{position:relative}.menu-btn.svelte-12qhfyh{background:none;border:none;color:var(--text-secondary);padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.menu-btn.svelte-12qhfyh:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.menu-dropdown.svelte-12qhfyh{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow);min-width:160px;overflow:hidden;z-index:200}.menu-item.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.9rem;text-align:left;cursor:pointer;transition:background-color .2s}.menu-item.svelte-12qhfyh:hover{background-color:var(--bg-tertiary)}.main.svelte-12qhfyh{flex:1;padding:1rem}.footer.svelte-12qhfyh{background-color:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem;text-align:center;color:var(--text-muted);font-size:.85rem}