@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;700&display=swap";:root{--primary-color: #6366f1;--bg-color: #ffffff;--bg-rgb: 255, 255, 255;--text-color: #1f2937;--secondary-text: #6b7280;--border-color: #e5e7eb;--card-bg: #f9fafb;--font-size: 18px;--line-height: 1.6;--font-family: system-ui, -apple-system, sans-serif;--transition-speed: .3s}[data-custom-theme=true]{--bg-color: var(--custom-bg)}button{border:none;outline:none;cursor:pointer;background:transparent;color:inherit;font-family:inherit}[data-theme=dark]{--primary-color: #818cf8;--bg-color: #111827;--bg-rgb: 17, 24, 39;--text-color: #f9fafb;--secondary-text: #9ca3af;--border-color: #374151;--card-bg: #1f2937}[data-theme=sepia]{--primary-color: #795548;--bg-color: #f4ecd8;--bg-rgb: 244, 236, 216;--text-color: #5d4037;--secondary-text: #8d6e63;--border-color: #d7ccc8;--card-bg: #eaddca}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow:hidden;margin:0;padding:0}html,body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-size);transition:background-color var(--transition-speed),color var(--transition-speed);line-height:var(--line-height)}.app-container{max-width:800px;margin:0 auto;height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;background-color:rgba(var(--bg-rgb),.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0}.logo{font-size:1.25rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:8px}.nav-bar{display:flex;justify-content:space-around;padding:8px 0;padding-bottom:env(safe-area-inset-bottom,12px);border-top:1px solid var(--border-color);background-color:var(--bg-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;width:100%;max-width:800px;z-index:100;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--secondary-text);text-decoration:none;font-size:.75rem;transition:color .2s}.nav-item.active{color:var(--primary-color)}.content{flex:1;overflow:hidden;position:relative}.tab-container{height:100%;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}.verse{margin-bottom:24px;position:relative;display:flex;gap:12px;break-inside:avoid;page-break-inside:avoid}.verse-number{color:var(--primary-color);font-weight:600;font-size:.9em;min-width:24px}.verse-text{flex:1}.verse-actions{display:flex;gap:4px;align-items:center}.verse.bookmarked:before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:4px;background-color:var(--primary-color);border-radius:0 2px 2px 0}.settings-group{margin-bottom:24px}.settings-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:12px;color:var(--secondary-text)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-btn{padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:500}.theme-btn.active{border-color:var(--primary-color);background-color:rgba(var(--primary-rgb),.1)}.font-size-slider{width:100%;margin-top:8px}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);transition:all .2s}.icon-btn:active{transform:scale(.9)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pulse-animation{animation:pulse 1.5s infinite ease-in-out}.speaking{background-color:var(--card-bg);border-radius:50%}.verse.being-read{background-color:var(--card-bg);border-left:4px solid var(--primary-color);box-shadow:0 4px 12px #6366f11a;transform:translate(4px);transition:all .3s ease}.verse.being-read .verse-text{color:var(--primary-color);font-weight:600}.bookmark-btn{padding:8px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.bookmark-btn:hover{background-color:#6366f11a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reader-container{animation:fadeIn .5s ease-out}.verse-text{font-family:"Source Serif Pro","Noto Serif SC",serif;letter-spacing:.01em;padding:2px 4px;border-radius:4px}.verse-text[data-highlight=yellow]{background-color:#fde04766;border-bottom:2px solid #fde047}.verse-text[data-highlight=green]{background-color:#4ade8066;border-bottom:2px solid #4ade80}.verse-text[data-highlight=blue]{background-color:#60a5fa66;border-bottom:2px solid #60a5fa}.verse-text[data-highlight=red]{background-color:#f8717166;border-bottom:2px solid #f87171}.note-indicator{font-size:.7rem;background-color:var(--primary-color);color:#fff;padding:1px 4px;border-radius:4px;margin-left:4px;cursor:pointer;vertical-align:super}.note-editor{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-top:8px;width:100%}.note-textarea{width:100%;min-height:80px;background:transparent;border:none;color:var(--text-color);font-family:inherit;resize:none;outline:none}.highlight-tools{display:flex;gap:8px;margin-top:8px}.color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s}.color-dot:active{transform:scale(.8)}.color-dot.active{border-color:var(--text-color)}.lang-switcher{display:flex;gap:8px;margin-top:12px}.lang-btn{flex:1;padding:10px;border-radius:10px;background-color:var(--card-bg);border:1px solid var(--border-color);font-size:.875rem;font-weight:600;color:var(--text-color)}.lang-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.reader-viewport{width:100%;height:100%;overflow:hidden;position:relative}.mode-horizontal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mode-horizontal .chapter-page{flex:0 0 100%;scroll-snap-align:start;padding:0 20px;height:calc(100dvh - 128px);overflow-y:auto}.mode-pageflip{perspective:1500px;position:relative}.mode-paginated{column-width:100vw;column-gap:40px;height:calc(100dvh - 80px);overflow-x:hidden;overflow-y:hidden!important;padding:20px 0;column-fill:auto;position:relative;-webkit-user-select:none;user-select:none;width:100%}[data-fullscreen=true],[data-fullscreen=true] body{overflow:hidden!important;height:100dvh;position:fixed;width:100%}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(var(--bg-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-color);justify-content:space-between}.mode-paginated::-webkit-scrollbar{display:none}[data-fullscreen=true] .content{height:100dvh;padding-bottom:0}.mode-paginated .verse{break-inside:avoid-column;page-break-inside:avoid;margin-bottom:24px;padding:0 24px}[data-reading-effect=scroll] .reader-container{overflow:visible;height:auto}.mode-paginated>*{break-inside:avoid-column}.page-flip-container{width:100%;height:calc(100dvh - 160px);position:relative;transform-style:preserve-3d}.page-surface{position:absolute;width:100%;height:100%;padding:30px;background:var(--bg-color);color:var(--text-color);box-shadow:0 4px 20px #0000001a;border-radius:8px;overflow-y:auto;backface-visibility:hidden}.custom-bg-dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer}.custom-bg-dot.active{border-color:var(--primary-color);transform:scale(1.1)}button:active{transform:scale(.98)}.nav-item:active{transform:translateY(2px)}@keyframes jumpHighlight{0%{background-color:transparent}20%{background-color:rgba(var(--primary-rgb),.2);transform:scale(1.01)}to{background-color:transparent}}.jump-highlight{animation:jumpHighlight 2s ease-out;border-radius:12px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-view{max-width:800px;margin:0 auto;padding:20px}.search-results{margin-top:24px}.admin-root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--bg: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text: #f8fafc;--text-dim: #94a3b8;--border: rgba(255, 255, 255, .1);--success: #10b981;--error: #ef4444;font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh;display:flex;position:relative;z-index:1000;width:100%}.admin-root *{box-sizing:border-box;margin:0;padding:0}.admin-root .glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1rem}.admin-root .gradient-text{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-root .btn{padding:.6rem 1.2rem;border-radius:.5rem;border:none;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.admin-root .btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary-glow)}.admin-root .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--primary-glow)}.admin-root .btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.admin-root .btn-outline:hover{background:#ffffff0d}.admin-root table{width:100%;border-collapse:collapse}.admin-root th{text-align:left;padding:1rem;color:var(--text-dim);font-weight:500;border-bottom:1px solid var(--border)}.admin-root td{padding:1rem;border-bottom:1px solid var(--border)}.admin-root tr:hover td{background:#ffffff05}.admin-root .sidebar{width:260px;height:100vh;position:sticky;top:0;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;border-right:1px solid var(--border)}.admin-root .nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:.5rem;color:var(--text-dim);cursor:pointer;transition:all .2s}.admin-root .nav-item.active{background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.admin-root .content{flex:1;padding:2rem 3rem;overflow-y:auto}.admin-root .card{margin-top:2rem;padding:1.5rem}.admin-root .form-group{margin-bottom:1.5rem}.admin-root .form-group label{display:block;margin-bottom:.5rem;color:var(--text-dim);font-size:.9rem}.admin-root input,.admin-root textarea,.admin-root select{width:100%;padding:.8rem;background:#0f172a80;border:1px solid var(--border);border-radius:.5rem;color:#fff;font-family:inherit}.admin-root input:focus{outline:none;border-color:var(--primary)}