:root{--bg-base: #0f1219;--bg-surface: #161b26;--bg-elevated: #1c2333;--bg-overlay: #232b3d;--bg-hover: #2a3548;--bg-active: #344054;--bg-modal: rgba(0, 0, 0, .75);--text-primary: #f5f7fa;--text-secondary: #b8c4d4;--text-tertiary: #8896ab;--text-muted: #5d6b7f;--text-inverse: #0f1219;--accent-primary: #4f8cff;--accent-primary-hover: #6ba0ff;--accent-primary-active: #3a7bef;--accent-secondary: #7c5cff;--accent-light: rgba(79, 140, 255, .15);--accent-glow: rgba(79, 140, 255, .25);--success: #34d399;--success-light: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-light: rgba(251, 191, 36, .15);--error: #f87171;--error-light: rgba(248, 113, 113, .15);--info: #60a5fa;--info-light: rgba(96, 165, 250, .15);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--border-accent: var(--accent-primary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px var(--accent-glow);--highlight-yellow: rgba(251, 191, 36, .35);--highlight-yellow-solid: #fbbf24;--highlight-green: rgba(52, 211, 153, .35);--highlight-green-solid: #34d399;--highlight-blue: rgba(96, 165, 250, .35);--highlight-blue-solid: #60a5fa;--highlight-red: rgba(248, 113, 113, .35);--highlight-red-solid: #f87171;--highlight-purple: rgba(167, 139, 250, .35);--highlight-purple-solid: #a78bfa;--highlight-orange: rgba(251, 146, 60, .35);--highlight-orange-solid: #fb923c;--tag-context: #60a5fa;--tag-application: #34d399;--tag-important: #f87171;--tag-anecdote: #a78bfa;--tag-question: #fbbf24;--tag-study: #22d3ee;--sync-a: #4f8cff;--sync-b: #a78bfa;--sync-c: #34d399;--sync-none: var(--text-muted);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Literata", "Georgia", "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--content-sm: 16px;--content-base: 18px;--content-lg: 20px;--content-xl: 22px;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--leading-prose: 1.85;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700;--header-height: 44px;--ribbon-height: 88px;--ribbon-collapsed-height: 0px;--tabs-height: 40px;--mobile-nav-height: 48px;--panel-header-height: 36px}[data-theme=light]{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-overlay: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--bg-modal: rgba(15, 23, 42, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-primary-active: #1e40af;--accent-secondary: #7c3aed;--accent-light: rgba(37, 99, 235, .1);--accent-glow: rgba(37, 99, 235, .2);--border-subtle: rgba(0, 0, 0, .04);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .12);--highlight-yellow: rgba(251, 191, 36, .4);--highlight-green: rgba(34, 197, 94, .35);--highlight-blue: rgba(59, 130, 246, .3);--highlight-red: rgba(239, 68, 68, .3);--highlight-purple: rgba(139, 92, 246, .3);--highlight-orange: rgba(249, 115, 22, .35)}[data-theme=dark]{--bg-base: #111827;--bg-surface: #1f2937;--bg-elevated: #374151;--bg-overlay: #1f2937;--bg-hover: #374151;--bg-active: #4b5563;--bg-modal: rgba(0, 0, 0, .75);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-inverse: #111827;--accent-primary: #3b82f6;--accent-primary-hover: #60a5fa;--accent-primary-active: #2563eb;--accent-secondary: #8b5cf6;--accent-light: rgba(59, 130, 246, .15);--accent-glow: rgba(59, 130, 246, .25);--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .45)}[data-theme=logos-light]{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-overlay: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--bg-modal: rgba(15, 23, 42, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-primary-active: #1e40af;--accent-secondary: #7c3aed;--accent-light: rgba(37, 99, 235, .1);--accent-glow: rgba(37, 99, 235, .2);--border-subtle: rgba(0, 0, 0, .04);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .12);--highlight-yellow: rgba(251, 191, 36, .4);--highlight-green: rgba(34, 197, 94, .35);--highlight-blue: rgba(59, 130, 246, .3);--highlight-red: rgba(239, 68, 68, .3);--highlight-purple: rgba(139, 92, 246, .3);--highlight-orange: rgba(249, 115, 22, .35)}[data-theme=sepia]{--bg-base: #f5f0e6;--bg-surface: #faf6ed;--bg-elevated: #fffcf5;--bg-overlay: #ebe5d9;--bg-hover: #e5dfd3;--bg-active: #d9d2c4;--bg-modal: rgba(60, 50, 35, .5);--text-primary: #3c3224;--text-secondary: #5c5040;--text-tertiary: #7a6d58;--text-muted: #9a8d78;--text-inverse: #faf6ed;--accent-primary: #b8860b;--accent-primary-hover: #a67808;--accent-primary-active: #946a06;--accent-secondary: #8b6914;--accent-light: rgba(184, 134, 11, .15);--accent-glow: rgba(184, 134, 11, .25);--border-subtle: rgba(60, 50, 35, .06);--border-default: rgba(60, 50, 35, .1);--border-strong: rgba(60, 50, 35, .15);--shadow-xs: 0 1px 2px rgba(60, 50, 35, .08);--shadow-sm: 0 2px 4px rgba(60, 50, 35, .1);--shadow-md: 0 4px 8px rgba(60, 50, 35, .12);--shadow-lg: 0 8px 16px rgba(60, 50, 35, .15);--shadow-xl: 0 16px 32px rgba(60, 50, 35, .18)}[data-theme=high-contrast]{--bg-base: #000000;--bg-surface: #0a0a0a;--bg-elevated: #141414;--bg-overlay: #1f1f1f;--bg-hover: #2a2a2a;--bg-active: #3a3a3a;--bg-modal: rgba(0, 0, 0, .9);--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-tertiary: #cccccc;--text-muted: #999999;--text-inverse: #000000;--accent-primary: #00d4ff;--accent-primary-hover: #33ddff;--accent-primary-active: #00bfe8;--accent-secondary: #ff00ff;--accent-light: rgba(0, 212, 255, .2);--accent-glow: rgba(0, 212, 255, .35);--border-subtle: rgba(255, 255, 255, .15);--border-default: rgba(255, 255, 255, .25);--border-strong: rgba(255, 255, 255, .4);--highlight-yellow: rgba(255, 255, 0, .5);--highlight-green: rgba(0, 255, 128, .45);--highlight-blue: rgba(0, 191, 255, .45);--highlight-red: rgba(255, 64, 64, .45);--highlight-purple: rgba(255, 0, 255, .4);--highlight-orange: rgba(255, 165, 0, .45)}[data-theme=midnight]{--bg-base: #000000;--bg-surface: #0a0a0f;--bg-elevated: #12121a;--bg-overlay: #1a1a24;--bg-hover: #24243a;--bg-active: #2e2e48;--bg-modal: rgba(0, 0, 0, .85);--text-primary: #eef1f6;--text-secondary: #a8b2c4;--text-tertiary: #7a869e;--text-muted: #505a72;--accent-primary: #818cf8;--accent-primary-hover: #a5b4fc;--accent-primary-active: #6366f1;--accent-light: rgba(129, 140, 248, .15);--accent-glow: rgba(129, 140, 248, .3)}[data-font-size=small]{--content-sm: 14px;--content-base: 16px;--content-lg: 18px;--content-xl: 20px}[data-font-size=large]{--content-sm: 18px;--content-base: 20px;--content-lg: 22px;--content-xl: 24px}[data-font-size=extra-large]{--content-sm: 20px;--content-base: 22px;--content-lg: 24px;--content-xl: 28px}[data-line-spacing=compact]{--leading-prose: 1.6}[data-line-spacing=relaxed]{--leading-prose: 2}[data-line-spacing=loose]{--leading-prose: 2.2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);min-height:100vh;overflow:hidden;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:var(--bg-base)}.app-header{display:flex;flex-direction:column;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:var(--z-sticky)}.quick-access-bar{display:flex;align-items:center;height:var(--header-height);padding:0 var(--space-3);gap:var(--space-2);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.app-brand{display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--border-subtle);margin-right:var(--space-2)}.brand-icon{width:24px;height:24px;color:var(--accent-primary)}.brand-name{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.quick-access-tools{display:flex;align-items:center;gap:var(--space-1)}.qa-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.qa-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.qa-btn:active{background:var(--bg-active);transform:scale(.95)}.qa-btn svg{width:16px;height:16px}.qa-separator{width:1px;height:20px;background:var(--border-default);margin:0 var(--space-1)}.header-spacer{flex:1}.global-sync-control{margin-right:var(--space-2)}.sync-indicator{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.sync-indicator:hover{background:var(--bg-hover);border-color:var(--border-strong)}.sync-indicator.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.sync-indicator svg{width:14px;height:14px}.sync-label{font-weight:var(--font-medium)}.sync-group-badge{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--accent-primary);border-radius:var(--radius-xs);font-size:10px;font-weight:var(--font-bold);color:var(--text-inverse)}.header-actions{display:flex;align-items:center;gap:var(--space-1)}.header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-btn:active{background:var(--bg-active)}.header-btn svg{width:18px;height:18px}.ribbon-container{display:flex;flex-direction:column;background:var(--bg-surface)}.ribbon-tabs{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3);height:32px;background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle)}.ribbon-tab{padding:var(--space-1) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative}.ribbon-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.ribbon-tab.active{color:var(--accent-primary);background:var(--bg-surface)}.ribbon-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-primary)}.ribbon-panel{display:none;align-items:stretch;padding:var(--space-2) var(--space-3);min-height:var(--ribbon-height);gap:var(--space-1)}.ribbon-panel.active{display:flex}.ribbon-group{display:flex;flex-direction:column;padding:0 var(--space-3)}.ribbon-group-content{flex:1;display:flex;align-items:center}.ribbon-group-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-top:var(--space-1);border-top:1px solid var(--border-subtle);margin-top:var(--space-1)}.ribbon-separator{width:1px;align-self:stretch;background:var(--border-default);margin:var(--space-1) 0}.ribbon-large-buttons{display:flex;gap:var(--space-1)}.ribbon-btn-large{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);min-width:64px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.ribbon-btn-large:hover{background:var(--bg-hover);border-color:var(--border-default)}.ribbon-btn-large:active{background:var(--bg-active);transform:scale(.98)}.ribbon-btn-large.active{background:var(--accent-light);border-color:var(--accent-primary)}.ribbon-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary)}.ribbon-btn-large:hover .ribbon-btn-icon{color:var(--accent-primary)}.ribbon-btn-icon svg{width:24px;height:24px}.ribbon-btn-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap}.ribbon-small-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.ribbon-btn-small{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.ribbon-btn-small:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.ribbon-btn-small:active{background:var(--bg-active)}.ribbon-btn-small svg{width:14px;height:14px;flex-shrink:0}.ribbon-btn-small .dropdown-arrow{width:10px;height:10px;margin-left:auto;opacity:.5}.ribbon-btn-small.disabled,.ribbon-btn-small:disabled,.ribbon-btn-large.disabled,.ribbon-btn-large:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ribbon-btn-small.disabled:hover,.ribbon-btn-small:disabled:hover,.ribbon-btn-large.disabled:hover,.ribbon-btn-large:disabled:hover{background:transparent;border-color:transparent;color:var(--text-muted)}.context-btn.disabled,.context-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.context-btn.disabled:hover,.context-btn:disabled:hover{background:transparent}.ribbon-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;margin-top:auto;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.ribbon-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ribbon-collapse-btn svg{width:14px;height:14px}.ribbon-container.collapsed .ribbon-panel{display:none!important}.ribbon-container.collapsed .ribbon-collapse-btn svg{transform:rotate(180deg)}.panel-tabs-bar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);height:var(--tabs-height);background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.panel-tabs-bar::-webkit-scrollbar{display:none}.panel-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;position:relative}.panel-tab:hover{background:var(--bg-hover);border-color:var(--border-strong)}.panel-tab.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.panel-tab-icon{width:14px;height:14px;opacity:.7}.panel-tab-sync{width:6px;height:6px;border-radius:50%;background:var(--sync-a)}.panel-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-xs);margin-left:var(--space-1);opacity:0;transition:all var(--duration-fast) var(--ease-out)}.panel-tab:hover .panel-tab-close{opacity:.6}.panel-tab-close:hover{background:var(--error-light);color:var(--error);opacity:1}.panel-tab-close svg{width:10px;height:10px}.add-panel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.add-panel-btn:hover{background:var(--accent-light);border-color:var(--accent-primary);border-style:solid;color:var(--accent-primary)}.add-panel-btn svg{width:14px;height:14px}.app-main{flex:1;display:flex;overflow:hidden;background:var(--bg-base)}.panels-container{flex:1;display:grid;gap:var(--space-2);padding:var(--space-2);overflow:hidden}.panels-container[data-layout="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.panels-container[data-layout="2"]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.panels-container[data-layout="3"]{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.panels-container[data-layout="4"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.panels-container[data-layout="5"],.panels-container[data-layout="6"]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.panels-container[data-layout="7"],.panels-container[data-layout="8"]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.panel{display:flex;flex-direction:column;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out);min-height:0}.panel:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.panel.focused,.panel.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);min-height:var(--panel-header-height);gap:var(--space-2)}.panel-header-left{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;overflow:hidden}.panel-sync-badge{display:flex;align-items:center;justify-content:center;color:#f59e0b;margin:0 var(--space-1);cursor:help;flex-shrink:0}.panel-sync-badge svg{width:14px;height:14px}.panel-header-right{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.panel-resource-select{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-resource-select:hover{background:var(--bg-active);border-color:var(--border-strong)}.panel-resource-select svg{width:12px;height:12px;color:var(--text-muted)}.panel-nav{display:flex;align-items:center;gap:var(--space-1)}.panel-nav-btn{padding:var(--space-1) var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-nav-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.panel-nav-arrows{display:flex;gap:2px}.panel-nav-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-nav-arrow:hover{background:var(--bg-hover);color:var(--text-primary)}.panel-nav-arrow svg{width:14px;height:14px}.panel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.panel-btn svg{width:16px;height:16px}.panel-btn.sync-btn{position:relative}.panel-btn.sync-btn:after{content:"";position:absolute;bottom:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.panel-btn.sync-btn.active:after{background:var(--sync-a)}.panel-btn.sync-btn[data-group=B]:after{background:var(--sync-b)}.panel-btn.sync-btn[data-group=C]:after{background:var(--sync-c)}.panel-btn.close-btn:hover{background:var(--error-light);color:var(--error)}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4);font-family:var(--font-serif);font-size:calc(var(--content-base) * var(--panel-text-scale, 1));line-height:var(--leading-prose);color:var(--text-primary);user-select:text;-webkit-user-select:text}.panel{--panel-text-scale: 1}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);max-width:280px}.verse{display:block;padding:var(--space-2) var(--space-3);margin:0 calc(-1 * var(--space-3));border-radius:var(--radius-md);border-left:none;transition:background-color var(--duration-fast) var(--ease-out),outline-color var(--duration-fast) var(--ease-out);position:relative;cursor:text}.verse:hover{background:var(--bg-hover)}.verse.selected{background:#3b82f61a;outline:1px solid rgba(59,130,246,.18);outline-offset:-1px}.verse.selected .verse-number{background:#3b82f62e;border-color:#3b82f638;color:var(--accent-primary);font-weight:700}.verse-number{float:left;width:auto;min-width:34px;height:24px;margin:0 10px 0 0;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;background:transparent;border:1px solid var(--border-default);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.verse-number:hover{background:var(--bg-hover)}.verse-text{display:inline;color:var(--text-primary)}.verse:after{content:"";display:block;clear:both}.verse.has-note .verse-number:after{content:"";display:inline-block;width:6px;height:6px;background:var(--tag-important);border-radius:50%;margin-left:4px;vertical-align:super}.mobile-header-bar{display:none;position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--bg-surface);padding:env(safe-area-inset-top,var(--space-2)) var(--space-3) var(--space-2);transform:translateY(-100%);opacity:0;transition:all var(--duration-normal) var(--ease-out)}.mobile-header-bar.visible{transform:translateY(0);opacity:1}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mobile-nav-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.mobile-nav-btn:active{background:var(--bg-hover)}.mobile-nav-btn svg{width:16px;height:16px}.mobile-nav-right{display:flex;align-items:center;gap:var(--space-1)}.mobile-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.mobile-icon-btn:active{background:var(--bg-hover)}.mobile-icon-btn svg{width:22px;height:22px}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background:var(--bg-surface);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0));transform:translateY(100%);opacity:0;transition:all var(--duration-normal) var(--ease-out)}.mobile-mode-tabs{display:flex;justify-content:space-around;gap:var(--space-1)}.mode-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;flex:1}.mode-tab span{white-space:nowrap}.mode-tab:active{transform:scale(.95);background:var(--bg-hover)}.mobile-floating-toolbar,.mobile-floating-toolbar.visible{display:none!important}.panels-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.panel-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.panel-list-item:active{background:var(--bg-active);transform:scale(.98)}.panel-list-item.active{border-color:var(--accent-primary);background:var(--accent-light)}.panel-list-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-tertiary);flex-shrink:0}.panel-list-icon svg{width:20px;height:20px}.panel-list-item.active .panel-list-icon{background:var(--accent-primary);color:#fff}.panel-list-info{flex:1;min-width:0}.panel-list-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-list-ref{font-size:var(--text-xs);color:var(--text-muted)}.panel-list-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.panel-list-close:active{background:var(--error-light);color:var(--error)}.panel-list-close svg{width:16px;height:16px}.add-panel-btn-full{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--bg-overlay);border:2px dashed var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.add-panel-btn-full:active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.add-panel-btn-full svg{width:20px;height:20px}.more-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.more-option-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.more-option-btn:active{background:var(--bg-hover);transform:scale(.95)}.more-option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-overlay);border-radius:var(--radius-lg);color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out)}.more-option-btn:active .more-option-icon{background:var(--accent-light);color:var(--accent-primary)}.more-option-icon svg{width:24px;height:24px}body.zen-mode .app-header,body.zen-mode .mobile-bottom-bar,body.zen-mode .panel-tabs-bar{transform:translateY(-100%);opacity:0;pointer-events:none}body.zen-mode .mobile-bottom-bar{transform:translateY(100%)}body.zen-mode .app-main{margin-top:0;margin-bottom:0}body.zen-mode .panel-header{opacity:0;height:0;min-height:0;padding:0;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}body.zen-mode .panel-content{padding-top:env(safe-area-inset-top,var(--space-4))}body.zen-mode:after{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--text-muted);border-radius:var(--radius-full);opacity:.3;z-index:var(--z-toast);margin-top:env(safe-area-inset-top,var(--space-2))}.mobile-action-bar,.mobile-action-bar.visible{display:none!important}.action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.action-btn:active{background:var(--bg-active);transform:scale(.95)}.action-btn svg{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-primary:active:not(:disabled){background:var(--accent-primary-active);transform:scale(.98)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-active);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--text-muted)}textarea.input,.note-textarea,.journal-textarea{min-height:120px;resize:vertical;font-family:var(--font-serif);line-height:var(--leading-relaxed)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}.tag-contexto,.tag-context{background:#60a5fa26;color:var(--tag-context)}.tag-aplicacion,.tag-application{background:#34d39926;color:var(--tag-application)}.tag-importante,.tag-important{background:#f8717126;color:var(--tag-important)}.tag-anecdota,.tag-anecdote{background:#a78bfa26;color:var(--tag-anecdote)}.tag-pregunta,.tag-question{background:#fbbf2426;color:var(--tag-question)}.tag-estudio,.tag-study{background:#22d3ee26;color:var(--tag-study)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.mobile-panel-selector{display:none;padding:var(--space-2);background:var(--bg-overlay);border-bottom:1px solid var(--border-default);gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-panel-selector::-webkit-scrollbar{display:none}.mobile-panel-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.mobile-panel-chip:active{transform:scale(.95)}.mobile-panel-chip.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.mobile-panel-chip .panel-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.mobile-panel-chip.active .panel-indicator{background:var(--accent-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.modal-backdrop{position:fixed;inset:0;background:var(--bg-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.modal-backdrop.visible{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:calc(100% - var(--space-8));max-width:480px;max-height:calc(100vh - var(--space-8));background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;overflow:hidden}.modal.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal.large{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.modal-header.compact{padding:0;border-bottom:none}.modal-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-title svg{color:var(--accent-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.modal-body{flex:1;padding:var(--space-5);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);flex-shrink:0}.context-menu{position:fixed;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-popover);opacity:0;visibility:hidden;transform:scale(.95) translateY(-8px);transform-origin:top left;transition:all var(--duration-fast) var(--ease-out);overflow:hidden}.context-menu.visible{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.context-menu-header{padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle)}.context-verse-ref{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-primary)}.context-menu-body{padding:var(--space-1)}.context-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.context-btn:hover{background:var(--bg-hover)}.context-btn:active{background:var(--bg-active)}.context-btn svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.context-btn kbd{margin-left:auto;padding:2px 6px;background:var(--bg-overlay);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted)}.context-divider{height:1px;background:var(--border-subtle);margin:var(--space-1) var(--space-2)}.context-label{display:block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.context-highlight-section{padding:var(--space-2) var(--space-3)}.highlight-colors{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.hl-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent}.hl-dot:hover{transform:scale(1.15);border-color:var(--text-primary)}.hl-dot.yellow{background:var(--highlight-yellow-solid)}.hl-dot.green{background:var(--highlight-green-solid)}.hl-dot.blue{background:var(--highlight-blue-solid)}.hl-dot.red{background:var(--highlight-red-solid)}.hl-dot.purple{background:var(--highlight-purple-solid)}.hl-dot.orange{background:var(--highlight-orange-solid)}.hl-dot.clear{background:var(--bg-overlay);border:1px dashed var(--border-default);color:var(--text-muted)}.highlight-dropdown{position:fixed;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--duration-fast) var(--ease-out);padding:var(--space-2)}.highlight-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0)}.hl-dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.hl-swatch{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.hl-swatch:hover{background:var(--bg-hover);border-color:var(--border-default)}.hl-preview{width:20px;height:20px;border-radius:var(--radius-sm)}.hl-swatch.yellow .hl-preview{background:var(--highlight-yellow-solid)}.hl-swatch.green .hl-preview{background:var(--highlight-green-solid)}.hl-swatch.blue .hl-preview{background:var(--highlight-blue-solid)}.hl-swatch.red .hl-preview{background:var(--highlight-red-solid)}.hl-swatch.purple .hl-preview{background:var(--highlight-purple-solid)}.hl-swatch.orange .hl-preview{background:var(--highlight-orange-solid)}.hl-name{font-size:var(--text-sm);color:var(--text-secondary)}.hl-dropdown-footer{padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--border-subtle)}.hl-custom-btn{width:100%;padding:var(--space-2);background:transparent;border:1px dashed var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.hl-custom-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.note-popover{position:fixed;width:280px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-popover);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--duration-fast) var(--ease-out);overflow:hidden}.note-popover.visible{opacity:1;visibility:visible;transform:translateY(0)}.note-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle)}.note-ref{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-primary)}.note-tags{display:flex;gap:var(--space-1)}.note-tag{padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.note-popover-body{padding:var(--space-3)}.note-content{font-family:var(--font-serif);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.note-popover-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border-top:1px solid var(--border-subtle)}.note-action{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.note-action:hover{background:var(--bg-hover);color:var(--text-primary)}.note-editor{display:flex;flex-direction:column;gap:var(--space-4)}.note-reference-card{padding:var(--space-3);background:var(--bg-overlay);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.ref-badge{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-primary);margin-bottom:var(--space-2)}.ref-quote{font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.note-textarea{width:100%;padding:var(--space-3);font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:vertical;transition:all var(--duration-fast) var(--ease-out)}.note-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.note-textarea::placeholder{color:var(--text-muted)}.journal-editor{display:flex;flex-direction:column;gap:var(--space-4)}.journal-templates{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.template-label{font-size:var(--text-sm);color:var(--text-muted)}.template-btn{padding:var(--space-1) var(--space-2);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.template-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.template-btn.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.journal-references{display:flex;flex-wrap:wrap;gap:var(--space-2)}.journal-ref-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--accent-light);border:1px solid var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--accent-primary)}.journal-ref-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;border-radius:50%;color:var(--accent-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.journal-ref-remove:hover{background:var(--error-light);color:var(--error)}.editor-toolbar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--bg-overlay);border:1px solid var(--border-default);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.editor-group{display:flex;gap:2px}.editor-separator{width:1px;height:20px;background:var(--border-default);margin:0 var(--space-2)}.editor-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.editor-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.editor-btn.active{background:var(--accent-light);color:var(--accent-primary)}.editor-container{position:relative}.journal-textarea{width:100%;min-height:200px;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--bg-overlay);border:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);resize:vertical;transition:all var(--duration-fast) var(--ease-out)}.journal-textarea:focus{outline:none;border-color:var(--accent-primary)}.editor-preview{position:absolute;inset:0;padding:var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);overflow-y:auto;font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-relaxed)}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.preview-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.preview-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.char-count{font-size:var(--text-xs);color:var(--text-muted)}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle)}.search-input-wrapper svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.search-input{flex:1;padding:var(--space-1) 0;background:transparent;border:none;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-shortcut{padding:var(--space-1) var(--space-2);background:var(--bg-hover);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted)}.search-modal-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.search-filters{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.filter-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.filter-chip:hover{background:var(--bg-hover);border-color:var(--border-strong)}.filter-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.filter-icon{font-size:var(--text-sm)}.search-section{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.search-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);margin-bottom:var(--space-2)}.search-history{display:flex;flex-wrap:wrap;gap:var(--space-2)}.search-history-item{padding:var(--space-1) var(--space-2);background:var(--bg-overlay);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.search-history-item:hover{background:var(--bg-hover);color:var(--text-primary)}.search-results{flex:1;overflow-y:auto;padding:var(--space-2)}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-muted)}.search-empty svg{margin-bottom:var(--space-4);opacity:.5}.search-empty p{font-size:var(--text-md);margin-bottom:var(--space-2)}.search-tip{font-size:var(--text-sm);color:var(--text-tertiary)}.search-result-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.search-result-item:hover{background:var(--bg-hover)}.search-result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);border-radius:var(--radius-md);flex-shrink:0}.search-result-icon svg{width:18px;height:18px;color:var(--accent-primary)}.search-result-content{flex:1;min-width:0}.search-result-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.search-result-title mark{background:var(--highlight-yellow);color:inherit;border-radius:2px;padding:0 2px}.search-result-preview{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-preview mark{background:var(--highlight-yellow);color:inherit;border-radius:2px;padding:0 2px}.search-result-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.settings-section{margin-bottom:var(--space-6)}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;gap:var(--space-4)}.settings-label{font-size:var(--text-sm);color:var(--text-primary)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-overlay);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.theme-option:hover{border-color:var(--border-strong)}.theme-option.active{border-color:var(--accent-primary);background:var(--accent-light)}.theme-preview{display:flex;width:100%;height:32px;border-radius:var(--radius-sm);overflow:hidden}.theme-preview-bg{flex:1}.theme-name{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.theme-option.active .theme-name{color:var(--accent-primary)}.range-slider{display:flex;align-items:center;gap:var(--space-2)}.range-slider input[type=range]{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-default);border-radius:var(--radius-full);outline:none}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.range-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-value{font-size:var(--text-sm);color:var(--text-muted);min-width:80px;text-align:right}.sync-group-menu{position:fixed;min-width:180px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--duration-fast) var(--ease-out);overflow:hidden}.sync-group-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.sync-menu-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle)}.sync-group-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.sync-group-option:hover{background:var(--bg-hover)}.group-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-inverse)}.group-badge.a{background:var(--sync-a)}.group-badge.b{background:var(--sync-b)}.group-badge.c{background:var(--sync-c)}.group-badge.none{background:var(--text-muted)}.sync-group-option .check{margin-left:auto;width:16px;height:16px;color:var(--accent-primary);opacity:0}.sync-group-option.active .check{opacity:1}.sync-menu-divider{height:1px;background:var(--border-subtle);margin:var(--space-1) 0}.book-navigator{display:flex;flex-direction:column;gap:var(--space-6)}.book-nav-section{margin-bottom:var(--space-4)}.book-nav-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--accent-primary)}.book-nav-category{margin-bottom:var(--space-3)}.book-nav-category-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.book-nav-grid{display:flex;flex-wrap:wrap;gap:var(--space-1)}.book-nav-btn{padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.book-nav-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.book-nav-btn:active{background:var(--accent-light)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:var(--space-2)}.chapter-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.chapter-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.chapter-btn:active{background:var(--accent-light)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);pointer-events:auto;animation:toastIn var(--duration-normal) var(--ease-spring),toastOut var(--duration-normal) var(--ease-out) 2.7s forwards}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.toast-icon svg{width:18px;height:18px}.toast-icon.success{color:var(--success)}.toast-icon.error{color:var(--error)}.toast-icon.warning{color:var(--warning)}.toast-icon.info{color:var(--info)}.toast-message{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-muted)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background:var(--border-strong);transition:var(--duration-fast) var(--ease-out);border-radius:var(--radius-full)}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:var(--duration-fast) var(--ease-out);border-radius:50%;box-shadow:var(--shadow-sm)}.switch input:checked+.switch-slider{background:var(--accent-primary)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.bottom-sheet-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);-webkit-tap-highlight-color:transparent}.bottom-sheet-backdrop.visible{opacity:1;visibility:visible}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface)!important;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:none;z-index:var(--z-modal);transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-spring);max-height:85vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid var(--border-subtle)}.bottom-sheet.visible{transform:translateY(0)}.bottom-sheet-handle{display:flex;justify-content:center;padding:var(--space-3) 0 var(--space-2);cursor:grab}.bottom-sheet-handle:before{content:"";width:36px;height:4px;background:var(--border-strong);border-radius:var(--radius-full)}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle)}.bottom-sheet-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.bottom-sheet-close:active{background:var(--bg-hover);transform:scale(.95)}.bottom-sheet-close svg{width:20px;height:20px}.bottom-sheet-body{flex:1;overflow-y:auto;padding:var(--space-4);overscroll-behavior:contain}.layout-section{margin-bottom:var(--space-5)}.layout-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.layout-preset{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.layout-preset:active{transform:scale(.95)}.layout-preset.active{border-color:var(--accent-primary);background:var(--accent-light)}.layout-preset.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.layout-preset-icon{display:grid;gap:3px;width:60%;height:60%}.layout-preset-icon .slot{background:var(--text-tertiary);border-radius:2px;min-height:8px}.layout-preset.active .layout-preset-icon .slot{background:var(--accent-primary)}.layout-preset[data-layout="1x1"] .layout-preset-icon{grid-template-columns:1fr;grid-template-rows:1fr}.layout-preset[data-layout="1x2"] .layout-preset-icon{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.layout-preset[data-layout="2x1"] .layout-preset-icon{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.layout-preset[data-layout="2x2"] .layout-preset-icon{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.layout-preset[data-layout="3x1"] .layout-preset-icon{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.layout-preset[data-layout="3x2"] .layout-preset-icon{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.layout-preset[data-layout="4x1"] .layout-preset-icon{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.layout-preset[data-layout="4x2"] .layout-preset-icon{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.layout-preset-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.layout-preset.small-screen-warning{opacity:.7}.layout-preset.small-screen-warning:before{content:"!";position:absolute;top:4px;right:4px;width:14px;height:14px;background:var(--warning);color:var(--bg-base);border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}.panel-slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-overlay);border:2px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:120px;-webkit-tap-highlight-color:transparent}.panel-slot-empty:active{background:var(--bg-hover);border-color:var(--accent-primary);transform:scale(.98)}.panel-slot-empty .plus-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius-full);color:var(--text-muted);margin-bottom:var(--space-2);transition:all var(--duration-fast) var(--ease-out)}.panel-slot-empty:active .plus-icon{background:var(--accent-light);color:var(--accent-primary)}.panel-slot-empty .plus-icon svg{width:24px;height:24px}.panel-slot-empty .slot-label{font-size:var(--text-sm);color:var(--text-muted)}.panel-text-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-overlay);border-radius:var(--radius-lg);margin-top:var(--space-3)}.panel-text-controls-label{font-size:var(--text-sm);color:var(--text-secondary);margin-right:var(--space-2)}.text-size-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.text-size-btn:active{background:var(--accent-light);border-color:var(--accent-primary);transform:scale(.95)}.text-size-btn:disabled{opacity:.4;cursor:not-allowed}.text-size-indicator{min-width:48px;text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.slot-actions{display:none;padding:var(--space-3);background:var(--bg-overlay);border-radius:var(--radius-lg);margin-top:var(--space-4)}.slot-actions.visible{display:block}.slot-actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.slot-actions-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.slot-actions-panel-name{font-size:var(--text-xs);color:var(--accent-primary);background:var(--accent-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.slot-actions-buttons{display:flex;gap:var(--space-2)}.slot-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.slot-action-btn:active{background:var(--bg-hover);transform:scale(.97)}.slot-action-btn svg{width:20px;height:20px;color:var(--text-tertiary)}.slot-action-btn.danger:active{background:#f871711a}.slot-action-btn.danger svg{color:var(--error)}.layout-preset{animation:layoutPresetIn var(--duration-normal) var(--ease-out) backwards}.layout-preset:nth-child(1){animation-delay:0ms}.layout-preset:nth-child(2){animation-delay:30ms}.layout-preset:nth-child(3){animation-delay:60ms}.layout-preset:nth-child(4){animation-delay:90ms}.layout-preset:nth-child(5){animation-delay:.12s}.layout-preset:nth-child(6){animation-delay:.15s}.layout-preset:nth-child(7){animation-delay:.18s}.layout-preset:nth-child(8){animation-delay:.21s}@keyframes layoutPresetIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.panel-slot-empty .plus-icon{animation:plusPulse 2s ease-in-out infinite}@keyframes plusPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.layout-preset:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent-primary);opacity:0;transform:scale(.8);transition:all var(--duration-fast) var(--ease-out);pointer-events:none}.layout-preset:active:after{opacity:.2;transform:scale(1)}.text-size-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent-primary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none}.text-size-btn:active:after{opacity:.15}.layout-preset.disabled:before{content:"Pantalla muy pequeña";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-out);z-index:10}.layout-preset.disabled:hover:before{opacity:1;visibility:visible}.mobile-selection-toolbar{display:none}@media(max-width:600px){.mobile-selection-toolbar{display:flex;position:fixed;bottom:calc(env(safe-area-inset-bottom) + 12px);left:50%;transform:translate(-50%) translateY(100px);flex-direction:row;align-items:center;gap:6px;padding:8px 12px;background:#fff;border-radius:28px;box-shadow:none;border:1px solid var(--border-subtle);z-index:calc(var(--z-modal) + 10);opacity:0;visibility:hidden;transition:all .2s var(--ease-out);max-width:calc(100vw - 16px)}.mobile-selection-toolbar.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.selection-toolbar-ref{font-size:13px;font-weight:600;color:var(--accent-primary);padding:6px 12px;background:var(--accent-light);border-radius:16px;white-space:nowrap;margin-right:4px}.selection-toolbar-actions{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}.selection-toolbar-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.selection-toolbar-scroll::-webkit-scrollbar{display:none}.selection-scroll-btn{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);display:none;align-items:center;justify-content:center;padding:0}.selection-scroll-btn svg{width:18px;height:18px}.selection-scroll-btn:active{background:var(--bg-hover);transform:scale(.92)}.selection-scroll-btn.disabled{opacity:.35;pointer-events:none}.selection-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.selection-action-btn:active{background:var(--bg-hover);color:var(--text-primary);transform:scale(.9)}.selection-action-btn svg{width:18px;height:18px}.selection-highlight-colors{display:flex;align-items:center;gap:3px;padding:2px}.sel-hl-dot{width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted)}.sel-hl-dot:hover,.sel-hl-dot:active{transform:scale(1.15)}.sel-hl-dot.yellow{background:#fef08a}.sel-hl-dot.green{background:#86efac}.sel-hl-dot.blue{background:#93c5fd}.sel-hl-dot.red{background:#fca5a5}.sel-hl-dot.purple{background:#c4b5fd}.sel-hl-dot.orange{background:#fed7aa}.sel-hl-dot.clear{background:var(--bg-elevated);border:1px dashed var(--border-default)}}.import-modal{max-width:500px}.import-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.import-modal .modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.import-modal .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.import-modal .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.import-modal .modal-close svg{width:20px;height:20px}.import-modal .modal-content{padding:var(--space-4);flex:1;overflow-y:auto}.import-modal .modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);text-align:center}.import-modules-count{font-size:var(--text-sm);color:var(--text-muted);margin:0}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-overlay);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center}.import-dropzone:hover,.import-dropzone.dragover{border-color:var(--accent-primary);background:var(--accent-light)}.dropzone-icon{width:48px;height:48px;color:var(--accent-primary);margin-bottom:var(--space-3)}.dropzone-text{font-size:var(--text-md);color:var(--text-primary);margin:0 0 var(--space-2)}.dropzone-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0}.import-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.progress-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.progress-text{font-size:var(--text-md);color:var(--text-secondary);margin:0}.import-result{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.result-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.result-icon.success{background:var(--success-light);color:var(--success)}.result-icon svg{width:32px;height:32px}.result-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.result-info{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4)}.empty-module{min-height:300px;display:flex;align-items:center;justify-content:center}.empty-module .empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6)}.empty-module .empty-state svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:var(--space-4)}.empty-module .empty-state p{font-size:var(--text-md);color:var(--text-tertiary);margin:0 0 var(--space-4)}.commentary-content{padding:var(--space-4)}.commentary-entry{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.commentary-entry:last-child{border-bottom:none;margin-bottom:0}.commentary-verse-ref{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-primary);margin:0 0 var(--space-2)}.commentary-text{font-size:calc(var(--content-base) * var(--panel-text-scale, 1));line-height:var(--leading-relaxed);color:var(--text-primary)}.commentary-text p{margin:0 0 var(--space-3)}.commentary-text p:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.hidden{display:none!important}.christ-words{color:#dc2626}[data-theme=logos-light] .christ-words,[data-theme=sepia] .christ-words{color:#b91c1c}.section-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-secondary);margin:var(--space-4) 0 var(--space-2);display:block}.verse-ref{color:var(--accent-primary);cursor:help}.footnote{font-size:.75em;color:var(--accent-secondary);cursor:help}.book-chapter-modal{max-width:600px;max-height:80vh}.book-chapter-modal .modal-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.book-chapter-modal .modal-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer}.book-chapter-modal .modal-back:hover{background:var(--bg-hover);color:var(--text-primary)}.book-chapter-modal .modal-back svg{width:20px;height:20px}.book-chapter-modal .modal-back.hidden{visibility:hidden}.book-chapter-modal .modal-title{flex:1;font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.book-chapter-modal .modal-content{padding:var(--space-4);overflow-y:auto;max-height:calc(80vh - 60px)}.book-selector{display:flex;flex-direction:column;gap:var(--space-6)}.testament-section{display:flex;flex-direction:column;gap:var(--space-3)}.testament-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2)}.book-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2) var(--space-1);background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:52px}.book-btn:hover{background:var(--bg-hover);border-color:var(--border-default)}.book-btn.active{background:var(--accent-light);border-color:var(--accent-primary)}.book-abbr{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.book-name{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chapter-selector{padding:var(--space-2)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-2)}.chapter-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.mobile-header-bar{position:fixed;top:0;left:0;right:0;height:56px;background:#151921;border-bottom:1px solid rgba(255,255,255,.1);display:none;align-items:center;padding:0 var(--space-4);z-index:1000;transform:none;opacity:1;pointer-events:auto}.mobile-header-bar.visible{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-header-content{flex:1;display:flex;align-items:center;justify-content:space-between}.mobile-nav-left{display:flex;align-items:center;gap:var(--space-2)}.mobile-nav-btn{display:flex;align-items:center;gap:var(--space-1);height:36px;padding:0 var(--space-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#e2e8f0;font-size:var(--text-sm);font-weight:500;cursor:pointer}.mobile-nav-btn svg{width:16px;height:16px;opacity:.7}.mobile-nav-right{display:flex;align-items:center}.mobile-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:pointer}.mobile-icon-btn:hover{background:#ffffff1a;color:#e2e8f0}.chapter-btn:hover{background:var(--bg-hover);border-color:var(--border-default)}.chapter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:none;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:1000;transform:none;opacity:1;pointer-events:auto}.mobile-bottom-bar.visible{transform:translateY(0);opacity:1}.mobile-mode-tabs{display:flex;width:100%;justify-content:space-around;height:100%}.mode-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.mode-tab.active{color:var(--accent-primary)}.mode-tab svg{width:24px;height:24px}.mode-tab span{font-size:10px;font-weight:500}.more-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-2)}.more-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);aspect-ratio:1;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center}.more-option:active{background:var(--bg-active);transform:scale(.95)}.more-option svg{width:28px;height:28px;color:var(--accent-primary);margin-bottom:2px}.more-option span{line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis}.resource-selector-modal{max-width:480px;max-height:70vh}.resource-selector-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.resource-selector-modal .modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.resource-selector-modal .modal-content{display:flex;flex-direction:column;overflow:hidden}.resource-type-tabs{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.resource-type-tabs .tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.resource-type-tabs .tab-btn svg{width:18px;height:18px}.resource-type-tabs .tab-btn:hover{background:var(--bg-hover)}.settings-content{display:flex;flex-direction:column;gap:var(--space-6);padding:0 var(--space-2)}.settings-section h4{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.theme-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.theme-btn.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary);outline:none}.theme-preview{width:32px;height:32px;border-radius:50%;background:#0000001a;display:flex;align-items:center;justify-content:center;font-weight:700}.accent-grid{display:flex;gap:var(--space-3);justify-content:space-between}.accent-btn{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer}.accent-btn.active{border-color:var(--bg-surface);box-shadow:0 0 0 2px var(--accent-primary)}.setting-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;cursor:pointer}.setting-toggle input{display:none}.toggle-slider{width:44px;height:24px;background:var(--bg-overlay);border-radius:20px;position:relative;transition:.3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;top:2px;left:2px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.resource-type-tabs .tab-btn.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.resource-list{padding:var(--space-2);overflow-y:auto;max-height:calc(70vh - 140px)}.resource-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left}.resource-item:hover{background:var(--bg-hover)}.resource-item.active{background:var(--accent-light);border-color:var(--accent-primary)}.resource-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-overlay);border-radius:var(--radius-md);color:var(--text-secondary)}.resource-icon svg{width:20px;height:20px}.resource-item.active .resource-icon{background:var(--accent-primary);color:var(--text-inverse)}.resource-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.resource-name{font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-abbr{font-size:var(--text-sm);color:var(--text-muted)}.resource-check{width:24px;height:24px;color:var(--accent-primary);opacity:0;transition:opacity var(--duration-fast)}.resource-check.visible{opacity:1}.resource-check svg{width:24px;height:24px}.empty-resources{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.empty-resources p{color:var(--text-muted);margin:0 0 var(--space-4)}.ribbon{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);min-height:44px;flex-shrink:0}.ribbon-section{display:flex;align-items:center;gap:var(--space-1)}.ribbon-divider{width:1px;height:24px;background:var(--border-subtle);margin:0 var(--space-2)}.ribbon-spacer{flex:1}.ribbon-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:32px;height:32px;padding:0 var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.ribbon-btn svg{width:18px;height:18px;flex-shrink:0}.ribbon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ribbon-btn:active{background:var(--bg-active)}.ribbon-btn.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.ribbon-btn-label{font-size:var(--text-xs);font-weight:var(--font-medium)}.ribbon-layouts .layout-btn{padding:0;min-width:28px;height:28px}.ribbon-layouts .layout-btn svg{width:16px;height:16px}.ribbon-zoom{gap:var(--space-1)}.ribbon-zoom-value{min-width:40px;text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);font-variant-numeric:tabular-nums}.sync-btn{padding:var(--space-1) var(--space-2)}.sync-btn.active{background:var(--success-light);border-color:var(--success);color:var(--success)}body.zen-mode .ribbon,body.zen-mode .app-header{display:none}body.zen-mode .app-main{height:100vh}body.zen-mode .panels-container{border-radius:0}@media(max-width:768px){.ribbon{display:none}}.auth-modal{width:90%;max-width:400px;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:1100;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-default);display:flex;flex-direction:column}.auth-modal.visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.auth-modal-header{padding:var(--space-6) var(--space-6) var(--space-4);display:flex;justify-content:space-between;align-items:flex-start}.auth-header-content{flex:1}.auth-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1) 0}.auth-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.auth-close{background:var(--bg-subtle);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.auth-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(90deg)}.auth-close svg{width:18px;height:18px}.auth-modal-tabs{display:flex;padding:0 var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--border-default)}.auth-tab{padding:var(--space-3) 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{color:var(--primary-default);border-bottom-color:var(--primary-default)}.auth-modal-content{padding:var(--space-6);max-height:70vh;overflow-y:auto}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-password{font-size:var(--text-xs);color:var(--primary-default);text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.input-wrapper input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all .2s}.input-wrapper input:focus{outline:none;border-color:var(--primary-default);background:var(--bg-surface);box-shadow:0 0 0 3px #4f8cff1a}.input-wrapper input::placeholder{color:var(--text-muted)}.btn-auth-submit{margin-top:var(--space-2);height:44px;font-weight:600;font-size:var(--text-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-error{padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-sm);text-align:center}.auth-divider{display:flex;align-items:center;margin:var(--space-5) 0;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.auth-divider span{padding:0 var(--space-3)}.social-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.btn-social{height:40px;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);font-weight:500;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .2s;border-radius:var(--radius-md);cursor:pointer}.btn-social:hover{background:var(--bg-hover);border-color:var(--text-muted)}.auth-modal-footer{padding:var(--space-4) var(--space-6);background:var(--bg-subtle);border-top:1px solid var(--border-default);text-align:center}.auth-modal-footer p{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.auth-modal-footer a{color:var(--text-primary);text-decoration:none;font-weight:500}.auth-modal-footer a:hover{text-decoration:underline}.user-profile-card{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,#4f8cff14,#793efd14);border:1px solid rgba(79,140,255,.15);border-radius:var(--radius-xl);margin-bottom:var(--space-6);position:relative;overflow:hidden}.user-profile-card:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(79,140,255,.1) 0%,transparent 70%);pointer-events:none}.user-profile-avatar{width:72px;height:72px;background:var(--primary-default);background:linear-gradient(135deg,var(--primary-default),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;box-shadow:0 8px 16px #4f8cff40;border:3px solid var(--bg-surface);flex-shrink:0}.user-profile-info{flex:1}.user-profile-name{margin:0 0 4px;font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.user-profile-email{margin:0 0 10px;font-size:var(--text-sm);color:var(--text-muted)}.user-profile-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#10b9811f;color:#059669;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.user-profile-badge svg{width:14px;height:14px}.auth-account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-2);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-item:hover{background:var(--bg-surface);border-color:var(--primary-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);line-height:1}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:700;margin-top:6px;letter-spacing:.05em}.account-actions{display:flex;flex-direction:column;gap:var(--space-3)}.account-actions .btn{justify-content:flex-start;padding:var(--space-3) var(--space-4);font-weight:600}.account-actions .btn svg{width:20px;height:20px;flex-shrink:0}.btn-outline{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-danger-outline{background:transparent;border:1px solid rgba(239,68,68,.2);color:#ef4444}.btn-danger-outline:hover{background:#ef44440d;border-color:#ef4444}.btn-danger-outline svg{width:20px;height:20px;margin-right:10px}.auth-promo-banner{margin-top:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#4f8cff1a,#793efd1a);border:1px solid rgba(79,140,255,.2);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-4);animation:slideUp .3s ease-out}.auth-promo-icon{width:40px;height:40px;background:var(--primary-default);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-promo-content{flex:1}.auth-promo-content h4{margin:0 0 4px;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.auth-promo-content p{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);max-width:400px;margin:0 auto}.empty-state-icon{width:80px;height:80px;background:var(--bg-surface);color:var(--primary-default);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-default)}.empty-state-icon svg{width:40px;height:40px}.empty-state h3{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-8);font-size:var(--text-base);line-height:1.6}.empty-state-actions{display:flex;gap:var(--space-4)}.user-avatar-container{position:relative;display:flex}.user-status-online{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background:#10b981;border:2px solid var(--bg-surface);border-radius:50%;box-shadow:0 0 0 1px #0000001a}.sync-indicator.disabled{opacity:.5;cursor:not-allowed}.sync-indicator.disabled svg{color:var(--text-muted)}.sync-indicator.active .sync-label{color:var(--primary-default);font-weight:600}.sync-indicator.active svg{color:var(--primary-default);animation:rotate-sync 4s linear infinite}@keyframes rotate-sync{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.global-sync-status{display:flex!important;align-items:center!important;gap:12px!important;margin-right:16px!important;padding:4px 12px!important;background:var(--bg-subtle)!important;border-radius:20px!important;border:1px solid var(--border-default)!important;height:32px!important}.cloud-sync-indicator,.sync-indicator{display:flex!important;align-items:center!important;gap:8px!important;color:var(--text-muted)!important;font-size:11px!important;font-weight:600!important}.cloud-sync-indicator svg,.sync-indicator svg{width:16px!important;height:16px!important;stroke-width:2.5!important}.cloud-sync-indicator.active{color:#10b981!important}.nav-sync-indicator{padding-left:12px!important;border-left:1px solid var(--border-default)!important;display:flex!important;align-items:center!important}.nav-sync-group{font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;color:var(--primary-default)!important;background:#4f8cff1a!important;padding:2px 8px!important;border-radius:4px!important}.panel-sync-btn.group-A.active{background:#4f8cff1a!important;color:#4f8cff!important;border-color:#4f8cff4d!important}.panel-sync-btn.group-B.active{background:#10b9811a!important;color:#10b981!important;border-color:#10b9814d!important}.panel-sync-btn.group-C.active{background:#f59e0b1a!important;color:#f59e0b!important;border-color:#f59e0b4d!important}.panel-sync-btn.group-none{opacity:.6}.panel-sync-btn svg{display:block}.tag-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.tag-chip:hover{background:var(--bg-hover);border-color:var(--border-strong)}.tag-chip.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.tag-dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color, var(--text-muted))}.note-tag{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-medium)}.highlight-yellow{background:var(--highlight-yellow);border-radius:var(--radius-xs);padding:1px 3px;margin:0 -1px}.highlight-green{background:var(--highlight-green);border-radius:var(--radius-xs);padding:1px 3px;margin:0 -1px}.highlight-blue{background:var(--highlight-blue);border-radius:var(--radius-xs);padding:1px 3px;margin:0 -1px}.highlight-red{background:var(--highlight-red);border-radius:var(--radius-xs);padding:1px 3px;margin:0 -1px}.highlight-purple{background:var(--highlight-purple);border-radius:var(--radius-xs);padding:1px 3px;margin:0 -1px}.highlight-orange{background:var(--highlight-orange);border-radius:var(--radius-xs);padding:1px 3px;margin:0 -1px}.verse-note-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-1);color:var(--accent-primary);cursor:pointer;vertical-align:middle;transition:all var(--duration-fast) var(--ease-out)}.verse-note-indicator:hover{transform:scale(1.2);color:var(--accent-primary-hover)}.verse.has-note{position:relative}.note-action-danger{color:var(--error)}.note-action-danger:hover{background:var(--error-light);color:var(--error)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.journal-container{height:100%;display:flex;flex-direction:column}.journal-header-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.journal-list{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.journal-entry-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--duration-fast)}.journal-entry-card:hover{border-color:var(--primary-default);box-shadow:var(--shadow-sm)}.journal-entry-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.journal-entry-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.journal-entry-date{font-size:var(--text-xs);color:var(--text-muted)}.journal-entry-preview{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journal-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-base)}.journal-editor-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.journal-title-input{display:block;width:100%;padding:var(--space-4);font-size:var(--text-xl);font-weight:600;border:none;background:transparent;color:var(--text-primary);outline:none}.journal-content-input{flex:1;width:100%;padding:0 var(--space-4) var(--space-4);border:none;resize:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);outline:none}.journal-markdown-hint{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-subtle);border-top:1px solid var(--border-default)}.sync-progress{position:fixed;left:0;right:0;bottom:0;padding:var(--space-3);z-index:1000;pointer-events:none}.sync-progress.hidden{display:none}.sync-progress-card{max-width:560px;margin:0 auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);pointer-events:auto}.sync-progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.sync-progress-title{font-weight:var(--font-semibold);color:var(--text-primary)}.sync-progress-close{appearance:none;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);padding:4px 8px;cursor:pointer}.sync-progress-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-progress-bar{width:100%;height:10px;background:var(--bg-overlay);border-radius:999px;overflow:hidden}.sync-progress-bar-fill{height:100%;width:0%;background:var(--accent-primary);transition:width .15s linear}.sync-progress-meta{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}@media(min-width:1440px){.panels-container{padding:var(--space-4);gap:var(--space-4)}.panel-content{padding:var(--space-6)}}@media(min-width:1024px)and (max-width:1439px){.panels-container{padding:var(--space-3);gap:var(--space-3)}}@media(min-width:768px)and (max-width:1023px){.panels-container[data-layout="8"],.panels-container[data-layout="7"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.panels-container[data-layout="6"],.panels-container[data-layout="5"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.ribbon-btn-text{display:none}.ribbon-btn-large{min-width:48px;padding:var(--space-2)}.ribbon-group-label{display:none}.ribbon-small-grid{grid-template-columns:repeat(2,1fr)}.ribbon-btn-small span,.brand-name,.sync-label{display:none}.modal.large{max-width:90%}}@media(min-width:600px)and (max-width:767px){.mobile-bottom-bar{display:block}.app-main{margin-bottom:var(--mobile-nav-height)}.ribbon-container{display:none}.panel-tabs-bar{display:flex}.panels-container[data-layout="3"],.panels-container[data-layout="4"],.panels-container[data-layout="5"],.panels-container[data-layout="6"],.panels-container[data-layout="7"],.panels-container[data-layout="8"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fill,1fr)}}@media(max-width:599px){.app-container{height:100dvh}.app-header,.ribbon-container,.panel-tabs-bar{display:none}.mobile-header-bar,.mobile-bottom-bar{display:flex}.app-main{margin-top:56px;margin-bottom:0;height:calc(100dvh - 56px)}.panel-header{display:none!important}.panels-container{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;height:100%}.panels-container[data-layout="1"],.panels-container[data-layout="2"],.panels-container[data-layout="3"],.panels-container[data-layout="4"],.panels-container[data-layout="5"],.panels-container[data-layout="6"],.panels-container[data-layout="7"],.panels-container[data-layout="8"]{display:flex;flex-direction:column}.panel{display:none!important;border-radius:0;border:none;flex:1;min-height:0;height:100%}.panel.active{display:flex!important}.panel-content{padding:var(--space-4);padding-top:env(safe-area-inset-top,var(--space-4));padding-bottom:env(safe-area-inset-bottom,var(--space-4));height:100%}.panels-container.split-view .panel.active{display:none!important}.panels-container.split-view .panel.split-visible{display:flex!important}.panel-header{padding:var(--space-1) var(--space-2);min-height:36px;gap:var(--space-1)}.panel-header-left{gap:var(--space-1)}.panel-resource-select{padding:var(--space-1);font-size:var(--text-xs)}.panel-nav-btn{padding:2px var(--space-1);font-size:var(--text-xs)}.panel-btn{width:24px;height:24px}.panel-btn svg{width:14px;height:14px}.panel-content{padding:var(--space-2);font-size:var(--content-base)}.verse{display:block;padding:var(--space-3) var(--space-2);margin:0;border-left:none}.verse-number{float:left;width:auto;min-width:34px;height:24px;margin:0 10px 0 0;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:999px;background:transparent;border:1px solid var(--border-default);color:var(--text-muted);line-height:1;box-sizing:border-box}.verse-number:before{display:none}.verse-text{display:inline;flex:initial}.verse:after{content:"";display:block;clear:both}.verse.selected{background:#3b82f61a;border-left:none;outline:1px solid rgba(59,130,246,.18);outline-offset:-1px;position:relative;z-index:1}.verse.selected .verse-number{background:#3b82f62e;border-color:#3b82f638;color:var(--accent-primary);font-weight:700}.verse-text.selected{background:#3b82f614;border-radius:var(--radius-sm);padding:1px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.verse.selected+.verse.selected{border-top:none;margin-top:0}.modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;transform:translate(-50%,-50%) translateY(20px)}.modal.visible{transform:translate(-50%,-50%) translateY(0)}.modal-header{padding:var(--space-3) var(--space-4)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.context-menu{display:none!important}.book-nav-grid{gap:var(--space-2)}.book-nav-btn{padding:var(--space-2);min-width:48px;font-size:var(--text-md)}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-2)}.chapter-btn{padding:var(--space-3);font-size:var(--text-lg)}.theme-grid{grid-template-columns:repeat(2,1fr)}.search-input-wrapper{padding:var(--space-3)}.search-shortcut{display:none}.search-filters{padding:var(--space-2) var(--space-3)}.toast-container{bottom:calc(var(--mobile-nav-height) + var(--space-4) + env(safe-area-inset-bottom));left:var(--space-4);right:var(--space-4);max-width:none}.toast{width:100%}.tag-selector{gap:var(--space-1)}.tag-chip{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.journal-templates{flex-wrap:wrap}.template-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.layout-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:374px){:root{--content-base: 16px;--space-3: 10px;--space-4: 14px}.mode-tab{padding:var(--space-1)}.mode-tab svg{width:20px;height:20px}.mode-tab span{font-size:9px}.book-nav-btn{min-width:40px;padding:var(--space-1);font-size:var(--text-sm)}.chapter-btn{padding:var(--space-2);font-size:var(--text-md)}.tag-chip{font-size:10px}}@media(max-height:500px)and (orientation:landscape){.quick-access-bar{height:40px}.mobile-bottom-bar{padding-bottom:0}.mobile-mode-tabs{padding:var(--space-1)}.mode-tab span{display:none}.mode-tab svg{width:20px;height:20px}.app-main{margin-bottom:48px}.modal-header,.modal-body,.modal-footer{padding:var(--space-2) var(--space-3)}}@media(hover:none)and (pointer:coarse){.qa-btn,.header-btn,.panel-btn,.btn,.ribbon-btn-small{min-height:44px;min-width:44px}.ribbon-btn-large{min-width:56px;min-height:56px}.verse{padding:var(--space-3) var(--space-2)}.verse-number{min-width:32px;padding:var(--space-1)}.qa-btn:hover,.header-btn:hover,.panel-btn:hover,.btn:hover,.ribbon-btn-small:hover,.ribbon-btn-large:hover,.verse:hover,.panel:hover{background-color:inherit;border-color:inherit;box-shadow:inherit}.qa-btn:active,.header-btn:active,.panel-btn:active,.ribbon-btn-small:active,.ribbon-btn-large:active{background-color:var(--bg-active);transform:scale(.96)}.verse:active{background-color:var(--bg-hover)}.qa-btn,.header-btn,.panel-btn,.btn,.ribbon-btn-small,.ribbon-btn-large,.mode-tab,.book-nav-btn,.chapter-btn,.tag-chip{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@media(max-width:599px){.mobile-panel-selector{display:none!important}.mode-tab[data-mode=split].active{color:var(--accent-primary);background:var(--accent-light);border-radius:var(--radius-md)}.panels-container.multi-panel-mode{display:grid!important;gap:2px;padding:2px;background:var(--border-default)}.panels-container.multi-panel-mode[data-grid="1x1"]{grid-template-columns:1fr;grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="1x2"]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="2x1"]{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode[data-grid="2x2"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode[data-grid="3x1"]{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="3x2"]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode[data-grid="4x1"]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="4x2"]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode .panel,.panels-container.multi-panel-mode .panel-slot-empty{display:flex!important;border-radius:0;border:none;min-height:0;background:var(--bg-surface)}.panels-container.multi-panel-mode .panel.hidden-slot,.panels-container.multi-panel-mode .panel-slot-empty.hidden-slot{display:none!important}.panels-container.multi-panel-mode .panel-header{padding:var(--space-1) var(--space-2);min-height:36px;gap:var(--space-1)}.panels-container.multi-panel-mode .panel-header-left{gap:var(--space-1)}.panels-container.multi-panel-mode .resource-label,.panels-container.multi-panel-mode .nav-ref{font-size:var(--text-xs)}.panels-container.multi-panel-mode .panel-btn{width:24px;height:24px}.panels-container.multi-panel-mode .panel-btn svg{width:14px;height:14px}.panels-container.multi-panel-mode .panel-content{padding:var(--space-2);font-size:calc(var(--content-base) * var(--panel-text-scale, 1))}.panels-container.multi-panel-mode .verse{padding:var(--space-1) 0;margin:0}.panels-container.multi-panel-mode .verse-number{font-size:calc(var(--text-xs) * var(--panel-text-scale, 1));min-width:20px}.panels-container.multi-panel-mode .panel.slot-focused{box-shadow:inset 0 0 0 2px var(--accent-primary);z-index:1}.panels-container.multi-panel-mode .panel-slot-empty{background:var(--bg-overlay);min-height:auto}@media(orientation:landscape){.panels-container.multi-panel-mode .panel-content{padding:var(--space-1)}.panels-container.multi-panel-mode .verse{padding:2px 0}}}@media(min-width:600px)and (max-width:1023px){.panels-container.multi-panel-mode{display:grid!important;gap:var(--space-2);padding:var(--space-2)}.panels-container.multi-panel-mode[data-grid="1x1"]{grid-template-columns:1fr;grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="1x2"]{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="2x1"]{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode[data-grid="2x2"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode[data-grid="3x1"]{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="3x2"]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode[data-grid="4x1"]{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.panels-container.multi-panel-mode[data-grid="4x2"]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.panels-container.multi-panel-mode .panel,.panels-container.multi-panel-mode .panel-slot-empty{display:flex!important}.panels-container.multi-panel-mode .panel.hidden-slot,.panels-container.multi-panel-mode .panel-slot-empty.hidden-slot{display:none!important}.panels-container.multi-panel-mode .panel.slot-focused{box-shadow:0 0 0 2px var(--accent-primary)}}@media print{.app-header,.mobile-bottom-bar,.panel-tabs-bar,.ribbon-container,.panel-header,.context-menu,.modal-backdrop,.toast-container,.mobile-action-bar{display:none!important}.app-main{overflow:visible;margin-bottom:0}.panels-container{display:block;padding:0}.panel{display:block!important;border:none;box-shadow:none;page-break-inside:avoid;margin-bottom:2em}.panel-content{overflow:visible;padding:0}.verse{page-break-inside:avoid;margin:0;padding:var(--space-1) 0}body{background:#fff;color:#000}.verse-number{color:#666}.verse-text{color:#000}}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-overlay: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--bg-modal: rgba(15, 23, 42, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-primary-active: #1e40af;--accent-light: rgba(37, 99, 235, .1);--border-subtle: rgba(0, 0, 0, .04);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .12)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media(prefers-contrast:high){:root{--border-default: var(--text-tertiary);--border-strong: var(--text-secondary)}.panel,.modal,.context-menu,.toast{border-width:2px}.verse-number{font-weight:var(--font-bold)}}