:root{--primary-color: #005d72;--primary-color-hover: #004a5a;--primary-color-light: #007a8c;--primary-rgb: 0, 93, 114;--secondary-color: #0891b2;--secondary-color-hover: #0e7490;--accent-color: #06b6d4;--accent-color-hover: #0891b2;--accent-rgb: 6, 182, 212;--background-color: #fefefe;--surface-color: #f8fafc;--surface-elevated: #ffffff;--surface-subtle: #f1f5f9;--paper-color: #faf9f7;--text-color: #2c2c2c;--text-muted-color: #64748b;--text-light: #94a3b8;--text-accent: #005d72;--border-color: #e2e8f0;--border-accent: #cbd5e1;--border-subtle: #f1f5f9;--error-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #06b6d4;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);--gradient-subtle: linear-gradient(135deg, var(--surface-color) 0%, var(--surface-elevated) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, #22d3ee 100%);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif-font: "Crimson Text", "Georgia", "Times New Roman", serif;--mono-font: "JetBrains Mono", "Monaco", "Menlo", monospace;--border-radius: 8px;--border-radius-sm: 6px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--section-spacing: 4rem;--content-width: 1200px;--container-padding: 2rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55)}[data-theme=dark]{--background-color: #0f172a;--surface-color: #1e293b;--surface-elevated: #334155;--surface-subtle: #1e293b;--paper-color: #1a202c;--text-color: #f1f5f9;--text-muted-color: #94a3b8;--text-light: #64748b;--text-accent: #cbd5e1;--border-color: #334155;--border-accent: #475569;--border-subtle: #1e293b;--primary-color: #007a8c;--primary-color-hover: #005d72;--primary-color-light: #009aab;--primary-rgb: 0, 122, 140;--secondary-color: #06b6d4;--secondary-color-hover: #0891b2;--accent-color: #22d3ee;--accent-color-hover: #06b6d4;--accent-rgb: 34, 211, 238;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);--gradient-subtle: linear-gradient(135deg, var(--surface-color) 0%, var(--surface-elevated) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, #67e8f9 100%);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--error-surface: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .2);--success-surface: rgba(5, 150, 105, .1);--success-border: rgba(5, 150, 105, .2);--warning-surface: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .2);--info-surface: rgba(6, 182, 212, .1);--info-border: rgba(6, 182, 212, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app-wrapper{height:100%;width:100%;overflow-x:hidden}.search-page{height:auto;overflow:visible}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}.main-content{width:100%;background:var(--background-color);min-height:calc(100vh - 80px);padding-top:0;display:flex;flex-direction:column}.main-content>.page{flex:1;display:flex;flex-direction:column}.page-container{flex:1;display:flex;flex-direction:column}.page-container{width:100%;max-width:var(--content-width);margin:0 auto;padding:2rem var(--container-padding);padding-top:calc(2rem + 80px)}.page-container-full{width:100%;padding:0}.container{width:100%;max-width:1100px;margin:0 auto;padding:2rem;background:var(--background-color);min-height:100vh}.page{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;line-height:1;min-height:44px;min-width:44px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);font-weight:600;border-radius:var(--border-radius);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.btn-accent:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-block{display:flex;width:100%}.btn-small{padding:8px 16px;font-size:.875rem;border-radius:var(--border-radius-sm)}.btn-large{padding:16px 32px;font-size:1.125rem;border-radius:var(--border-radius-lg);min-width:200px}.form-card{background:var(--gradient-subtle);padding:2.5rem;border-radius:var(--border-radius-xl);max-width:420px;width:100%;box-shadow:var(--shadow-2xl);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.form-card h2{margin-bottom:.75rem;text-align:center;color:var(--text-color);font-family:var(--serif-font);font-size:1.75rem;font-weight:600}.form-card p{margin-bottom:2rem;color:var(--text-muted-color);text-align:center;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-accent);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:14px 16px;border:2px solid var(--border-color);background:var(--surface-elevated);border-radius:var(--border-radius);color:var(--text-color);font-size:1rem;font-family:var(--font-family);transition:all var(--transition-normal);box-shadow:var(--shadow-inner)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #005d721a,var(--shadow-inner);background:var(--surface-elevated)}.form-group input::placeholder{color:var(--text-light)}.form-error{color:var(--error-color);background:linear-gradient(135deg,#dc26261a,#dc26260d);border:1px solid rgba(220,38,38,.2);padding:12px 16px;border-radius:var(--border-radius);margin-bottom:1.5rem;text-align:center;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-soft)}.form-hint{color:var(--text-muted-color);font-size:.875rem;margin-top:.5rem;font-style:italic;text-align:center}.form-success{color:var(--success-color);background:linear-gradient(135deg,#0596691a,#0596690d);border:1px solid rgba(5,150,105,.2);padding:12px 16px;border-radius:var(--border-radius);margin-bottom:1.5rem;text-align:center;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-soft)}.back-link{display:block;text-align:center;margin-top:1.5rem;color:var(--text-muted-color);text-decoration:none;font-weight:500;transition:color var(--transition-normal);font-size:.875rem}.back-link:hover{color:var(--primary-color)}.card{background:var(--gradient-subtle);padding:2rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-slow)}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.card h3{margin-bottom:.75rem;color:var(--text-color);font-family:var(--serif-font);font-size:1.25rem;font-weight:600}.card p{color:var(--text-muted-color);margin-bottom:1rem;line-height:1.6}.card a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all var(--transition-normal);position:relative}.card a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.card a:hover:after{width:100%}.card a:hover{color:var(--primary-color-hover)}.navbar{background:var(--surface-elevated);padding:0 var(--container-padding);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;height:80px;max-width:var(--content-width);margin:0 auto}body:has(.search-page-simple) .nav-container{max-width:none;padding:0 var(--container-padding)}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);font-family:var(--serif-font);text-decoration:none;transition:all var(--transition-normal)}.nav-logo:hover{color:var(--primary-color-hover);transform:scale(1.02)}.nav-links{list-style:none;display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-muted-color);text-decoration:none;font-weight:500;transition:all var(--transition-normal);padding:.75rem 1rem;border-radius:var(--border-radius);position:relative;overflow:hidden}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-links a:hover:before,.nav-links a.active:before{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--primary-color);background:#005d720d}.unified-navbar{background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:1000;width:100%}.unified-nav-container{display:flex;justify-content:space-between;align-items:center;height:80px;max-width:var(--content-width);margin:0 auto;padding:0 var(--container-padding)}body:has(.search-page-simple) .unified-nav-container{max-width:none}.unified-nav-brand{display:flex;align-items:center;flex-shrink:0}.unified-nav-logo{display:flex;align-items:center;text-decoration:none;transition:all var(--transition-normal);gap:.75rem}.unified-nav-logo:hover{transform:scale(1.02)}.nav-logo-image{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}[data-theme=dark] .nav-logo-image{filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-color);font-family:var(--serif-font);transition:color var(--transition-normal)}.unified-nav-logo:hover .nav-logo-text{color:var(--primary-color-hover)}.unified-nav-links{display:flex;gap:2rem;align-items:center}.unified-nav-links a{color:var(--text-muted-color);text-decoration:none;font-weight:500;transition:all var(--transition-normal);padding:.75rem 1rem;border-radius:var(--border-radius);position:relative;overflow:hidden}.unified-nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--gradient-primary);transition:width var(--transition-normal)}.unified-nav-links a:hover:before,.unified-nav-links a.active:before{width:100%}.unified-nav-links a:hover,.unified-nav-links a.active{color:var(--primary-color);background:#005d720d}.unified-nav-actions{display:flex;gap:1rem;align-items:center;flex-shrink:0}.auth-buttons{display:flex;align-items:center;gap:.5rem}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.unified-nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.75rem;margin-left:1rem;flex-shrink:0;border-radius:var(--border-radius);transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent}.unified-nav-mobile-toggle:hover{background:#005d721a}.unified-nav-mobile-toggle:active{transform:scale(.95)}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative;transition:all var(--transition-normal)}.hamburger span{display:block;width:100%;height:2px;background:var(--text-color);border-radius:1px;transition:all var(--transition-normal);position:absolute;transform-origin:center}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.unified-nav-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(-10px);opacity:0;visibility:hidden;transition:all var(--transition-normal);max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.unified-nav-mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible}.unified-nav-mobile-links{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.unified-nav-mobile-links a{color:var(--text-muted-color);text-decoration:none;font-weight:500;padding:1rem 1.5rem;border-radius:var(--border-radius);transition:all var(--transition-normal);position:relative;overflow:hidden;min-height:48px;display:flex;align-items:center;font-size:1rem;-webkit-tap-highlight-color:transparent}.unified-nav-mobile-links a:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#1e3a8a1a;transition:width var(--transition-normal)}.unified-nav-mobile-links a:hover:before,.unified-nav-mobile-links a.active:before{width:100%}.unified-nav-mobile-links a:hover,.unified-nav-mobile-links a.active{color:var(--primary-color);background:#005d720d}.unified-nav-mobile-actions{padding:1.5rem;border-top:1px solid var(--border-subtle);background:var(--surface-subtle)}.unified-nav-mobile-actions .btn{min-height:48px;font-size:1rem;padding:.75rem 1.5rem}.unified-nav-mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton-container{display:flex;flex-direction:column;gap:.75rem}.skeleton-line{background:linear-gradient(90deg,var(--surface-color) 25%,var(--surface-elevated) 50%,var(--surface-color) 75%);border-radius:var(--border-radius-sm);position:relative;overflow:hidden}.skeleton-line.animate{animation:shimmer 2s infinite}.skeleton-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.skeleton-content{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.spinner{border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.spinner.small{width:16px;height:16px;border-width:2px}.spinner.medium{width:24px;height:24px;border-width:2px}.spinner.large{width:32px;height:32px;border-width:3px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=dark] .loading-overlay{background:#0f172ae6}.loading-overlay.transparent{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.loading-message{color:var(--text-muted-color);font-weight:500;font-size:.875rem}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-message{color:var(--text-muted-color);font-size:.875rem;font-weight:500;margin:0}.progress-bar{width:100%;height:8px;background:var(--surface-color);border-radius:var(--border-radius-sm);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--border-radius-sm);transition:width var(--transition-normal);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-text{align-self:flex-end;font-size:.75rem;color:var(--text-muted-color);font-weight:600}.error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;gap:1rem}.error-icon{color:var(--error-color);margin-bottom:.5rem}.error-title{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:var(--text-color);margin:0}.error-message{color:var(--text-muted-color);line-height:1.6;max-width:400px;margin:0}.error-state .btn{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:1rem}.empty-icon{color:var(--text-light);margin-bottom:.5rem}.empty-title{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:var(--text-color);margin:0}.empty-message{color:var(--text-muted-color);line-height:1.6;max-width:400px;margin:0}.empty-state .btn{margin-top:.5rem}.success-page{position:relative;min-height:calc(100vh - 80px);background:var(--background-color);display:flex;flex-direction:column}.success-page-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(5,150,105,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,93,114,.04) 0%,transparent 50%);pointer-events:none}.success-grid-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(5,150,105,.02) 50%,transparent 52%),repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(5,150,105,.015) 100px);pointer-events:none}.success-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);gap:3rem;position:relative;z-index:1;text-align:center}.success-header{max-width:600px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-icon{color:var(--success-color);background:#0596691a;padding:1.5rem;border-radius:50%;border:2px solid rgba(5,150,105,.2)}.success-header h1{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0;background:linear-gradient(135deg,var(--text-color) 0%,var(--success-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-header p{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6;margin:0}.success-details{display:flex;flex-direction:column;gap:2rem;max-width:800px;width:100%}.success-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.success-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.success-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--border-radius-lg);color:#fff;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.success-card h3{font-family:var(--serif-font);font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.success-card p{color:var(--text-muted-color);line-height:1.6;margin:0}.success-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);transition:all var(--transition-normal)}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--success-color)}.feature-item svg{color:var(--success-color);flex-shrink:0}.feature-item span{font-weight:500;color:var(--text-color);line-height:1.4}.success-actions{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.success-actions .btn-large{min-width:280px}.secondary-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.secondary-actions .btn{display:inline-flex;align-items:center;gap:.5rem;min-width:160px}@media (max-width: 768px){.success-content{gap:2rem;padding:2rem 0}.success-header h1{font-size:2rem}.success-features{grid-template-columns:1fr}.secondary-actions{flex-direction:column;width:100%}.secondary-actions .btn{width:100%;justify-content:center}.success-actions .btn-large{min-width:auto;width:100%}}@media (max-width: 480px){.success-card{padding:2rem 1.5rem}.feature-item{padding:1rem}.success-header h1{font-size:1.75rem}}.about-page{position:relative;min-height:calc(100vh - 80px);background:var(--background-color);display:flex;flex-direction:column}.about-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(var(--primary-rgb),.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--accent-rgb),.02) 0%,transparent 50%);pointer-events:none;z-index:0}.about-section{position:relative;padding:3rem 0;background:var(--background-color);z-index:1}.about-section:not(:last-child){border-bottom:1px solid var(--border-subtle);margin-bottom:1rem}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);opacity:.3}.about-section .section-header{margin-bottom:2rem;text-align:center;position:relative}.about-section .section-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;position:relative}.about-section .section-header h2{font-size:2.2rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;position:relative}.about-section .mission-content{max-width:900px;margin:0 auto;text-align:center;position:relative}.about-section .mission-quote{font-family:var(--serif-font);font-size:2.2rem;font-style:italic;color:var(--text-color);margin:0 0 1.5rem;line-height:1.4;position:relative;padding:0 1rem;quotes:none}.about-section .mission-attribution{font-size:1.125rem;color:var(--text-muted-color);margin:0;font-weight:500}.about-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.about-section .info-item{position:relative;padding:2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.about-section .info-item:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-section .info-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.about-section .info-item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-subtle);border-radius:12px;color:var(--primary-color);flex-shrink:0;transition:all var(--transition-normal)}.about-section .info-item:hover .info-item-icon{background:var(--primary-color);color:#fff;transform:scale(1.05)}.about-section .info-item h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0;position:relative;transition:color var(--transition-normal)}.about-section .info-item:hover h3{color:var(--primary-color)}.about-section .info-item p{color:var(--text-muted-color);line-height:1.6;margin-bottom:1rem;transition:color var(--transition-normal);flex:1}.about-section .info-item:hover p{color:var(--text-color)}.about-section .info-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:auto}.about-section .warning-content{max-width:600px;margin:0 auto}.about-section .warning-box{padding:2rem;background:var(--surface-subtle);border-left:4px solid var(--warning-color);border-radius:var(--border-radius)}.about-section .warning-box h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.about-section .warning-box p{color:var(--text-muted-color);line-height:1.6;margin:0}.about-section .help-content{text-align:center;max-width:600px;margin:0 auto;position:relative}.about-section .help-content p{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6;margin-bottom:2.5rem;position:relative;z-index:1}.about-section .help-actions{display:flex;justify-content:center;gap:1.5rem;position:relative;z-index:1}.about-section .mission-historical-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1200px;margin:0 auto}.about-section .mission-content{display:flex;flex-direction:column;justify-content:center;height:100%}.about-section .historical-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.about-section .historical-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.about-section .historical-description{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6;margin-bottom:2rem}.about-section .historical-image-container{display:flex;justify-content:center;margin:2rem 0}.about-section .historical-page-image{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform var(--transition-normal)}.about-section .historical-page-image:hover{transform:scale(1.02)}@media (max-width: 1024px){.about-section .mission-historical-grid{grid-template-columns:1fr;gap:3rem}.about-section .mission-content{text-align:center}.about-section .historical-content{max-width:600px;margin:0 auto}}@media (max-width: 768px){.about-section .mission-historical-grid{gap:2rem}.about-section .historical-content{max-width:100%}}.about-page a,.about-page button,.about-page .btn,.about-page .btn:hover{text-decoration:none!important}.about-page .btn:focus{text-decoration:none!important}.about-hero{display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:center;padding:4rem var(--container-padding);max-width:var(--content-width);margin:0 auto}.about-hero-content h1{font-family:var(--serif-font);font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;line-height:1.1}.about-hero-subtitle{font-size:1.25rem;color:var(--text-muted-color);line-height:1.6;margin:0}.about-hero-visual{display:flex;justify-content:center;align-items:center}.hero-magazine{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-xl);transition:transform .3s ease}.hero-magazine:hover{transform:translateY(-8px)}.about-mission{background:var(--surface-elevated);padding:4rem var(--container-padding);margin:2rem 0}.mission-content{max-width:var(--content-width);margin:0 auto;text-align:center}.mission-quote{font-family:var(--serif-font);font-size:1.5rem;font-style:italic;color:var(--text-color);margin:0 0 1rem;position:relative;padding:0 2rem}.mission-attribution{font-size:1rem;color:var(--text-muted-color);margin:0}.about-info{padding:4rem var(--container-padding);max-width:var(--content-width);margin:0 auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.info-card{background:var(--surface-elevated);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.info-card h3{font-family:var(--serif-font);font-size:1.25rem;font-weight:600;color:var(--primary-color);margin:0 0 1rem}.info-card p{color:var(--text-color);line-height:1.6;margin:0}.about-purpose{background:var(--surface-elevated);padding:4rem var(--container-padding);margin:2rem 0}.about-purpose h2{font-family:var(--serif-font);font-size:2.25rem;font-weight:600;color:var(--text-color);text-align:center;margin:0 0 2rem}.purpose-content{max-width:800px;margin:0 auto;text-align:center}.purpose-content p{font-size:1.125rem;color:var(--text-color);line-height:1.7;margin:0}.about-contact{padding:4rem var(--container-padding);max-width:var(--content-width);margin:0 auto;text-align:center}.about-contact h2{font-family:var(--serif-font);font-size:2.25rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.about-contact p{font-size:1.125rem;color:var(--text-muted-color);margin:0 0 2rem}.contact-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;padding:1rem 2rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .3s ease}.contact-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.about-hero{grid-template-columns:1fr;gap:2rem;text-align:center}.about-hero-content h1{font-size:2.5rem}}@media (max-width: 768px){.about-hero{padding:2rem var(--container-padding)}.about-hero-content h1{font-size:2rem}.about-hero-subtitle{font-size:1.125rem}.mission-quote{font-size:1.25rem;padding:0 1rem}.info-grid{grid-template-columns:1fr}.about-purpose h2,.about-contact h2{font-size:1.75rem}}@media (max-width: 480px){.about-hero-content h1{font-size:1.75rem}.mission-quote{font-size:1.125rem}.info-card{padding:1.5rem}}@media (max-width: 768px){.about-section{padding:2.5rem 0}.about-section .section-header h2{font-size:1.75rem}.about-section .mission-quote{font-size:1.5rem;padding:0 1rem}.about-section .info-grid{grid-template-columns:1fr;gap:1.25rem}.about-section .info-item{padding:1.25rem}.about-section .info-actions{flex-direction:column}.about-section .help-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.about-section{padding:2rem 0}.about-section .section-header h2{font-size:1.5rem}.about-section .mission-quote{font-size:1.25rem}.about-section .info-item{padding:1rem}.about-section .warning-box{padding:1.25rem}}.history-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--border-radius-lg);color:#fff;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.history-card h3{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.history-card p{color:var(--text-muted-color);line-height:1.6;margin:0}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.mission-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);transition:all var(--transition-slow);text-align:center;position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.mission-card:hover:before{left:100%}.mission-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--primary-color)}.mission-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;color:#fff;margin:0 auto 1.5rem;box-shadow:var(--shadow-lg)}.mission-card h3{font-family:var(--serif-font);font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.mission-card p{color:var(--text-muted-color);line-height:1.6;margin:0}.stats-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.stat-item-large{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-slow);position:relative;overflow:hidden}.stat-item-large:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-slow)}.stat-item-large:hover:before{transform:scaleX(1)}.stat-item-large:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.stat-item-large .stat-number{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:.5rem;display:block}.stat-item-large .stat-label{color:var(--text-muted-color);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.technology-content{max-width:1000px;margin:0 auto}.tech-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.tech-feature{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:2rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.tech-feature:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-primary);transform:scaleY(0);transition:transform var(--transition-normal)}.tech-feature:hover:before{transform:scaleY(1)}.tech-feature:hover{transform:translate(5px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.tech-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--border-radius);color:#fff;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.tech-feature h4{font-family:var(--serif-font);font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.tech-feature p{color:var(--text-muted-color);line-height:1.5;margin:0;font-size:.875rem}.contact-cta{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);padding:3rem;text-align:center;box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto;position:relative;overflow:hidden}.contact-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.contact-cta h2{font-family:var(--serif-font);font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.contact-cta p{color:var(--text-muted-color);line-height:1.6;margin:0 0 2rem}.contact-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-actions .btn{display:inline-flex;align-items:center;gap:.5rem;min-width:160px}.heritage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.heritage-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.heritage-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-primary);transform:scaleY(0);transition:transform var(--transition-normal)}.heritage-card:hover:before{transform:scaleY(1)}.heritage-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.heritage-content h3{font-family:var(--serif-font);font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 1rem}.heritage-content p{color:var(--text-muted-color);line-height:1.6;margin:0}.heritage-content strong{color:var(--primary-color);font-weight:600}.mission-statement{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);padding:2.5rem;margin-top:2rem;box-shadow:var(--shadow-md);position:relative}.mission-statement:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.mission-content{text-align:center;max-width:800px;margin:0 auto}.mission-quote{font-family:var(--serif-font);font-size:1.5rem;font-style:italic;color:var(--primary-color);margin:0 0 2rem;line-height:1.4;position:relative;padding:0 2rem}.mission-details{color:var(--text-muted-color);line-height:1.6}.mission-details strong{color:var(--text-color);font-weight:600}@media (max-width: 768px){.heritage-grid{grid-template-columns:1fr;gap:1.5rem}.heritage-card{padding:1.5rem}.mission-statement{padding:2rem}.mission-quote{font-size:1.25rem;padding:0 1.5rem}}@media (max-width: 1024px){.about-hero-section{padding:3rem var(--container-padding) 4rem}.about-section{padding:3rem var(--container-padding)}.about-hero{grid-template-columns:1fr;gap:3rem;text-align:center}.about-hero-content h1{font-size:2.5rem}.magazine-showcase-large{max-width:250px;margin:0 auto}}@media (max-width: 768px){.about-hero-section{padding:2rem var(--container-padding) 3rem}.about-section{padding:2rem var(--container-padding)}.about-hero-content h1{font-size:2rem}.section-header h2{font-size:1.875rem}.history-text,.mission-grid{grid-template-columns:1fr}.stats-showcase{grid-template-columns:repeat(2,1fr)}.tech-features{grid-template-columns:1fr}.contact-actions{flex-direction:column;align-items:center}.contact-actions .btn{width:100%;max-width:280px}}@media (max-width: 480px){.about-hero-section{padding:1.5rem var(--container-padding) 2rem}.about-section{padding:1.5rem var(--container-padding)}.about-hero-content h1{font-size:1.75rem}.history-card,.mission-card,.contact-cta{padding:2rem 1.5rem}.stats-showcase{grid-template-columns:1fr}.stat-item-large{padding:2rem 1.5rem}}@media (max-width: 1024px){.nav-logo-text{display:none}.unified-nav-container{padding:0 1.5rem}.unified-nav-links{gap:1.5rem}.unified-nav-links a{padding:.5rem .75rem}}@media (max-width: 768px){html,body{margin:0;padding:0;overflow-x:hidden}.unified-nav-links,.unified-nav-actions{display:none}.unified-nav-mobile-toggle,.unified-nav-mobile-menu{display:block}.unified-nav-container{padding:0 1rem;position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);height:80px;display:flex;align-items:center;margin:0}.nav-logo-image{height:32px}}@media (max-width: 480px){.unified-nav-container{height:70px}.nav-logo-image{height:28px}.unified-nav-mobile-links a{padding:.75rem}}.account-page{position:relative;min-height:calc(100vh - 80px);background:var(--background-color);display:flex;flex-direction:column}.account-page-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,93,114,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(6,182,212,.03) 0%,transparent 50%);pointer-events:none}.account-grid-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,93,114,.02) 50%,transparent 52%),repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(0,93,114,.015) 100px);pointer-events:none}.account-header{padding:3rem 0 2rem;text-align:center;position:relative;z-index:1}.account-header-content h1{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-header-content p{font-size:1.125rem;color:var(--text-muted-color);max-width:600px;margin:0 auto;line-height:1.6}.account-tabs{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.account-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:0;color:var(--text-muted-color);font-weight:500;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.account-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,93,114,.1),transparent);transition:left .5s}.account-tab:hover:before{left:100%}.account-tab:hover{background:var(--surface-elevated);border-color:var(--border-accent);color:var(--text-color)}.account-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.account-tab.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.account-content{padding:2rem 0;position:relative;z-index:1}.account-sections{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.account-section{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:0;overflow:hidden;transition:all var(--transition-normal);position:relative}.account-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.account-section:hover:before{transform:scaleX(1)}.account-section:hover{border-color:var(--border-accent);box-shadow:0 4px 12px #0000001a}.section-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:1rem;background:var(--surface-elevated)}.section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-primary);border-radius:0;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.section-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.section-header:hover .section-icon:before{left:100%}.section-header h3{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:var(--text-color);margin:0}.section-content{padding:2rem}.profile-info{display:flex;flex-direction:column;gap:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--text-muted-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.info-value{font-weight:600;color:var(--text-color)}.role-badge{padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.user{background:#3b82f61a;color:var(--primary-color);border:1px solid rgba(59,130,246,.2)}.role-badge.admin{background:#06b6d41a;color:var(--accent-color);border:1px solid rgba(6,182,212,.2)}.subscription-details{display:flex;flex-direction:column;gap:1.5rem}.subscription-status{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.subscription-badge{padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subscription-badge.active{background:#0596691a;color:var(--success-color);border:1px solid rgba(5,150,105,.2)}.subscription-badge.inactive{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.type-badge{padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;background:var(--surface-subtle);color:var(--text-muted-color);border:1px solid var(--border-color)}.billing-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-subtle);border-radius:var(--border-radius);border:1px solid var(--border-color)}.subscription-explanation{margin-bottom:1.5rem;padding:1.5rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:0}.subscription-explanation h4{font-family:var(--serif-font);font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0 0 .75rem}.subscription-explanation p{color:var(--text-muted-color);line-height:1.6;margin:0}.subscription-actions{display:flex;flex-direction:column;gap:1rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-buttons .btn{flex:1;min-width:200px}.access-granted{display:flex;align-items:center;gap:.5rem;color:var(--success-color);font-weight:500}.access-granted svg{color:var(--success-color)}.no-subscription{text-align:center;padding:2rem 0}.no-subscription p{color:var(--text-muted-color);margin-bottom:1.5rem}.loading-state{text-align:center;padding:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-state{text-align:center;padding:2rem 0;color:var(--error-color)}@media (max-width: 768px){.account-sections{gap:1.5rem;padding:0 1rem}.section-header{padding:1.5rem 1.5rem 1rem}.section-content{padding:1.5rem}.account-header-content h1{font-size:2rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.subscription-status{flex-direction:column;align-items:flex-start;gap:.75rem}.billing-info{flex-direction:column;align-items:flex-start;gap:.5rem}.action-buttons{flex-direction:column}.action-buttons .btn{min-width:auto}}@media (max-width: 480px){.account-sections{gap:1rem}.section-header{padding:1rem 1rem .5rem}.section-content{padding:1rem}.account-header-content h1{font-size:1.75rem}}.sign-in-page{min-height:calc(100vh - 80px);background:var(--background-color);position:relative;overflow:hidden}.sign-in-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(0,93,114,.06) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(6,182,212,.04) 0%,transparent 60%),linear-gradient(135deg,#f8fafccc,#f1f5f9e6);pointer-events:none}.sign-in-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.02) 50%,transparent 52%),repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(0,93,114,.02) 100px);pointer-events:none}.sign-in-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);gap:3rem;position:relative;z-index:1}.sign-in-header{text-align:center;max-width:600px}.sign-in-header h1{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sign-in-header p{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6}.sign-in-content .form-card{margin:0;width:100%;max-width:420px}@media (max-width: 768px){.sign-in-content{gap:2rem;padding:2rem 0}.sign-in-header h1{font-size:2rem}}.welcome-page{min-height:calc(100vh - 80px);background:var(--background-color);position:relative;overflow-x:hidden;display:flex;flex-direction:column}.welcome-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,93,114,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.06) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(8,145,178,.04) 0%,transparent 50%);pointer-events:none}.welcome-container{max-width:var(--content-width);margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.welcome-hero{text-align:center;padding:6rem 0 4rem;max-width:900px;margin:0 auto}.welcome-hero h1{font-family:var(--serif-font);font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-color) 0%,var(--primary-color) 40%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.welcome-hero h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:2px}.welcome-hero .subtitle{font-size:1.375rem;color:var(--text-muted-color);margin-bottom:2.5rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400}.welcome-cta{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.features-section{padding:4rem 0;background:var(--surface-subtle);margin:4rem calc(-50vw + 50%) 0 calc(-50vw + 50%);width:100vw;position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.05) 50%,transparent 52%),radial-gradient(circle at 70% 30%,rgba(0,93,114,.03) 0%,transparent 50%);pointer-events:none}.features-container{max-width:var(--content-width);margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1}.features-title{text-align:center;margin-bottom:3.5rem}.features-title h2{font-family:var(--serif-font);font-size:2.75rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;position:relative}.features-title h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-accent);border-radius:2px}.features-title p{font-size:1.125rem;color:var(--text-muted-color);max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);transition:all var(--transition-slow);text-align:center;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--primary-color)}.feature-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:1.5rem;transition:all var(--transition-slow);box-shadow:var(--shadow-md)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);background:var(--gradient-accent);box-shadow:var(--shadow-lg)}.feature-card h3{font-family:var(--serif-font);font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.feature-card p{color:var(--text-muted-color);line-height:1.6;margin-bottom:1.5rem}.feature-card a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all var(--transition-normal);position:relative}.feature-card a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.feature-card a:hover:after{width:100%}.feature-card a:hover{color:var(--primary-color-hover)}.feature-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:600;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;background:#005d721a;border-radius:var(--border-radius);transition:all var(--transition-normal);border:1px solid rgba(0,93,114,.2)}.feature-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.showcase-section{padding:3rem 0;text-align:center}.showcase-grid{display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:center;max-width:900px;margin:0 auto}.showcase-content h2{font-family:var(--serif-font);font-size:2.2rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-align:left}.showcase-content p{font-size:1.1rem;color:var(--text-muted-color);line-height:1.6;margin-bottom:2rem;text-align:left}.pricing-info{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-soft);text-align:left}.pricing-title{font-weight:700;color:var(--text-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-family:var(--serif-font);font-size:1.2rem}.pricing-title:before{content:"";background-image:url(/icon-dollar.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:24px;height:24px;color:var(--primary-color)}.pricing-options{display:flex;flex-direction:column;gap:1rem}.pricing-option{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden}.pricing-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.05),transparent);transition:left .5s ease}.pricing-option:hover:before{left:100%}.pricing-option:hover{transform:translate(5px);border-color:var(--primary-color);box-shadow:var(--shadow-md);background:var(--surface-elevated)}.pricing-option.highlight{background:#05966914;border-color:var(--success-color);border-width:2px}.pricing-option.highlight:hover{transform:translate(5px) scale(1.02)}.pricing-label{font-weight:600;color:var(--text-color)}.pricing-price{font-weight:700;color:var(--primary-color);font-family:var(--serif-font)}.pricing-price.free{color:var(--success-color)}.magazine-showcase{background:var(--surface-elevated);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);position:relative;overflow:hidden;perspective:1000px}.magazine-showcase:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.magazine-image-container{position:relative;display:inline-block;transform-style:preserve-3d;transition:transform var(--transition-slow)}.magazine-image{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);transition:all var(--transition-slow);border:1px solid var(--border-color);transform:rotateY(0)}.magazine-image-container:hover{transform:rotateY(-5deg) rotateX(2deg) translateZ(20px)}.magazine-image-container:hover .magazine-image{box-shadow:var(--shadow-xl),-15px 0 20px #0000001a,-30px 0 40px #0000000d}.magazine-image-container:after{content:"";position:absolute;top:0;left:-8px;width:8px;height:100%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--primary-color) 100%);border-radius:0 0 0 var(--border-radius);opacity:0;transition:opacity var(--transition-slow);z-index:-1}.magazine-image-container:hover:after{opacity:.8}.magazine-title h3{font-family:var(--serif-font);font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.magazine-title p{color:var(--text-muted-color);font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.stats-section{padding:3rem 0;background:var(--surface-color);margin:0 calc(-50vw + 50%);width:100vw;position:relative}.stats-container{max-width:var(--content-width);margin:0 auto;padding:0 2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{text-align:center;background:var(--surface-elevated);padding:2.5rem 2rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);transition:all var(--transition-slow);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-slow)}.stat-item:hover:before{transform:scaleX(1)}.stat-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.stat-number{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:.5rem;counter-reset:number}.stat-number.animate{animation:countUp 2s ease-out forwards}@keyframes countUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-label{color:var(--text-muted-color);font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.showcase-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.showcase-content h2,.showcase-content p{text-align:center}.welcome-header{padding:1.5rem 2rem}}@media (max-width: 768px){.welcome-hero h1{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.welcome-header{position:relative;padding:1.5rem 1rem}.welcome-header-content{flex-direction:column;gap:1rem;text-align:center}.welcome-auth-buttons{flex-direction:row;justify-content:center;width:auto}.welcome-cta{flex-direction:column;align-items:center}.btn-large{min-width:auto;width:100%;max-width:300px}.welcome-container{padding:0 1rem}.features-section,.stats-section,.footer{padding-left:1rem;padding-right:1rem}.footer-content{grid-template-columns:1fr;text-align:center}.grid-lines{background-size:30px 30px}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(30px,30px)}}}@media (max-width: 640px){.pricing-option{flex-direction:column;gap:.5rem;text-align:center}.heritage-note{margin:2rem 1rem}.grid-lines{background-size:25px 25px}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(25px,25px)}}}.theme-toggle{position:relative;background:var(--surface-color);border:1px solid var(--border-color);border-radius:50px;padding:4px;width:60px;height:32px;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;overflow:hidden}.theme-toggle:hover{border-color:var(--primary-color);box-shadow:var(--shadow-soft)}.theme-toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--primary-color);border-radius:50%;transition:transform var(--transition-normal);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);z-index:2}[data-theme=dark] .theme-toggle-slider{transform:translate(28px)}.theme-icon{width:12px;height:12px;color:#fff}.theme-toggle-icons{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:1}.theme-toggle-icon{width:14px;height:14px;color:var(--text-muted-color);transition:opacity var(--transition-fast)}.theme-toggle-icon.sun,.theme-toggle-icon.moon{opacity:1}[data-theme=dark] .theme-toggle-icon.sun{opacity:.3}[data-theme=dark] .theme-toggle-icon.moon{opacity:1}:not([data-theme=dark]) .theme-toggle-icon.sun{opacity:1}:not([data-theme=dark]) .theme-toggle-icon.moon{opacity:.3}.search-page-simple{position:fixed;top:80px;left:0;right:0;bottom:0;display:flex;background:var(--background-color);width:100vw;height:calc(100vh - 80px);margin:0;padding:0;z-index:1}body:has(.search-page-simple) .site-footer{display:none}.search-page-simple *{box-sizing:border-box}.search-sidebar{width:340px;min-width:340px;background:var(--surface-elevated);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.search-sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--gradient-primary);opacity:.3}.sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--gradient-subtle);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:2px;background:var(--gradient-primary)}.sidebar-header h1{font-family:var(--serif-font);font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0 0 .75rem;line-height:1.2}.sidebar-header p{color:var(--text-muted-color);font-size:.875rem;margin:0;line-height:1.5;font-weight:500}.search-sidebar-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding-bottom:2rem}.search-form{padding:1.5rem;background:var(--surface-subtle);border-bottom:1px solid var(--border-subtle)}.search-input-group{position:relative;display:flex;gap:.75rem;margin-bottom:1rem}.search-input-simple{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-elevated);color:var(--text-color);font-size:.875rem;font-family:var(--font-family);transition:all var(--transition-normal);box-shadow:var(--shadow-inner)}.search-input-simple:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #005d721a,var(--shadow-inner);background:var(--surface-elevated)}.search-input-simple::placeholder{color:var(--text-light);font-style:italic}.search-button-simple{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius);padding:12px 20px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;min-width:120px;justify-content:center}.search-button-simple:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.search-button-simple:hover:before{left:100%}.search-button-simple:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.search-button-simple:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.search-results{background:var(--background-color)}.search-status,.search-error,.no-results,.search-tips{padding:2rem 1.5rem;text-align:center;color:var(--text-muted-color);font-size:.875rem}.search-status{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--surface-subtle);margin:1rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.spinner-small{width:24px;height:24px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.search-error{color:var(--error-color);background:linear-gradient(135deg,#dc26261a,#dc26260d);border:1px solid rgba(220,38,38,.2);border-radius:var(--border-radius-lg);margin:1rem;padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.search-error .error-icon{flex-shrink:0;color:var(--error-color);opacity:.8;margin-top:.125rem}.search-error .error-content{flex:1}.search-error .error-content p{margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.search-error .retry-button{background:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:.5rem 1rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);min-height:36px}.search-error .retry-button:hover{background:color-mix(in srgb,var(--error-color) 85%,black);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.no-results{background:var(--surface-subtle);border-radius:var(--border-radius-lg);margin:1rem;border:1px solid var(--border-subtle)}.retry-button{background:var(--gradient-secondary);color:#fff;border:none;border-radius:var(--border-radius);padding:8px 16px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-top:1rem}.results-list{padding:0}.results-header{padding:1rem 1.5rem;background:var(--surface-subtle);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.results-header h3{font-family:var(--serif-font);font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.active-filter-indicator{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:.5rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;box-shadow:var(--shadow-sm)}.active-filter-indicator svg{flex-shrink:0}.remove-filter-button{background:#fff3;color:#fff;border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:background-color var(--transition-fast)}.remove-filter-button:hover{background:#ffffff4d}.result-card{padding:1.25rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-normal);position:relative;background:var(--surface-elevated);margin:.5rem;border-radius:var(--border-radius);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft)}.result-card:before{content:"";position:relative;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);will-change:transform;contain:layout style paint}.result-card:hover:before{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.result-card:hover{background:var(--surface-color);transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.result-card.selected{background:#005d7214;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.result-card.selected:before{width:4px}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.result-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-color);line-height:1.3;font-family:var(--serif-font)}.result-page{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted-color);background:var(--surface-subtle);padding:.25rem .75rem;border-radius:var(--border-radius);white-space:nowrap;border:1px solid var(--border-color);font-weight:600}.result-text{color:var(--text-color);font-size:.875rem;line-height:1.5;margin:0 0 .75rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.result-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.result-score{color:var(--text-light);font-weight:500;background:var(--surface-subtle);padding:.25rem .5rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.load-more-container{padding:1rem;text-align:center;border-top:1px solid var(--border-color);margin-top:.5rem}.load-more-button{background:var(--surface-color);border:2px solid var(--primary-color);color:var(--primary-color);padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:.9rem;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;justify-content:center;min-height:44px;margin:0 auto}.load-more-button:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.load-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.search-tips{padding:1.5rem}.search-tips h3{font-size:1rem;color:var(--text-color);margin:0 0 1rem}.search-tips ul{text-align:left;color:var(--text-muted-color);font-size:.85rem;line-height:1.5;padding-left:1rem}.search-tips li{margin-bottom:.5rem}.search-actions{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap;padding:0 1.5rem}.search-action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease;font-weight:500}.search-action-button:hover{background:var(--surface-elevated);border-color:var(--border-hover-color);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.search-action-button:active{transform:translateY(0)}.search-action-button svg{width:16px;height:16px}.save-search-button{background:var(--gradient-primary);color:#fff;border:none}.save-search-button:hover{background:var(--gradient-primary);filter:brightness(1.1)}.search-history-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);margin:1rem 1.5rem;max-height:400px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-soft)}.search-history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--surface-elevated)}.search-history-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.clear-history-button{background:transparent;color:var(--text-muted-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.25rem .75rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500}.clear-history-button:hover{background:var(--surface-elevated);color:var(--text-color);border-color:var(--error-color)}.search-history-list{overflow-y:auto;max-height:300px}.search-history-item{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color .2s ease}.search-history-item:hover{background:var(--surface-elevated)}.search-history-item:last-child{border-bottom:none}.history-item-content{flex:1;min-width:0}.history-query{font-weight:500;color:var(--text-color);margin-bottom:.25rem;word-break:break-word}.history-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-muted-color);flex-wrap:wrap}.history-time{color:var(--text-muted-color)}.history-results{color:var(--primary-color);font-weight:500}.history-filter{background:var(--surface-elevated);padding:.125rem .375rem;border-radius:var(--border-radius-sm);font-size:.6875rem;font-weight:500;color:var(--text-color);border:1px solid var(--border-color)}.remove-history-button{background:transparent;color:var(--text-muted-color);border:none;padding:.25rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;margin-left:.5rem}.remove-history-button:hover{background:var(--surface-elevated);color:var(--error-color)}.saved-searches-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);margin:1rem 1.5rem;max-height:400px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-soft)}.saved-searches-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--surface-elevated)}.saved-searches-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.saved-searches-list{overflow-y:auto;max-height:300px}.saved-search-item{display:flex;align-items:flex-start;padding:1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color .2s ease}.saved-search-item:hover{background:var(--surface-elevated)}.saved-search-item:last-child{border-bottom:none}.saved-search-content{flex:1;min-width:0}.saved-search-name{font-weight:600;color:var(--text-color);margin-bottom:.25rem;word-break:break-word}.saved-search-query{font-size:.875rem;color:var(--text-muted-color);margin-bottom:.25rem;word-break:break-word}.saved-search-description{font-size:.8125rem;color:var(--text-muted-color);margin-bottom:.5rem;font-style:italic}.saved-search-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-muted-color);flex-wrap:wrap}.saved-search-time{color:var(--text-muted-color)}.saved-search-filter{background:var(--surface-elevated);padding:.125rem .375rem;border-radius:var(--border-radius-sm);font-size:.6875rem;font-weight:500;color:var(--text-color);border:1px solid var(--border-color)}.delete-saved-search-button{background:transparent;color:var(--text-muted-color);border:none;padding:.25rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;margin-left:.5rem;margin-top:.125rem}.delete-saved-search-button:hover{background:var(--surface-elevated);color:var(--error-color)}.save-search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.save-search-modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.save-search-modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.save-search-form{display:flex;flex-direction:column;gap:1rem}.save-search-input,.save-search-textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);color:var(--text-color);font-family:var(--font-family);font-size:1rem;transition:all .2s ease}.save-search-input:focus,.save-search-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005d7233}.save-search-textarea{resize:vertical;min-height:80px}.save-search-info{background:var(--surface-elevated);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-color)}.save-search-info strong{color:var(--text-color)}.save-search-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.save-search-cancel,.save-search-submit{padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9375rem;cursor:pointer;transition:all .2s ease;font-weight:500}.save-search-cancel{background:transparent;color:var(--text-color)}.save-search-cancel:hover{background:var(--surface-elevated)}.save-search-submit{background:var(--gradient-primary);color:#fff;border:none}.save-search-submit:hover:not(:disabled){filter:brightness(1.1)}.save-search-submit:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:2rem;color:var(--text-muted-color);font-style:italic}.reading-progress-container{margin:1rem 1.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);overflow:hidden}.reading-progress-panel{display:flex;flex-direction:column;max-height:600px;overflow:hidden}.reading-progress-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--surface-elevated)}.reading-progress-header h2{margin:0 0 1rem;font-size:1.375rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.reading-progress-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tab-button{padding:.5rem 1rem;background:transparent;color:var(--text-muted-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.tab-button:hover{background:var(--surface-elevated);color:var(--text-color)}.tab-button.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-color)}.reading-progress-content{flex:1;overflow-y:auto;padding:1rem}.reading-session-item{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:all .2s ease;position:relative}.reading-session-item:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.reading-session-item.in-progress{border-left:4px solid var(--primary-color)}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.session-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.continue-badge{background:var(--gradient-primary);color:#fff;padding:.25rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.delete-session-button{background:transparent;color:var(--text-muted-color);border:none;padding:.25rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.delete-session-button:hover{background:var(--surface-elevated);color:var(--error-color)}.session-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;font-weight:600;color:var(--text-color);min-width:50px}.session-meta{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-muted-color);flex-wrap:wrap}.session-page,.session-time,.session-date{display:flex;align-items:center;gap:.25rem}.completion-badge{display:flex;align-items:center;gap:.5rem;background:var(--success-color);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;margin-top:1rem}.bookmark-item{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:all .2s ease}.bookmark-item:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.bookmark-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.bookmark-color{width:4px;height:40px;border-radius:2px;flex-shrink:0}.bookmark-header h4{flex:1;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.delete-bookmark-button{background:transparent;color:var(--text-muted-color);border:none;padding:.25rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.delete-bookmark-button:hover{background:var(--surface-elevated);color:var(--error-color)}.bookmark-description{font-size:.9375rem;color:var(--text-color);margin-bottom:.75rem;line-height:1.5}.bookmark-content{font-size:.875rem;color:var(--text-muted-color);margin-bottom:1rem;line-height:1.5;font-style:italic}.bookmark-meta{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-muted-color);flex-wrap:wrap;margin-bottom:.75rem}.bookmark-tags{display:flex;gap:.5rem;flex-wrap:wrap}.bookmark-tag{background:var(--surface-elevated);color:var(--text-color);padding:.25rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.reading-statistics{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:all .2s ease}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--border-radius);color:#fff;margin:0 auto 1rem}.stat-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-color)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0;font-family:var(--serif-font)}.last-activity{text-align:center;padding:1rem;background:var(--surface-elevated);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-muted-color)}.reading-progress-compact{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin:1rem 1.5rem}.reading-progress-compact .reading-progress-header h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.progress-sessions-list{display:flex;flex-direction:column;gap:.75rem}.progress-session-item.compact{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:1rem;cursor:pointer;transition:all .2s ease}.progress-session-item.compact:hover{background:var(--surface-color);border-color:var(--primary-color)}.session-info h4{margin:0 0 .5rem;font-size:.9375rem;font-weight:600;color:var(--text-color)}.progress-bar-mini{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.progress-fill-mini{height:100%;border-radius:2px;transition:width .3s ease}.progress-text-mini{font-size:.75rem;font-weight:600;color:var(--text-color)}.empty-state-compact{text-align:center;padding:1rem;color:var(--text-muted-color);font-style:italic;font-size:.875rem}.bookmark-controls{display:flex;align-items:center}.bookmark-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.bookmark-button:hover{background:var(--surface-elevated);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.bookmark-button.bookmarked{background:var(--gradient-primary);color:#fff;border-color:var(--primary-color)}.bookmark-button.bookmarked:hover{filter:brightness(1.1)}.bookmark-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bookmark-modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.bookmark-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.bookmark-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color);font-family:var(--serif-font)}.bookmark-modal-close{background:transparent;color:var(--text-muted-color);border:none;padding:.25rem;cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease}.bookmark-modal-close:hover{background:var(--surface-elevated);color:var(--text-color)}.bookmark-form{display:flex;flex-direction:column;gap:1.5rem}.bookmark-form-group{display:flex;flex-direction:column;gap:.5rem}.bookmark-form-group label{font-weight:500;color:var(--text-color);font-size:.875rem}.bookmark-page-info{background:var(--surface-elevated);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.bookmark-page-info strong{color:var(--text-color)}.bookmark-page-info span{color:var(--text-muted-color);font-size:.875rem}.bookmark-input,.bookmark-textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);color:var(--text-color);font-family:var(--font-family);font-size:1rem;transition:all .2s ease}.bookmark-input:focus,.bookmark-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005d7233}.bookmark-textarea{resize:vertical;min-height:80px}.bookmark-color-options{display:flex;gap:.75rem}.bookmark-color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.bookmark-color-option:hover{transform:scale(1.1)}.bookmark-color-option.selected{border-color:var(--text-color);box-shadow:0 0 0 2px var(--surface-color),0 0 0 4px var(--text-color)}.bookmark-content-preview{background:var(--surface-elevated);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-muted-color);line-height:1.5;font-style:italic}.bookmark-error{background:#dc26261a;color:var(--error-color);padding:.75rem;border-radius:var(--border-radius);border:1px solid rgba(220,38,38,.2);font-size:.875rem}.bookmark-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.bookmark-cancel,.bookmark-submit{padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9375rem;cursor:pointer;transition:all .2s ease;font-weight:500}.bookmark-cancel{background:transparent;color:var(--text-color)}.bookmark-cancel:hover{background:var(--surface-elevated)}.bookmark-submit{background:var(--gradient-primary);color:#fff;border:none}.bookmark-submit:hover:not(:disabled){filter:brightness(1.1)}.bookmark-submit:disabled{opacity:.6;cursor:not-allowed}.help-page{min-height:100vh;background:var(--surface-background);color:var(--text-color)}.help-header{background:var(--gradient-primary);color:#fff;padding:3rem 2rem 2rem;text-align:center}.help-hero h1{font-size:3rem;font-weight:700;margin:0 0 1rem;font-family:var(--serif-font)}.help-hero p{font-size:1.25rem;margin:0;opacity:.9}.help-navigation{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.help-nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-nav-button:hover{background:#fff3;transform:translateY(-2px)}.help-nav-button.active{background:#fff;color:var(--primary-color);border-color:#fff}.help-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.user-guide{display:flex;flex-direction:column;gap:3rem}.guide-section h2{font-size:2.25rem;font-weight:700;margin:0 0 2rem;color:var(--text-color);font-family:var(--serif-font)}.guide-card{display:flex;gap:2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-soft);transition:all .2s ease}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.guide-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--border-radius);color:#fff;flex-shrink:0}.guide-content h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.guide-content p{font-size:1.125rem;line-height:1.6;margin:0 0 1rem;color:var(--text-color)}.guide-content ul{list-style:none;padding:0;margin:0}.guide-content li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--text-muted-color)}.guide-content li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.feature-card h4{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.feature-card p{color:var(--text-muted-color);line-height:1.5;margin:0}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.shortcut-item{display:flex;align-items:center;gap:1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.shortcut-item kbd{background:var(--surface-elevated);color:var(--text-color);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;border:1px solid var(--border-color);box-shadow:var(--shadow-soft)}.shortcut-item span{color:var(--text-muted-color);font-size:.9375rem}.faq-section{display:flex;flex-direction:column;gap:2rem}.faq-search{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-soft)}.faq-search-input{position:relative;display:flex;align-items:center}.faq-search-input svg{position:absolute;left:1rem;color:var(--text-muted-color)}.faq-search-input input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-background);color:var(--text-color);font-size:1rem;font-family:var(--font-family)}.faq-search-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005d7233}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-soft)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;cursor:pointer;transition:all .2s ease}.faq-question:hover{background:var(--surface-elevated)}.faq-question-content{display:flex;align-items:center;gap:1rem;flex:1}.faq-category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-elevated);border-radius:var(--border-radius);color:var(--text-muted-color);flex-shrink:0}.faq-question h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-color);font-family:var(--serif-font)}.faq-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-muted-color);transition:all .2s ease}.faq-toggle.expanded{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem 1.5rem;border-top:1px solid var(--border-subtle);background:var(--surface-elevated);animation:fadeIn .2s ease}.faq-answer p{margin:1rem 0 0;color:var(--text-muted-color);line-height:1.6}.tips-section{display:flex;flex-direction:column;gap:2rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.tip-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;transition:all .2s ease}.tip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.tip-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--border-radius);color:#fff;margin-bottom:1.5rem}.tip-content h3{font-size:1.375rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.tip-content ul{list-style:none;padding:0;margin:0}.tip-content li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-muted-color);line-height:1.5}.tip-content li:before{content:"💡";position:absolute;left:0;font-size:1rem}.help-footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:3rem 2rem;text-align:center}.help-contact{margin-bottom:2rem}.help-contact h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.help-contact p{color:var(--text-muted-color);margin:0 0 1.5rem}.contact-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;text-decoration:none}.contact-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.help-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.help-links button{padding:.5rem 1rem;background:transparent;color:var(--text-muted-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s ease}.help-links button:hover{background:var(--surface-elevated);color:var(--text-color);border-color:var(--primary-color)}.no-results{text-align:center;padding:3rem;color:var(--text-muted-color)}.no-results h3{font-size:1.5rem;margin:0 0 1rem;color:var(--text-color)}.no-results p{margin:0}@media (max-width: 768px){.help-hero h1{font-size:2.5rem}.help-hero p{font-size:1.125rem}.help-navigation{flex-direction:column;align-items:center}.help-nav-button{width:100%;max-width:250px;justify-content:center}.guide-card{flex-direction:column;text-align:center}.guide-icon{align-self:center}.tips-grid,.shortcuts-grid{grid-template-columns:1fr}.help-content{padding:2rem 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-page{min-height:100vh;background:var(--surface-background);color:var(--text-color)}.contact-header{background:var(--gradient-primary);color:#fff;padding:3rem 2rem;text-align:center}.contact-hero h1{font-size:3rem;font-weight:700;margin:0 0 1rem;font-family:var(--serif-font)}.contact-hero p{font-size:1.25rem;margin:0;opacity:.9}.contact-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.contact-methods{margin-bottom:4rem}.contact-methods h2{font-size:2.25rem;font-weight:700;margin:0 0 2rem;color:var(--text-color);font-family:var(--serif-font);text-align:center}.contact-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.contact-method{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-soft)}.contact-method:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.contact-method-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--border-radius);color:#fff;margin:0 auto 1.5rem}.contact-method-content h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.contact-method-content p{color:var(--text-muted-color);margin:0 0 1.5rem;line-height:1.5}.contact-method-details{display:flex;flex-direction:column;gap:.5rem}.contact-method-details strong{color:var(--text-color);font-weight:600}.response-time{color:var(--text-muted-color);font-size:.875rem}.contact-chat-button,.contact-help-button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.contact-chat-button:disabled{background:var(--surface-elevated);color:var(--text-muted-color);cursor:not-allowed}.contact-help-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-form-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:3rem;margin-bottom:4rem;box-shadow:var(--shadow-soft)}.contact-form-section h2{font-size:2rem;font-weight:700;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.contact-form-section p{color:var(--text-muted-color);margin:0 0 2rem;line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-color);font-size:.9375rem}.form-input,.form-textarea,.form-select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-background);color:var(--text-color);font-family:var(--font-family);font-size:1rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005d7233}.form-textarea{resize:vertical;min-height:120px}.form-success,.form-error{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--border-radius);font-size:.9375rem;margin-bottom:1rem}.form-success{background:#22c55e1a;color:var(--success-color);border:1px solid rgba(34,197,94,.2)}.form-error{background:#dc26261a;color:var(--error-color);border:1px solid rgba(220,38,38,.2)}.form-submit-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.form-submit-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-faq-section{margin-bottom:4rem}.contact-faq-section h2{font-size:2rem;font-weight:700;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font);text-align:center}.contact-faq-section p{color:var(--text-muted-color);margin:0 0 2rem;text-align:center;line-height:1.5}.faq-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.faq-link-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem}.faq-link-card:hover{background:var(--surface-elevated);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.faq-link-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-elevated);border-radius:var(--border-radius);color:var(--text-muted-color);flex-shrink:0}.faq-link-content h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color);font-family:var(--serif-font)}.faq-link-content p{color:var(--text-muted-color);margin:0;font-size:.875rem;line-height:1.4}.faq-cta{text-align:center}.faq-cta-button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.faq-cta-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-info-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-soft)}.contact-info-section h2{font-size:2rem;font-weight:700;margin:0 0 2rem;color:var(--text-color);font-family:var(--serif-font);text-align:center}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-info-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .2s ease}.contact-info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--primary-color)}.contact-info-card h4{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.contact-info-card p{color:var(--text-muted-color);margin:0 0 1.5rem;line-height:1.5}.contact-info-card button{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;cursor:pointer;transition:all .2s ease}.contact-info-card button:hover{background:var(--primary-color);color:#fff}@media (max-width: 768px){.contact-hero h1{font-size:2.5rem}.contact-hero p{font-size:1.125rem}.contact-content{padding:2rem 1rem}.contact-methods-grid{grid-template-columns:1fr}.contact-form-section{padding:2rem}.form-row,.faq-quick-links,.contact-info-grid{grid-template-columns:1fr}.contact-info-section{padding:2rem}}.dashboard{padding:2rem;max-width:1400px;margin:0 auto;background:var(--surface-background)}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.dashboard-header p{font-size:1.125rem;color:var(--text-muted-color);margin:0}.dashboard-section{margin-bottom:3rem}.dashboard-section h2{font-size:1.875rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-color);font-family:var(--serif-font)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0}.add-goal-button{background:var(--gradient-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-goal-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-soft)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.stat-icon{font-size:2rem;margin-bottom:1rem;display:block}.stat-content h3{font-size:1rem;font-weight:500;margin:0 0 .5rem;color:var(--text-muted-color);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2.5rem;font-weight:700;margin:0 0 .25rem;color:var(--primary-color);font-family:var(--serif-font)}.stat-label{font-size:.875rem;color:var(--text-muted-color)}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.goal-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-soft)}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.goal-header h4{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-color);font-family:var(--serif-font)}.delete-goal{background:transparent;color:var(--text-muted-color);border:none;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.delete-goal:hover{background:var(--error-color);color:#fff}.goal-progress{margin-bottom:1rem}.goal-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.goal-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.goal-progress-text{font-size:.875rem;color:var(--text-muted-color);display:block;margin-bottom:.5rem}.goal-completion{font-size:.875rem;font-weight:600;color:var(--primary-color)}.no-goals{text-align:center;padding:2rem;color:var(--text-muted-color);font-style:italic}.continue-reading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem;position:relative;width:100%}.continue-reading-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft)}.continue-reading-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.continue-reading-content h4{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.continue-reading-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.progress-bar-small{flex:1;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-fill-small{height:100%;border-radius:2px;transition:width .3s ease}.progress-text-small{font-size:.75rem;font-weight:600;color:var(--text-color);min-width:40px}.continue-reading-meta{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-muted-color)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-soft)}.recommendation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.recommendation-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.recommendation-content h4{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-color);font-family:var(--serif-font)}.recommendation-content p{color:var(--text-muted-color);margin:0 0 1.5rem;line-height:1.5}.recommendation-action{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.recommendation-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.recent-activity{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.activity-column h3{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-color);font-family:var(--serif-font)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;transition:all .2s ease}.activity-item:hover{background:var(--surface-elevated);border-color:var(--primary-color)}.activity-icon{font-size:1.25rem;flex-shrink:0}.activity-content h5{font-size:.9375rem;font-weight:500;margin:0 0 .25rem;color:var(--text-color)}.activity-content span{font-size:.8125rem;color:var(--text-muted-color)}.no-activity{text-align:center;padding:2rem;color:var(--text-muted-color);font-style:italic}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-button{display:flex;align-items:center;gap:.75rem;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem 1.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.quick-action-button:hover{background:var(--surface-elevated);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.quick-action-icon{font-size:1.25rem}.goal-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.goal-modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;max-width:400px;width:90%;box-shadow:var(--shadow-2xl)}.goal-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.goal-modal-header h3{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-color);font-family:var(--serif-font)}.modal-close{background:transparent;color:var(--text-muted-color);border:none;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:var(--surface-elevated);color:var(--text-color)}.goal-form-group{margin-bottom:1.5rem}.goal-form-group label{display:block;font-weight:500;color:var(--text-color);margin-bottom:.5rem;font-size:.9375rem}.goal-form-group select,.goal-form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-background);color:var(--text-color);font-family:var(--font-family);font-size:1rem;transition:all .2s ease}.goal-form-group select:focus,.goal-form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005d7233}.goal-form-actions{display:flex;gap:1rem;justify-content:flex-end}.goal-cancel,.goal-create{padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.goal-cancel{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.goal-cancel:hover{background:var(--surface-elevated)}.goal-create{background:var(--gradient-primary);color:#fff;border:none}.goal-create:hover{filter:brightness(1.1)}.dashboard-upgrade{display:flex;justify-content:center;align-items:center;min-height:400px}.upgrade-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:3rem;text-align:center;max-width:500px;box-shadow:var(--shadow-md)}.upgrade-card h2{font-size:2rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-color);font-family:var(--serif-font)}.upgrade-card ul{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.upgrade-card li{padding:.5rem 0;color:var(--text-color);font-size:1.125rem}.upgrade-button{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.goals-grid,.continue-reading-grid,.recommendations-grid,.recent-activity,.quick-actions{grid-template-columns:1fr}.upgrade-card{padding:2rem}}.pdf-main-area{flex:1;background:var(--background-color);display:flex;flex-direction:column;overflow:hidden}.pdf-container{height:100%;display:flex;flex-direction:column}.pdf-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.pdf-title h2{font-family:var(--serif-font);font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0}.pdf-controls{display:flex;gap:1.5rem;align-items:center}.page-controls{display:flex;align-items:center;gap:1rem;background:var(--background-color);padding:.5rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color)}.nav-button{display:flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:0;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-size:.9rem}.nav-button:hover:not(:disabled){background:var(--primary-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-info{font-weight:600;color:var(--text-color);padding:0 .5rem;font-size:.9rem}.pdf-page-note{font-size:.8em;color:var(--text-light);font-weight:400;opacity:.8}.zoom-button{display:flex;align-items:center;justify-content:center;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);width:32px;height:32px;border-radius:0;cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.zoom-button:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.zoom-button.reset-button{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.zoom-button.reset-button:hover{background:var(--secondary-color-hover)}.zoom-button.fullscreen-button{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.zoom-button.fullscreen-button:hover{background:var(--accent-color-hover);border-color:var(--accent-color-hover)}.zoom-display{font-weight:600;color:var(--text-color);min-width:50px;text-align:center;font-size:.9rem}.pdf-controls-flat{display:flex;align-items:center;gap:0;background:transparent;padding:0;border:none;height:48px}.control-group{display:flex;align-items:center;gap:0}.control-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:0;cursor:pointer;transition:all var(--transition-fast);padding:0;margin:0}.control-btn:not(:last-child){border-right:none}.control-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;z-index:1;position:relative;box-shadow:0 0 0 1px var(--primary-color)}.control-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-muted);color:var(--text-muted-color)}.control-btn svg{width:20px;height:20px}.page-indicator{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem;height:48px;background:var(--surface-color);border:1px solid var(--border-color);border-left:none;border-right:none;font-size:.9rem;min-width:120px;justify-content:center}.current-page{font-weight:700;color:var(--primary-color);font-size:1rem}.separator{color:var(--text-muted-color);font-weight:400}.total-pages{font-weight:500;color:var(--text-color)}.zoom-indicator{display:flex;align-items:center;justify-content:center;padding:0 1rem;height:48px;background:var(--surface-color);border:1px solid var(--border-color);border-left:none;border-right:none;font-weight:600;font-size:.9rem;min-width:80px;color:var(--text-color)}.control-divider{width:1px;height:32px;background:var(--border-color);margin:0 1rem}.pdf-viewer{flex:1;background:var(--paper-color);position:relative;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0}.fullscreen-controls{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026;border-bottom:1px solid var(--border-color);z-index:1000;height:60px;padding:0 2rem}[data-theme=dark] .fullscreen-controls{background:#1e1e1ef2}.pdf-display-area{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;padding:2rem;min-height:100%;min-width:100%}.pdf-canvas{display:block;max-width:none;max-height:none;box-shadow:var(--shadow-lg);border-radius:var(--border-radius);background:#fff;border:1px solid var(--border-color)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;gap:1.5rem;min-height:400px}.error-state svg{color:var(--error-color);margin-bottom:1rem}.error-state h3{margin:0;font-size:1.2rem;color:var(--error-color)}.error-state p{margin:0;color:var(--text-muted-color);max-width:400px}.retry-button{display:flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-size:.9rem}.retry-button:hover{background:var(--primary-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pdf-empty{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--paper-color) 0%,var(--surface-color) 100%)}.empty-content{text-align:center;max-width:400px;padding:3rem 2rem}.empty-icon{margin-bottom:1.5rem;opacity:.6;color:var(--text-muted-color)}.empty-content h2{font-family:var(--serif-font);font-size:1.8rem;color:var(--text-color);margin:0 0 1rem;font-weight:600}.empty-content p{color:var(--text-muted-color);font-size:1rem;line-height:1.6;margin:0}.back-arrow-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;transition:all var(--transition-fast);margin-right:1rem}.back-arrow-btn:hover{background:var(--surface-hover);border-color:var(--primary-color);transform:translate(-2px)}.back-arrow-btn svg{transition:transform var(--transition-fast)}.back-arrow-btn:hover svg{transform:translate(-1px)}.pdf-progress-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:400px}.pdf-progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .3s ease;stroke-linecap:round}.progress-text{position:absolute;font-size:1.2rem;font-weight:700;color:var(--primary-color)}.progress-details{width:100%;text-align:center}.progress-phase{font-size:1rem;color:var(--text-color);margin:0 0 1rem;font-weight:500}.pdf-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:3rem 2rem;background:var(--surface-elevated);border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);margin:2rem}.pdf-loading-icon{margin-bottom:2rem;color:var(--primary-color);animation:pulse 2s infinite}.pdf-loading-progress{width:100%;max-width:300px;text-align:center}.progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;position:relative;margin-bottom:1rem}.progress-bar-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-phase{text-align:center;font-size:.875rem;color:var(--text-muted-color);font-weight:500}@keyframes pdfShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1024px){.search-sidebar{width:280px;min-width:280px}.pdf-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.pdf-controls{justify-content:center;gap:1rem}}@media (max-width: 768px){.pdf-controls-flat{flex-wrap:wrap;height:auto;gap:.5rem}.control-group{margin:0}.control-btn{width:40px;height:40px}.control-btn svg{width:18px;height:18px}.page-indicator,.zoom-indicator{height:40px;font-size:.85rem;min-width:100px}.control-divider{display:none}.pdf-loading-container{margin:1rem;padding:2rem 1.5rem;min-height:180px}.pdf-loading-icon svg{width:28px;height:28px}.search-page-simple{flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.search-sidebar{width:100%;min-width:auto;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.pdf-main-area{min-height:500px}.sidebar-header{padding:1rem}.sidebar-header h1{font-size:1.3rem}.search-form{padding:1rem}.search-results{max-height:300px}.pdf-header{padding:.75rem}.pdf-title h2{font-size:1.1rem}.pdf-controls{flex-direction:column;gap:.75rem}.page-controls{justify-content:center}.nav-button{padding:.4rem .8rem;font-size:.85rem}.pdf-display-area{padding:1rem}}.pdf-viewer-container{background:var(--background-color);min-height:100vh;display:flex;flex-direction:column;position:relative}.pdf-viewer-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.pdf-viewer-header h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:.5rem}.pdf-controls{display:flex;align-items:center;gap:1rem;background:var(--background-color);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color)}.pdf-controls button{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600}.pdf-controls button:hover:not(:disabled){background:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pdf-controls button:disabled{background:var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}.pdf-controls span{font-weight:600;color:var(--text-color);min-width:60px;text-align:center}.pdf-canvas-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;background:var(--background-color);overflow:auto}.pdf-canvas-container canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 8px 32px #0000001f;background:#fff}.pdf-pagination{background:var(--surface-color);border-top:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;z-index:100}.pdf-pagination button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.5rem}.pdf-pagination button:hover:not(:disabled){background:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pdf-pagination button:disabled{background:var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}.pdf-pagination span{font-weight:600;color:var(--text-color);font-size:1.1rem}.loading-indicator{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:4rem 2rem;background:var(--background-color);color:var(--text-color);font-size:1.2rem;font-weight:600;text-align:center}.loading-indicator:before{content:"";width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:1rem}.error-message{background:var(--error-color);color:#fff;padding:1rem 2rem;margin:1rem 2rem;border-radius:8px;display:flex;align-items:center;gap:.5rem}.error-message:before{content:"⚠️";font-size:1.2rem}.pdf-viewer-container:fullscreen{background:#000}.pdf-viewer-container:fullscreen .pdf-canvas-container{background:#000;padding:1rem}.pdf-viewer-container:fullscreen .pdf-canvas-container canvas{box-shadow:0 0 20px #ffffff1a}.pdf-viewer-container:fullscreen .pdf-viewer-header{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-viewer-container:fullscreen .pdf-pagination{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-viewer-container:-webkit-full-screen{background:#000}.pdf-viewer-container:-webkit-full-screen .pdf-canvas-container{background:#000;padding:1rem}.pdf-viewer-container:-webkit-full-screen .pdf-canvas-container canvas{box-shadow:0 0 20px #ffffff1a}.pdf-viewer-container:-webkit-full-screen .pdf-viewer-header{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-viewer-container:-webkit-full-screen .pdf-pagination{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-viewer-container:-ms-fullscreen{background:#000}.pdf-viewer-container:-ms-fullscreen .pdf-canvas-container{background:#000;padding:1rem}.pdf-viewer-container:-ms-fullscreen .pdf-canvas-container canvas{box-shadow:0 0 20px #ffffff1a}.pdf-viewer-container:-ms-fullscreen .pdf-viewer-header{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-viewer-container:-ms-fullscreen .pdf-pagination{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.year-filter-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.year-filter-toggle{margin-bottom:1rem}.year-filter-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:var(--text-color);font-size:.9rem}.year-filter-checkbox input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;background:var(--background-color);border:2px solid var(--border-color);border-radius:4px;position:relative;transition:all var(--transition-fast)}.year-filter-checkbox input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.year-filter-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.year-filter-options{padding:1rem;border-top:1px solid var(--border-color);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.year-filter-type{display:flex;gap:1rem;margin-bottom:1rem}.radio-option{display:flex;align-items:center;cursor:pointer;font-size:.9rem}.radio-option input[type=radio]{display:none}.radio-mark{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;margin-right:.5rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.radio-mark:after{content:"";width:8px;height:8px;background:var(--primary-color);border-radius:50%;transform:scale(0);transition:all var(--transition-fast)}.radio-option input[type=radio]:checked+.radio-mark{border-color:var(--primary-color)}.radio-option input[type=radio]:checked+.radio-mark:after{transform:scale(1)}.year-range-inputs,.specific-year-input{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.year-input-group{display:flex;align-items:center;gap:.5rem}.year-input-group label,.specific-year-input label{font-size:.85rem;color:var(--text-muted-color)}.year-input{width:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);color:var(--text-color);text-align:center}.year-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.reset-filter-button{background:transparent;border:1px solid var(--border-color);color:var(--text-muted-color);padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.reset-filter-button:hover{border-color:var(--text-color);color:var(--text-color)}.filter-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.apply-filters-button{background:var(--primary-color);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.apply-filters-button:hover:not(:disabled){background:var(--primary-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.apply-filters-button:disabled{background:var(--surface-subtle);color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.clear-filters-button{background:transparent;border:1px solid var(--border-color);color:var(--text-muted-color);padding:.625rem 1.25rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.clear-filters-button:hover{border-color:var(--error-color);color:var(--error-color);background:#ef44440d}.resizer{width:5px;cursor:ew-resize;background:var(--border-color);z-index:10;transition:background-color var(--transition-fast)}.resizer:hover{background:var(--primary-color)}.reading-page h2{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:var(--text-color);padding:4rem;font-size:1.2rem}.reading-page-new{background:var(--background-color);min-height:100vh}.reading-hero-section{background:var(--surface-color);padding:6rem var(--container-padding) 4rem;border-bottom:1px solid var(--border-subtle);text-align:center}.reading-hero-content{max-width:800px;margin:0 auto}.reading-hero-badge{display:inline-block;background:var(--gradient-primary);color:#fff;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.reading-hero-section h1{font-family:var(--serif-font);font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color);line-height:1.2}.reading-hero-section p{font-size:1.25rem;color:var(--text-muted-color);line-height:1.6;margin:0}.reading-stats-section{background:var(--background-color);padding:3rem var(--container-padding);border-bottom:1px solid var(--border-subtle)}.reading-stats-container{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2rem}.reading-stat-item{text-align:center;flex:1}.reading-stat-number{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;line-height:1}.reading-stat-label{font-size:.875rem;color:var(--text-muted-color);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.reading-stat-divider{width:1px;height:60px;background:var(--border-subtle);flex-shrink:0}.reading-editorial-section{background:var(--surface-color);padding:4rem var(--container-padding);border-bottom:1px solid var(--border-subtle)}.reading-editorial-content{max-width:1200px;margin:0 auto;text-align:center}.reading-editorial-section h2{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem}.reading-editorial-section>div>p{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.reading-editorial-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.reading-editorial-feature{text-align:center;padding:2rem;background:var(--background-color);border:1px solid var(--border-subtle);transition:transform var(--transition-normal)}.reading-editorial-feature:hover{transform:translateY(-4px)}.reading-editorial-feature h3{font-family:var(--serif-font);font-size:1.25rem;color:var(--text-color);margin-bottom:1rem;font-weight:600}.reading-editorial-feature p{color:var(--text-muted-color);line-height:1.5;margin:0}.reading-archive-section{background:var(--background-color);padding:4rem var(--container-padding)}.reading-archive-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.reading-archive-header h2{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.reading-archive-header p{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6;margin:0}.reading-year-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem;position:relative;width:100%}.year-cover-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);overflow:hidden;cursor:pointer;transition:all var(--transition-slow);display:flex;flex-direction:column;box-shadow:var(--shadow-md);position:relative}.year-cover-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,58,138,.1),transparent);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;z-index:1}.year-cover-card:hover:before{opacity:1}.year-cover-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2xl);border-color:var(--primary-color)}.year-cover-canvas-container{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-subtle) 100%);width:100%;aspect-ratio:3 / 4;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.year-cover-canvas-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.2) 50%,transparent 52%);pointer-events:none;z-index:1}.year-cover-canvas-container canvas,.year-cover-canvas-container img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);backface-visibility:hidden;transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.year-cover-card:hover .year-cover-canvas-container img{transform:scale(1.05)}.year-cover-title{padding:1rem;font-size:1rem;font-weight:700;text-align:center;color:var(--text-color);background:var(--gradient-subtle);border-top:1px solid var(--border-subtle);position:relative;letter-spacing:.5px;font-family:var(--serif-font)}.year-cover-title:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--gradient-primary)}@media (max-width: 768px){.reading-hero-section{padding:4rem var(--container-padding) 3rem}.reading-hero-section h1{font-size:2.5rem}.reading-hero-section p{font-size:1.125rem}.reading-stats-section{padding:2rem var(--container-padding)}.reading-stats-container{flex-direction:column;gap:1.5rem}.reading-stat-divider{width:60px;height:1px}.reading-editorial-section{padding:3rem var(--container-padding)}.reading-editorial-section h2{font-size:2rem}.reading-editorial-features{grid-template-columns:1fr;gap:1.5rem}.reading-editorial-feature{padding:1.5rem}.reading-archive-section{padding:3rem var(--container-padding)}.reading-archive-header h2{font-size:2rem}.reading-year-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;padding:.5rem}.year-cover-canvas-container{aspect-ratio:3 / 4}}@media (max-width: 480px){.reading-hero-section{padding:3rem var(--container-padding) 2rem}.reading-hero-section h1{font-size:2rem}.reading-hero-section p{font-size:1rem}.reading-stats-section{padding:1.5rem var(--container-padding)}.reading-stat-number{font-size:2rem}.reading-editorial-section{padding:2rem var(--container-padding)}.reading-editorial-section h2{font-size:1.75rem}.reading-editorial-features{margin-top:2rem}.reading-editorial-feature{padding:1rem}.reading-archive-section{padding:2rem var(--container-padding)}.reading-archive-header h2{font-size:1.75rem}.reading-year-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;padding:.5rem}.year-cover-canvas-container{aspect-ratio:3 / 4}}.inline-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:.5rem;color:var(--text-muted-color)}.error-icon{color:var(--error-color)}.success-icon{color:var(--success-color)}.warning-icon{color:var(--warning-color)}.info-icon{color:var(--info-color)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient{background:var(--gradient-primary)}.bg-gradient-subtle{background:var(--gradient-subtle)}.bg-gradient-accent{background:var(--gradient-accent)}.pdf-main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-subtle)}.pdf-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.pdf-header{background:var(--surface-elevated);border-bottom:1px solid var(--border-subtle);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--shadow-sm);position:relative}.pdf-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.3}.pdf-title h2{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:var(--text-color);margin:0}.pdf-controls{display:flex;gap:2rem;align-items:center}.page-controls{display:flex;align-items:center;gap:1rem;background:var(--surface-subtle);padding:.75rem 1.25rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft)}.nav-button{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-size:.875rem;position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.nav-button:hover:before{left:100%}.nav-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:var(--text-muted-color)}.page-info{font-weight:600;color:var(--text-color);padding:0 1rem;font-size:.875rem;font-family:var(--mono-font)}.pdf-page-note{font-size:.75rem;color:var(--text-light);font-weight:400;opacity:.8;font-family:var(--font-family)}.zoom-controls{display:flex;align-items:center;gap:.5rem;background:var(--surface-subtle);padding:.75rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft)}.zoom-button{display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);color:var(--text-color);border:1px solid var(--border-color);width:36px;height:36px;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);font-size:1rem;font-weight:600}.zoom-button:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.zoom-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.zoom-button.reset-button{background:var(--gradient-secondary);color:#fff;border-color:var(--secondary-color);width:auto;padding:0 .75rem;font-size:.75rem}.zoom-button.reset-button:hover{background:var(--secondary-color-hover);box-shadow:var(--shadow-md)}.zoom-display{font-weight:600;color:var(--text-color);min-width:60px;text-align:center;font-size:.875rem;font-family:var(--mono-font)}.pdf-viewer{flex:1;background:var(--paper-color);position:relative;overflow:auto;display:flex;align-items:flex-start;justify-content:center;min-height:0}.pdf-display-area{position:relative;display:flex;align-items:flex-start;justify-content:center;padding:2rem;min-height:100%;min-width:100%}.pdf-viewer:fullscreen .pdf-display-area,.pdf-viewer:-webkit-full-screen .pdf-display-area,.pdf-viewer:-moz-full-screen .pdf-display-area{padding-top:80px}.fullscreen-controls+.pdf-display-area,.pdf-viewer:has(.fullscreen-controls) .pdf-display-area{padding-top:80px}.pdf-viewer:fullscreen .pdf-display-area,.pdf-viewer:-webkit-full-screen .pdf-display-area,.pdf-viewer:-moz-full-screen .pdf-display-area{margin-top:60px}.pdf-display-area.fullscreen-pdf{padding:80px 0 0;margin:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;overflow:auto}.pdf-canvas{display:block;max-width:none;max-height:none;box-shadow:var(--shadow-2xl);border-radius:var(--border-radius);background:#fff;border:1px solid var(--border-subtle);transition:all var(--transition-normal)}.pdf-canvas:hover{box-shadow:var(--shadow-2xl)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1.5rem;min-height:400px;background:var(--surface-subtle);border-radius:var(--border-radius-lg);margin:2rem;border:1px solid var(--border-subtle)}.loading-state .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-state{color:var(--error-color)}.error-state svg{width:48px;height:48px;color:var(--error-color)}.error-state h3{font-family:var(--serif-font);font-size:1.5rem;font-weight:600;color:var(--error-color);margin:0}.error-state p{color:var(--text-muted-color);max-width:400px;line-height:1.6;margin:0}.retry-button{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-size:.875rem;position:relative;overflow:hidden}.retry-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.retry-button:hover:before{left:100%}.retry-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-page{min-height:100vh;background:var(--background-color);position:relative}.admin-page-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.admin-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background:linear-gradient(90deg,var(--border-color) 1px,transparent 1px),linear-gradient(180deg,var(--border-color) 1px,transparent 1px);background-size:40px 40px;animation:gridMove 20s linear infinite;pointer-events:none}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.admin-header{padding:3rem 0;background:var(--background-color);border-bottom:1px solid var(--border-subtle);position:relative;z-index:10}.admin-header-content{max-width:var(--content-width);margin:0 auto;padding:0 var(--container-padding);text-align:center}.admin-header h1{font-family:var(--serif-font);font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header p{font-size:1.125rem;color:var(--text-muted-color);margin-bottom:2rem;max-width:600px;margin:0 auto;line-height:1.6}.admin-content{max-width:var(--content-width);margin:0 auto;padding:2rem var(--container-padding);position:relative;z-index:10}.admin-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--border-subtle);background:var(--background-color);padding:0}.admin-tab{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--text-muted-color);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-normal);position:relative}.admin-tab:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.admin-tab:hover:before,.admin-tab.active:before{transform:scaleX(1)}.admin-tab:hover,.admin-tab.active{color:var(--primary-color);background:var(--surface-subtle)}.admin-tab-content{background:var(--background-color);padding:2rem 0;border:none;box-shadow:none}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.admin-controls,.search-controls{display:flex;align-items:center;gap:1rem}.search-input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;min-width:250px;background:var(--surface-color);color:var(--text-color);transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #005d721a;background:var(--surface-elevated)}.admin-filters{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.admin-merge-duplicates-content{max-width:800px;margin:0 auto}.merge-duplicates-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.info-card{background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card h4{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.info-card h4:before{content:"";width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{color:var(--text-muted-color);position:relative;padding:.5rem 0 .5rem 1.5rem}.info-card li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.merge-duplicates-actions{text-align:center;padding:2rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--border-radius)}.subscription-section{margin-bottom:3rem}.subscription-section h4{margin-bottom:1rem;color:var(--text-color);font-size:1.25rem;font-weight:600}.subscription-id{font-family:monospace;font-size:.875rem;color:var(--text-muted-color)}.btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:600}@media (max-width: 768px){.merge-duplicates-info{grid-template-columns:1fr;gap:1.5rem}.info-card,.merge-duplicates-actions{padding:1.5rem}}.filter-group label{font-size:.9rem;font-weight:500;color:var(--text-color);white-space:nowrap}.filter-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;background:var(--surface-color);color:var(--text-color);cursor:pointer;transition:all var(--transition-normal)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005d721a}.sort-direction-btn{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);color:var(--text-color);cursor:pointer;font-size:1rem;transition:all var(--transition-normal);min-width:40px}.sort-direction-btn:hover{background:var(--surface-elevated);border-color:var(--primary-color)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem;background:var(--surface-subtle);border-radius:var(--border-radius);border:1px solid var(--border-subtle);flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.9rem;color:var(--text-muted-color)}.pagination-controls{display:flex;align-items:center;gap:1rem}.page-info{font-size:.9rem;color:var(--text-color);font-weight:500}.page-size-control{display:flex;align-items:center;gap:.5rem}.page-size-control label{font-size:.9rem;color:var(--text-color)}.page-size-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;background:var(--surface-color);color:var(--text-color);cursor:pointer}.page-size-select:focus{outline:none;border-color:var(--primary-color)}[data-theme=dark] .admin-filters,[data-theme=dark] .pagination{background:var(--surface-color);border-color:var(--border-color)}.admin-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat{background:var(--surface-subtle);padding:1.5rem;border:1px solid var(--border-subtle);text-align:center;transition:all var(--transition-normal)}.admin-stat:hover{background:var(--surface-elevated);border-color:var(--border-accent)}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{display:block;font-size:.9rem;color:var(--text-muted-color);margin-bottom:.5rem}.stat-change{display:block;font-size:.8rem;font-weight:500}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--error-color)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{background:var(--surface-subtle);padding:1.5rem;border:1px solid var(--border-subtle)}.analytics-card h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.8rem;color:var(--text-muted-color);font-weight:500}.metric-value{font-size:1.1rem;font-weight:600;color:var(--text-color)}.metric-value.positive{color:var(--success-color)}.metric-value.negative{color:var(--error-color)}.time-range-selector{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--surface-subtle);border:1px solid var(--border-subtle)}.time-range-selector label{font-size:.9rem;font-weight:500;color:var(--text-color)}.time-range-selector select{padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-color);font-size:.9rem;cursor:pointer}.time-range-selector select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #005d721a}.admin-table{width:100%;border-collapse:collapse;margin-bottom:2rem;background:var(--surface-subtle);border:1px solid var(--border-subtle)}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.admin-table th{background:var(--surface-elevated);font-weight:600;color:var(--text-color);font-size:.9rem}.admin-table tr:hover{background:var(--surface-elevated)}.admin-table tr:last-child td{border-bottom:none}.bulk-operations{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--surface-subtle);border:1px solid var(--border-subtle)}.bulk-info{display:flex;align-items:center;gap:1rem}.bulk-info span{font-size:.9rem;color:var(--text-color);font-weight:500}.bulk-actions{display:flex;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:var(--border-radius);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.status-badge.approved{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status-badge.rejected{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.role-badge{padding:.5rem 1rem;border-radius:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid;position:relative;overflow:hidden;transition:all var(--transition-normal)}.role-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.role-badge:hover:before{left:100%}.role-badge.user{background:var(--surface-subtle);color:var(--info-color);border-color:var(--info-color);box-shadow:0 2px 4px #06b6d41a}.role-badge.user:hover{background:var(--info-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #06b6d433}.role-badge.admin{background:var(--surface-subtle);color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 4px #005d721a}.role-badge.admin:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #005d7233}.subscription-status{display:flex;align-items:center;gap:.5rem}.subscription-indicator{width:8px;height:8px;border-radius:50%}.subscription-indicator.active{background:var(--success-color)}.subscription-indicator.inactive{background:var(--text-muted-color)}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.5rem;border:none;background:none;color:var(--text-muted-color);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-normal)}.action-btn:hover{background:var(--surface-elevated);color:var(--primary-color)}.action-btn.danger:hover{color:var(--error-color)}.loading-indicator{text-align:center;padding:2rem;color:var(--text-muted-color)}.error-message{background:#ef44441a;color:var(--error-color);padding:1rem;border:1px solid rgba(239,68,68,.2);margin-bottom:1rem}.no-data-message{text-align:center;padding:2rem;color:var(--text-muted-color);font-style:italic}.table-checkbox{margin-right:.5rem;width:16px;height:16px;cursor:pointer}.user-email{font-family:var(--mono-font);font-size:.9rem;color:var(--text-color)}.user-name{font-weight:500;color:var(--text-color)}.user-date{font-size:.9rem;color:var(--text-muted-color)}.subscription-badge{padding:.5rem 1rem;border-radius:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid;position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:0 2px 4px #10b9811a}.subscription-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.subscription-badge:hover:before{left:100%}.subscription-badge.active{background:var(--surface-subtle);color:var(--success-color);border-color:var(--success-color);box-shadow:0 2px 4px #10b9811a}.subscription-badge.active:hover{background:var(--success-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #10b98133}.subscription-badge.inactive{background:var(--surface-subtle);color:var(--error-color);border-color:var(--error-color);box-shadow:0 2px 4px #ef44441a}.subscription-badge.inactive:hover{background:var(--error-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #ef444433}.subscription-badge.none{background:var(--surface-subtle);color:var(--text-muted-color);border-color:var(--text-muted-color);box-shadow:0 2px 4px #64748b1a}.subscription-badge.none:hover{background:var(--text-muted-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #64748b33}.type-badge{padding:.5rem 1rem;border-radius:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:var(--surface-subtle);color:var(--info-color);border:2px solid var(--info-color);position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:0 2px 4px #06b6d41a}.type-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.type-badge:hover:before{left:100%}.type-badge:hover{background:var(--info-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #06b6d433}.subscription-check-badge{padding:.5rem 1rem;border-radius:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid;position:relative;overflow:hidden;transition:all var(--transition-normal)}.subscription-check-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.subscription-check-badge:hover:before{left:100%}.subscription-check-badge.requested{background:var(--surface-subtle);color:var(--warning-color);border-color:var(--warning-color);box-shadow:0 2px 4px #f59e0b1a}.subscription-check-badge.requested:hover{background:var(--warning-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b33}.subscription-check-badge.none{background:var(--surface-subtle);color:var(--text-muted-color);border-color:var(--text-muted-color);box-shadow:0 2px 4px #64748b1a}.subscription-check-badge.none:hover{background:var(--text-muted-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #64748b33}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-buttons .btn{font-size:.8rem;padding:.5rem .75rem;min-width:auto}.action-buttons .btn.danger{color:var(--error-color);border-color:var(--error-color);background:var(--surface-subtle);position:relative;overflow:hidden;transition:all var(--transition-normal)}.action-buttons .btn.danger:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .3s}.action-buttons .btn.danger:hover:before{left:100%}.action-buttons .btn.danger:hover{background:var(--error-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.action-buttons .btn.danger:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433}@media (max-width: 768px){.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-buttons .btn{width:100%;justify-content:center}.user-email{font-size:.8rem;word-break:break-all}}@media (max-width: 768px){.admin-section-header{flex-direction:column;align-items:stretch}.admin-controls{justify-content:space-between}.search-controls{flex-direction:column;width:100%}.search-input{min-width:auto;width:100%}.admin-filters{flex-direction:column;gap:1rem}.filter-group{justify-content:space-between}.pagination{flex-direction:column;text-align:center}.pagination-controls{justify-content:center}}.loader{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.btn:focus-visible,.search-input-simple:focus-visible,.form-group input:focus-visible,.continue-reading-card:focus-visible,.quick-action-button:focus-visible,.result-card:focus-visible,.search-action-button:focus-visible,.nav-button:focus-visible,.zoom-button:focus-visible,.retry-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--border-radius)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}html{scroll-behavior:smooth}::selection{background:#005d7233;color:var(--text-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted-color)}.magazine-layout{min-height:100vh;background:var(--surface-color);font-family:var(--serif-font);color:var(--text-color)}.magazine-header{background:var(--primary-color);color:#fff;padding:2rem 0;border-bottom:1px solid var(--primary-color-hover);position:relative}.magazine-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:var(--accent-color)}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem}.scripture-verse{text-align:center}.magazine-container{max-width:none;margin:0;padding:0 1rem}.title-section{text-align:center;padding:4rem 2rem 3rem;border-bottom:1px solid var(--border-color);margin-bottom:4rem;position:relative;max-width:1200px;margin-left:auto;margin-right:auto}.title-section:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:100px;height:2px;background:var(--accent-color)}.main-title{font-size:3.5rem;font-weight:400;color:var(--primary-color);margin:0 0 1.5rem;letter-spacing:-.01em;line-height:1.1}.title-subtitle{font-size:1.2rem;color:var(--text-muted-color);font-weight:300;max-width:800px;margin:0 auto;line-height:1.6}.archive-section-main{max-width:900px;margin:0 auto}.section-header{margin-bottom:2.5rem;position:relative}.section-header h2{font-size:2.2rem;font-weight:300;color:var(--primary-color);margin:0 0 1rem;letter-spacing:.5px}.section-line{width:80px;height:1px;background:var(--accent-color)}.current-magazine-content{display:flex;flex-direction:column;gap:2.5rem}.magazine-showcase{text-align:center}.current-issues{width:100%;max-width:400px;height:auto;border:1px solid var(--border-color);box-shadow:0 2px 8px #005d7214}.magazine-info h3{font-size:1.6rem;font-weight:400;color:var(--primary-color);margin:0 0 1.2rem;letter-spacing:.3px}.magazine-info p{margin:0 0 1rem;color:var(--text-muted-color);line-height:1.7;font-weight:300}.subscription-options-current{margin-top:2.5rem;background:var(--surface-subtle);padding:2rem;border:1px solid var(--border-subtle);position:relative}.subscription-options-current:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-color)}.subscription-options-current h4{font-size:1.3rem;font-weight:400;color:var(--primary-color);margin:0 0 1.5rem;letter-spacing:.3px}.subscription-buttons{display:flex;gap:1.2rem;flex-direction:column}.sub-btn{display:block;text-decoration:none;padding:1.2rem 1.5rem;font-weight:400;text-align:center;transition:all .3s ease;border:1px solid transparent;letter-spacing:.3px}.digital-btn{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.digital-btn:hover{background:var(--primary-color-hover);border-color:var(--primary-color-hover)}.print-btn{background:var(--surface-color);color:var(--primary-color);border-color:var(--primary-color)}.print-btn:hover{background:var(--primary-color);color:#fff}.price{font-size:.9rem;opacity:.85;font-weight:300;font-style:italic}.archive-content{display:flex;flex-direction:column;gap:2.5rem}.archive-stats{display:flex;justify-content:space-between;background:var(--surface-subtle);padding:2rem;border:1px solid var(--border-subtle);position:relative}.archive-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-color)}.stat{text-align:center}.stat-number{display:block;font-size:2.2rem;font-weight:300;color:var(--accent-color);line-height:1;letter-spacing:-.02em}.stat-label{font-size:.9rem;color:var(--text-muted-color);font-weight:300;text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem}.archive-info h3{font-size:1.6rem;font-weight:400;color:var(--primary-color);margin:0 0 1.2rem;letter-spacing:.3px}.archive-info>p{color:var(--text-muted-color);line-height:1.7;margin:0 0 2rem;font-weight:300}.archive-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.feature{color:var(--text-muted-color);line-height:1.6;font-size:1rem;font-weight:300}.feature strong{color:var(--accent-color);font-weight:400}.archive-access{background:var(--surface-subtle);padding:2rem;border:1px solid var(--border-subtle);position:relative}.archive-access:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-color)}.access-granted,.access-needed,.sign-in-needed{display:flex;flex-direction:column;gap:1.2rem;align-items:center;text-align:center}.archive-btn{padding:1rem 2rem;font-weight:400;border:1px solid transparent;cursor:pointer;transition:all .3s ease;font-family:var(--serif-font);min-width:200px;letter-spacing:.3px}.archive-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.archive-btn.primary:hover:not(:disabled){background:var(--primary-color-hover);border-color:var(--primary-color-hover)}.archive-btn.secondary{background:var(--surface-color);color:var(--primary-color);border-color:var(--primary-color)}.archive-btn.secondary:hover{background:var(--primary-color);color:#fff}.archive-btn:disabled{opacity:.5;cursor:not-allowed}.pricing-note{font-size:.9rem;color:var(--text-muted-color);margin:0;font-style:italic;font-weight:300}.store-section{background:var(--surface-subtle);border:1px solid var(--border-subtle);padding:2.5rem;margin-bottom:4rem;position:relative}.store-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-color)}.store-content{display:flex;align-items:center;gap:2.5rem}.store-logo{flex-shrink:0}.rcm-store-logo{width:90px;height:auto;opacity:.8}.store-info h3{font-size:1.6rem;font-weight:400;color:var(--primary-color);margin:0 0 1.2rem;letter-spacing:.3px}.store-info p{color:var(--text-muted-color);line-height:1.7;margin:0 0 2rem;font-weight:300}.store-btn{display:inline-block;background:var(--primary-color);color:#fff;text-decoration:none;padding:1rem 2rem;font-weight:400;transition:all .3s ease;border:1px solid var(--primary-color);letter-spacing:.3px}.store-btn:hover{background:var(--primary-color-hover);border-color:var(--primary-color-hover)}[data-theme=dark] .magazine-layout{background:#1a1a1a;color:#e8e6e0}[data-theme=dark] .magazine-header{background:#1f2420;border-bottom-color:#2a302b}[data-theme=dark] .magazine-header:after{background:#4a5a4d}[data-theme=dark] .verse-text{color:#d4d2c8}[data-theme=dark] .verse-ref{color:#9aa59c}[data-theme=dark] .title-section{border-bottom-color:#3a3a3a}[data-theme=dark] .title-section:after{background:#b8860b}[data-theme=dark] .main-title{color:#e8e6e0}[data-theme=dark] .title-subtitle{color:#a8a095}[data-theme=dark] .section-header h2{color:#e8e6e0}[data-theme=dark] .section-line{background:#b8860b}[data-theme=dark] .magazine-info h3,[data-theme=dark] .archive-info h3,[data-theme=dark] .store-info h3{color:#e8e6e0}[data-theme=dark] .magazine-info p,[data-theme=dark] .archive-info>p,[data-theme=dark] .store-info p{color:#b8b3a6}[data-theme=dark] .subscription-options-current,[data-theme=dark] .archive-stats,[data-theme=dark] .archive-access,[data-theme=dark] .store-section{background:#252525;border-color:#3a3a3a}[data-theme=dark] .subscription-options-current:before,[data-theme=dark] .archive-stats:before,[data-theme=dark] .archive-access:before,[data-theme=dark] .store-section:before{background:#b8860b}[data-theme=dark] .subscription-options-current h4{color:#e8e6e0}[data-theme=dark] .current-issues{border-color:#3a3a3a}[data-theme=dark] .stat-number{color:#b8860b}[data-theme=dark] .stat-label{color:#a8a095}[data-theme=dark] .feature strong{color:#b8860b}[data-theme=dark] .digital-btn{background:#1f2420;color:#e8e6e0;border-color:#1f2420}[data-theme=dark] .digital-btn:hover{background:#2a302b;border-color:#2a302b}[data-theme=dark] .print-btn{background:#1a1a1a;color:#e8e6e0;border-color:#e8e6e0}[data-theme=dark] .print-btn:hover{background:#e8e6e0;color:#1a1a1a}[data-theme=dark] .archive-btn.primary{background:#1f2420;color:#e8e6e0;border-color:#1f2420}[data-theme=dark] .archive-btn.primary:hover:not(:disabled){background:#2a302b;border-color:#2a302b}[data-theme=dark] .archive-btn.secondary{background:#1a1a1a;color:#e8e6e0;border-color:#e8e6e0}[data-theme=dark] .archive-btn.secondary:hover{background:#e8e6e0;color:#1a1a1a}[data-theme=dark] .store-btn{background:#1f2420;color:#e8e6e0;border-color:#1f2420}[data-theme=dark] .store-btn:hover{background:#2a302b;border-color:#2a302b}[data-theme=dark] .pricing-note{color:#a8a095}@media (max-width: 1024px){.store-content{flex-direction:column;text-align:center;gap:2rem}}@media (max-width: 768px){.magazine-container,.header-content{padding:0 1.5rem}.magazine-header{padding:1.5rem 0}.title-section{padding:3rem 0 2rem;margin-bottom:3rem}.main-title{font-size:2.5rem}.title-subtitle{font-size:1.1rem}.section-header h2{font-size:1.8rem}.archive-stats{flex-direction:column;gap:1.5rem;padding:1.5rem}.subscription-options-current,.archive-access,.store-section{padding:1.5rem}.subscription-buttons{gap:1rem}.verse-text{font-size:1.1rem}}@media (max-width: 480px){.magazine-container,.header-content{padding:0 1rem}.title-section{padding:2rem 0 1.5rem}.main-title{font-size:2rem}.title-subtitle{font-size:1rem}.section-header h2{font-size:1.6rem}.magazine-info h3,.archive-info h3,.store-info h3{font-size:1.4rem}.verse-text{font-size:1rem}.archive-stats,.subscription-options-current,.archive-access,.store-section{padding:1.2rem}}.publication-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.publication-texture{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,0,0,.01) 50%,transparent 52%),repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(0,0,0,.005) 100px);opacity:.6}.publication-container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 2rem}.scripture-banner{background:var(--primary-color);color:#fff;padding:2rem 1rem;margin-top:4rem;position:relative}.scripture-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);opacity:.9}.scripture-content{max-width:var(--content-width);margin:0 auto;padding:0 var(--container-padding);text-align:center;position:relative;z-index:1}.scripture-verse{display:flex;flex-direction:column;align-items:center;gap:.5rem}.verse-text{font-size:1.2rem;font-style:italic;display:block;margin-bottom:.75rem;line-height:1.6;color:#fff;font-weight:300}.verse-ref{font-size:1rem;color:var(--accent-color);font-weight:400;letter-spacing:.5px}.nav-logout-btn{background:none;border:none;color:var(--text-muted-color);font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all var(--transition-normal);text-decoration:none;position:relative;font-family:var(--font-family)}.nav-logout-btn:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.nav-logout-btn:hover:before,.nav-logout-btn:focus:before{transform:scaleX(1)}.nav-logout-btn:hover,.nav-logout-btn:focus{color:var(--primary-color);background:#005d720d}.nav-logout-btn:active{transform:translateY(1px)}.publication-header{text-align:center;padding:3rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:3rem}.publication-title-section{max-width:800px;margin:0 auto}.publication-main-title{font-family:var(--serif-font);font-size:3rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.02em}.publication-subtitle{max-width:700px;margin:0 auto}.publication-subtitle p{font-size:1.125rem;color:#6b7280;line-height:1.7;margin:0}.publication-showcase{margin-bottom:4rem}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.current-issue-section h2,.quick-stats-section h2{font-family:var(--serif-font);font-size:1.75rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;text-align:center}.issue-display{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.magazine-cover{width:120px;height:160px;margin-bottom:1.5rem;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.cover-image{width:100%;height:100%;object-fit:cover}.issue-info h3{font-family:var(--serif-font);font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.issue-info p{color:#6b7280;line-height:1.6;margin:0 0 1rem}.publication-link{color:#1e3a8a;text-decoration:none;font-weight:500;font-size:.95rem;border-bottom:1px solid transparent;transition:all .2s ease}.publication-link:hover{border-bottom-color:#1e3a8a}.stats-display{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:2.25rem;font-weight:700;color:#1e3a8a;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:60px;height:1px;background:#e5e7eb}.publication-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:3rem;margin-bottom:4rem;text-align:center;box-shadow:0 1px 3px #0000001a}.actions-header{margin-bottom:2rem}.actions-header h2{font-family:var(--serif-font);font-size:2rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.actions-header p{color:#6b7280;font-size:1.125rem;margin:0}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pub-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;min-width:180px}.pub-btn-primary{background:#1e3a8a;color:#fff;box-shadow:0 2px 4px #1e3a8a33}.pub-btn-primary:hover:not(:disabled){background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 8px #1e3a8a4d}.pub-btn-secondary{background:transparent;color:#1e3a8a;border:2px solid #1e3a8a}.pub-btn-secondary:hover{background:#1e3a8a;color:#fff;transform:translateY(-1px)}.pub-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.subscription-options{margin-bottom:4rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:3rem;box-shadow:0 1px 3px #0000001a}.subscription-header{text-align:center;margin-bottom:3rem}.subscription-header h2{font-family:var(--serif-font);font-size:2rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.subscription-header p{color:#6b7280;font-size:1.125rem;max-width:600px;margin:0 auto}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.subscription-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.subscription-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1e3a8a,#3b82f6);transform:scaleX(0);transition:transform .3s ease}.subscription-card:hover:before{transform:scaleX(1)}.subscription-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#1e3a8a}.subscription-icon{width:64px;height:64px;background:#1e3a8a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .2s ease}.subscription-card:hover .subscription-icon{background:#1e40af;transform:scale(1.05)}.subscription-icon img{width:28px;height:28px;filter:brightness(0) invert(1)}.subscription-content h3{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.subscription-content p{color:#6b7280;line-height:1.6;margin:0 0 1.5rem;font-size:.95rem}.subscription-price{font-weight:600;color:#1e3a8a;font-size:1.125rem;margin-bottom:1.5rem}.subscription-link{display:inline-block;background:#1e3a8a;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;transition:all .2s ease;font-size:.95rem}.subscription-link:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 8px #1e3a8a4d}[data-theme=dark] .subscription-options{background:#1e293b;border-color:#334155}[data-theme=dark] .subscription-header h2{color:#f1f5f9}[data-theme=dark] .subscription-header p{color:#94a3b8}[data-theme=dark] .subscription-card{background:#334155;border-color:#475569}[data-theme=dark] .subscription-content h3{color:#f1f5f9}[data-theme=dark] .heritage-content strong{color:#60a5fa}[data-theme=dark] .mission-statement{background:#334155;border-color:#475569}[data-theme=dark] .mission-quote{color:#60a5fa}[data-theme=dark] .mission-details p{color:#94a3b8}[data-theme=dark] .mission-details strong{color:#e2e8f0}.publication-features{margin-bottom:4rem}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-family:var(--serif-font);font-size:2.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.header-line{width:80px;height:2px;background:#1e3a8a;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#1e3a8a}.feature-icon{width:64px;height:64px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .2s ease}.feature-item:hover .feature-icon{background:#1e3a8a;border-color:#1e3a8a}.feature-icon img{width:28px;height:28px;transition:filter .2s ease}.feature-item:hover .feature-icon img{filter:brightness(0) invert(1)}.feature-content h3{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.feature-content p{color:#6b7280;line-height:1.6;margin:0 0 1rem}.feature-action{color:#1e3a8a;text-decoration:none;font-weight:500;font-size:.95rem;border-bottom:1px solid transparent;transition:all .2s ease}.feature-action:hover{border-bottom-color:#1e3a8a}[data-theme=dark] .traditional-publication{background:#0f172a}[data-theme=dark] .scripture-banner{background:linear-gradient(135deg,#1e40af,#3b82f6)}[data-theme=dark] .publication-main-title{color:#f1f5f9}[data-theme=dark] .publication-subtitle p{color:#94a3b8}[data-theme=dark] .issue-display,[data-theme=dark] .stats-display,[data-theme=dark] .publication-actions,[data-theme=dark] .feature-item{background:#1e293b;border-color:#334155}[data-theme=dark] .current-issue-section h2,[data-theme=dark] .quick-stats-section h2,[data-theme=dark] .actions-header h2,[data-theme=dark] .features-header h2,[data-theme=dark] .feature-content h3{color:#f1f5f9}[data-theme=dark] .issue-info p,[data-theme=dark] .actions-header p,[data-theme=dark] .feature-content p{color:#94a3b8}@media (max-width: 1024px){.showcase-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.publication-container{padding:0 1rem}}@media (max-width: 480px){.publication-main-title{font-size:2rem}.features-header h2{font-size:1.875rem}.actions-header h2,.subscription-header h2{font-size:1.75rem}.subscription-options,.heritage-mission{padding:1.5rem}.heritage-header h2{font-size:1.875rem}.mission-quote{font-size:1.125rem;padding:0 .5rem}.mission-statement{padding:1.5rem}}.minimal-style{background:var(--background-color);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.minimal-container{max-width:800px;width:100%;padding:0 2rem;text-align:center}.minimal-header{margin-bottom:4rem}.minimal-title{font-family:var(--font-family);font-size:2.5rem;font-weight:300;color:var(--text-color);margin:0 0 1rem;letter-spacing:-.02em;line-height:1.1}.minimal-line{width:60px;height:1px;background:var(--text-color);margin:0 auto 2rem}.minimal-subtitle{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6;font-weight:400;max-width:600px;margin:0 auto}.minimal-actions{margin-bottom:5rem}.minimal-button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.minimal-btn{padding:.875rem 2rem;font-size:.95rem;font-weight:500;font-family:var(--font-family);border:none;border-radius:0;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:0;background:none;position:relative;overflow:hidden}.minimal-btn-primary{background:var(--text-color);color:var(--background-color)}.minimal-btn-primary:hover{background:var(--text-muted-color)}.minimal-btn-secondary{background:transparent;color:var(--text-color);border:1px solid var(--text-color)}.minimal-btn-secondary:hover{background:var(--text-color);color:var(--background-color)}.minimal-info{margin-bottom:4rem}.minimal-stats{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.minimal-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.minimal-stat-number{font-size:2rem;font-weight:300;color:var(--text-color);line-height:1}.minimal-stat-label{font-size:.875rem;color:var(--text-muted-color);text-transform:uppercase;letter-spacing:.1em;font-weight:400}.minimal-separator{width:1px;height:40px;background:var(--border-color)}.minimal-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.minimal-feature{padding:1.5rem 0}.minimal-feature h3{font-size:1.125rem;font-weight:500;color:var(--text-color);margin:0 0 .5rem;font-family:var(--font-family)}.minimal-feature p{font-size:.95rem;color:var(--text-muted-color);line-height:1.5;margin:0}[data-theme=dark] .minimal-style{background:var(--background-color)}[data-theme=dark] .minimal-title{color:var(--text-color)}[data-theme=dark] .minimal-btn-primary{background:var(--text-color);color:var(--background-color)}[data-theme=dark] .minimal-btn-secondary{border-color:var(--text-color);color:var(--text-color)}[data-theme=dark] .minimal-btn-secondary:hover{background:var(--text-color);color:var(--background-color)}@media (max-width: 768px){.minimal-title{font-size:2rem}.minimal-subtitle{font-size:1rem}.minimal-button-group{flex-direction:column;align-items:center}.minimal-btn{width:100%;max-width:280px}.minimal-stats{flex-direction:column;gap:1.5rem}.minimal-separator{width:40px;height:1px}.minimal-features{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.minimal-container{padding:0 1rem}.minimal-title{font-size:1.75rem}.minimal-header{margin-bottom:3rem}.minimal-actions{margin-bottom:4rem}.minimal-info{margin-bottom:3rem}}.library-style{min-height:100vh;position:relative;overflow-x:hidden}.library-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f7f3f0,#e8ddd4);pointer-events:none}.library-texture{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(139,69,19,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(101,67,33,.02) 0%,transparent 50%);opacity:.8}.library-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(139,69,19,.05) 0%,transparent 30%,transparent 70%,rgba(101,67,33,.03) 100%)}.library-decorative-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.library-ornament{position:absolute;opacity:.1;color:#8b4513}.library-ornament-1{top:15%;left:5%;transform:rotate(-15deg)}.library-ornament-2{top:25%;right:8%;transform:rotate(20deg)}.library-ornament-3{bottom:20%;left:10%;transform:rotate(10deg)}.library-ornament img{width:48px;height:48px;filter:sepia(1) saturate(2) hue-rotate(15deg)}.library-container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 2rem}.library-header{text-align:center;padding:4rem 0 3rem}.library-title-section{margin-bottom:2rem}.library-ornamental-line{height:2px;width:120px;background:linear-gradient(90deg,transparent,#8b4513,transparent);margin:1rem auto}.library-main-title{font-family:var(--serif-font);font-size:3.5rem;font-weight:700;margin:0;color:#2c1810;text-shadow:1px 1px 2px rgba(0,0,0,.1);line-height:1.1}.library-title-the{display:block;font-size:1.8rem;font-weight:400;color:#8b4513;font-style:italic;margin-bottom:.5rem}.library-title-main{display:block;font-size:3.5rem;font-weight:700;color:#2c1810;margin-bottom:.25rem}.library-title-archive{display:block;font-size:2.2rem;font-weight:600;color:#654321;letter-spacing:.1em}.library-subtitle-section{max-width:800px;margin:0 auto}.library-subtitle{font-size:1.25rem;color:#5d4037;line-height:1.7;margin:0;font-style:italic}.library-actions{text-align:center;padding:2rem 0 4rem}.library-button-group{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.library-btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;font-family:var(--serif-font);border:none;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-width:200px}.library-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.library-btn:hover:before{left:100%}.library-btn-primary{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;box-shadow:0 4px 8px #8b45134d}.library-btn-primary:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-2px);box-shadow:0 6px 12px #8b451366}.library-btn-secondary{background:transparent;color:#8b4513;border:2px solid #8b4513;box-shadow:0 2px 4px #8b451333}.library-btn-secondary:hover{background:#8b4513;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #8b45134d}.library-archive-info{padding:3rem 0}.library-info-card{background:#ffffffe6;border:1px solid rgba(139,69,19,.2);border-radius:12px;padding:3rem;box-shadow:0 8px 24px #8b45131a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.library-card-header{text-align:center;margin-bottom:2.5rem}.library-card-header h2{font-family:var(--serif-font);font-size:2.5rem;font-weight:600;color:#2c1810;margin:0}.library-card-ornament{width:80px;height:3px;background:linear-gradient(90deg,transparent,#8b4513,transparent);margin:1rem auto}.library-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.library-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#8b45130d;border-radius:8px;border-left:4px solid #8b4513}.library-info-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b4513,sienna);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.library-info-icon img{width:24px;height:24px;filter:brightness(0) invert(1)}.library-info-content h3{font-family:var(--serif-font);font-size:1.25rem;font-weight:600;color:#2c1810;margin:0 0 .5rem}.library-info-content p{color:#5d4037;line-height:1.6;margin:0}[data-theme=dark] .library-style .library-background{background:linear-gradient(135deg,#1a1611,#2c1f17)}[data-theme=dark] .library-style .library-main-title{color:#e8ddd4}[data-theme=dark] .library-style .library-title-the{color:#d4a574}[data-theme=dark] .library-style .library-title-archive,[data-theme=dark] .library-style .library-subtitle{color:#c19a6b}[data-theme=dark] .library-style .library-info-card{background:#1a1611e6;border-color:#d4a5744d}[data-theme=dark] .library-style .library-card-header h2,[data-theme=dark] .library-style .library-info-content h3{color:#e8ddd4}[data-theme=dark] .library-style .library-info-content p{color:#c19a6b}@media (max-width: 768px){.library-header{padding:3rem 0 2rem}.library-main-title{font-size:2.5rem}.library-title-the{font-size:1.4rem}.library-title-main{font-size:2.5rem}.library-title-archive{font-size:1.8rem}.library-subtitle{font-size:1.1rem}.library-button-group{flex-direction:column;align-items:center}.library-btn{width:100%;max-width:280px}.library-info-card{padding:2rem}.library-info-grid{grid-template-columns:1fr}.library-info-item{flex-direction:column;text-align:center}}.traditional-background{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background-color);pointer-events:none}.subtle-grid{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.01) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.01) 1px,transparent 1px);background-size:60px 60px;opacity:.3}.traditional-hero{text-align:center;padding:4rem 2rem;max-width:900px;margin:0 auto}.traditional-hero .hero-content{display:flex;flex-direction:column;gap:2rem}.traditional-hero h1{font-family:var(--serif-font);font-size:3rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.traditional-hero .subtitle-wrapper{max-width:700px;margin:0 auto}.traditional-hero .subtitle{font-size:1.125rem;color:var(--text-muted-color);line-height:1.6;margin:0}.traditional-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.traditional-btn{transition:all .2s ease;box-shadow:none;border-radius:6px}.traditional-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.traditional-features{padding:4rem 2rem;background:var(--surface-color);border-top:1px solid var(--border-color)}.traditional-features .features-container{max-width:1000px;margin:0 auto}.traditional-features .features-header{text-align:center;margin-bottom:3rem}.traditional-features .features-header h2{font-family:var(--serif-font);font-size:2.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.traditional-features .features-header p{font-size:1.125rem;color:var(--text-muted-color);max-width:600px;margin:0 auto}.traditional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.traditional-card{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:8px;padding:2rem;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 3px #0000000d}.traditional-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.traditional-icon{width:64px;height:64px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .2s ease}.traditional-icon img{filter:brightness(0) invert(1)}.traditional-card:hover .traditional-icon{background:var(--primary-color-hover);transform:scale(1.05)}.traditional-card .feature-content{display:flex;flex-direction:column;align-items:center;text-align:center}.traditional-card h3{font-family:var(--serif-font);font-size:1.375rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.traditional-card p{color:var(--text-muted-color);line-height:1.6;margin-bottom:1rem}.traditional-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease;border-bottom:1px solid transparent}.traditional-link:hover{color:var(--primary-color-hover);border-bottom-color:var(--primary-color-hover)}.traditional-design .animated-grid,.traditional-design .grid-lines,.traditional-design .grid-overlay{display:none}.traditional-btn:before{display:none}@media (max-width: 768px){.traditional-hero{padding:3rem 1rem}.traditional-hero h1{font-size:2.25rem}.traditional-hero .subtitle{font-size:1rem}.traditional-cta{flex-direction:column;align-items:center}.traditional-cta .btn{width:100%;max-width:300px}.traditional-features{padding:3rem 1rem}.traditional-features .features-header h2{font-size:1.875rem}.traditional-grid{grid-template-columns:1fr;gap:1.5rem}.traditional-card{padding:1.5rem}}@media (max-width: 480px){.traditional-hero h1{font-size:2rem}.traditional-features .features-header h2{font-size:1.625rem}.traditional-card{padding:1.25rem}.traditional-icon{width:56px;height:56px}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafc);padding-top:8rem}[data-theme=dark] .hero-section{background:linear-gradient(180deg,#1e293b,#0f172a)}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.hero-bg-minimal{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.minimal-texture{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(0,0,0,.015) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.01) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;color:#1a1a1a;max-width:1000px;padding:0 2rem;transform:translateY(-6rem)}.hero-content-minimal{display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-content-minimal.visible{opacity:1;transform:translateY(0)}.hero-eyebrow{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#666;margin-bottom:.5rem}[data-theme=dark] .hero-eyebrow{color:#94a3b8}.hero-title-minimal{font-family:Georgia,serif;font-weight:400;line-height:1.1;margin:0;display:flex;flex-direction:column;align-items:center}.title-line-1{font-size:4rem;color:#2a2a2a;margin-bottom:.25rem}[data-theme=dark] .title-line-1{color:#e2e8f0}.title-line-2{font-size:4rem;color:#005d72;font-weight:500}.hero-action-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0 3rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .4s forwards}.hero-btn{padding:14px 28px;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-width:140px}.hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.hero-btn:hover:before{left:100%}.hero-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--gradient-secondary)}.hero-btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:var(--shadow-sm)}.hero-btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-scripture-minimal{max-width:700px;margin:1rem 0}.scripture-verse-hero{font-family:Georgia,serif;font-size:1.5rem;font-style:italic;line-height:1.6;color:#888;margin:0 0 1rem;quotes:""" """ "'" "'"}[data-theme=dark] .scripture-verse-hero{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.5)}.scripture-verse-hero:before{content:open-quote}.scripture-verse-hero:after{content:close-quote}.scripture-reference-hero{font-size:1rem;color:#666;font-weight:500;font-style:normal}[data-theme=dark] .scripture-reference-hero{color:#cbd5e1;text-shadow:0 1px 3px rgba(0,0,0,.4)}.hero-description-minimal{font-size:1.2rem;line-height:1.6;color:#555;max-width:600px;margin:0 auto}[data-theme=dark] .hero-description-minimal{color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.hero-magazine-showcase{margin:1.5rem 0;width:100%;display:flex;justify-content:center;align-items:center;overflow:visible}.hero-magazine-fan{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:900px;height:400px;margin:0 auto;overflow:visible;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.hero-magazine-fan.visible{opacity:1;transform:translateY(0)}.hero-fan-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7) rotate(0);transition:all 1.2s cubic-bezier(.4,0,.2,1);z-index:1;width:280px;height:360px;margin:0;padding:0;opacity:0;filter:drop-shadow(0 8px 24px rgba(0,0,0,.15))}.hero-magazine-fan.visible .hero-fan-image{opacity:1}.hero-fan-image:nth-child(1){z-index:5}.hero-fan-image:nth-child(2){z-index:4}.hero-fan-image:nth-child(3){z-index:3}.hero-fan-image:nth-child(4){z-index:2}.hero-fan-image:nth-child(5){z-index:1}.hero-magazine-fan .hero-fan-image:nth-child(1){transform:translate(-50%,-50%) scale(.8) rotate(0);transition-delay:.1s}.hero-magazine-fan .hero-fan-image:nth-child(2){transform:translate(-50%,-50%) scale(.8) rotate(2deg);transition-delay:.2s}.hero-magazine-fan .hero-fan-image:nth-child(3){transform:translate(-50%,-50%) scale(.8) rotate(-2deg);transition-delay:.3s}.hero-magazine-fan .hero-fan-image:nth-child(4){transform:translate(-50%,-50%) scale(.8) rotate(4deg);transition-delay:.4s}.hero-magazine-fan .hero-fan-image:nth-child(5){transform:translate(-50%,-50%) scale(.8) rotate(-4deg);transition-delay:.5s}.hero-magazine-fan.visible .hero-fan-image:nth-child(1){transform:translate(-50%,-50%) translate(-320px) scale(1.1) rotate(0);transition-delay:.6s}.hero-magazine-fan.visible .hero-fan-image:nth-child(2){transform:translate(-50%,-50%) translate(-160px) scale(1.1) rotate(0);transition-delay:.7s}.hero-magazine-fan.visible .hero-fan-image:nth-child(3){transform:translate(-50%,-50%) translate(0) scale(1.1) rotate(0);transition-delay:.8s}.hero-magazine-fan.visible .hero-fan-image:nth-child(4){transform:translate(-50%,-50%) translate(160px) scale(1.1) rotate(0);transition-delay:.9s}.hero-magazine-fan.visible .hero-fan-image:nth-child(5){transform:translate(-50%,-50%) translate(320px) scale(1.1) rotate(0);transition-delay:1s}.hero-fan-image img{width:100%;height:100%;object-fit:contain;border-radius:16px;transition:all .3s ease;border:2px solid rgba(255,255,255,.1)}.hero-fan-image:hover img{transform:scale(1.05)}[data-theme=dark] .hero-fan-image img{border:2px solid transparent}@media (max-width: 1024px){.hero-magazine-fan{max-width:700px;height:320px}.hero-fan-image{width:220px;height:280px}.hero-magazine-fan.visible .hero-fan-image:nth-child(1){transform:translate(-50%,-50%) translate(-250px) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(2){transform:translate(-50%,-50%) translate(-125px) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(3){transform:translate(-50%,-50%) translate(0) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(4){transform:translate(-50%,-50%) translate(125px) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(5){transform:translate(-50%,-50%) translate(250px) scale(1.1) rotate(0)}}@media (max-width: 768px){.hero-magazine-fan{max-width:100%;height:auto;min-height:200px;padding:1rem;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}.hero-magazine-fan .hero-fan-image{position:relative;top:auto;left:auto;transform:none!important;transition:none!important;z-index:auto;display:none}.hero-magazine-fan .hero-fan-image:first-child{display:block}.hero-fan-image img{width:180px;height:240px;object-fit:contain;transition:transform .3s ease}.hero-fan-image:hover img{transform:scale(1.05)}}@media (max-width: 480px){.hero-fan-image img{width:140px;height:180px}}.hero-stats-minimal{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 2rem}.stat-minimal{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 1rem;transition:all .3s ease}.stat-minimal:hover{transform:translateY(-3px)}.stat-number-minimal{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#005d72,#007a9a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.stat-label-minimal{font-size:.9rem;color:#005d72;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.stat-divider{display:none}.editorial-timeline-section{padding:8rem 2rem;background:var(--bg-color);position:relative;overflow:hidden}.timeline-content{max-width:1200px;margin:0 auto}.timeline-header{text-align:center;margin-bottom:5rem}.timeline-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}.timeline-header p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.timeline-container{position:relative;max-width:1000px;margin:0 auto}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-color) 0%,var(--secondary-color) 50%,var(--primary-color) 100%);transform:translate(-50%);z-index:1}.timeline-line:before{content:"";position:absolute;top:0;left:0;right:0;height:0%;background:linear-gradient(to bottom,var(--primary-color) 0%,var(--secondary-color) 50%,var(--primary-color) 100%);animation:timelineProgress 2s ease-out forwards;box-shadow:0 0 10px #005d724d;z-index:1}@keyframes timelineProgress{0%{height:0%}to{height:100%}}.timeline-item{position:relative;margin-bottom:4rem;display:flex;align-items:center;min-height:120px;transition:all .8s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(60px) scale(.95);z-index:5}.timeline-item:nth-child(odd){animation-delay:.1s}.timeline-item:nth-child(2n){animation-delay:.2s}.timeline-item.visible{opacity:1;transform:translateY(0) scale(1);z-index:5}.timeline-item.right{flex-direction:row-reverse}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center}.timeline-year{background:var(--primary-color);color:#fff;padding:.75rem 1.25rem;border-radius:25px;font-weight:600;font-size:1rem;box-shadow:0 4px 15px #0000001a;border:3px solid white;position:relative;z-index:15;transition:all .3s ease;animation:timelinePulse 2s ease-in-out infinite}.timeline-year:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:2px;height:8px;background:var(--primary-color)}.timeline-year:hover{transform:scale(1.1);box-shadow:0 8px 25px #005d724d;animation:none}@keyframes timelinePulse{0%,to{box-shadow:0 4px 15px #0000001a,0 0 #005d7266}50%{box-shadow:0 4px 15px #0000001a,0 0 0 8px #005d7200}}.timeline-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 30px #00000014;border:1px solid var(--border-color);display:flex;align-items:center;gap:1.5rem;max-width:450px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=dark] .timeline-card{background:#1a1a1a;border:1px solid #333;box-shadow:0 8px 30px #0000004d,0 0 0 1px #ffffff0d}.timeline-item.left .timeline-card{margin-right:60px}.timeline-item.right .timeline-card{margin-left:60px}.timeline-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #005d7226;border-color:var(--primary-color)}.timeline-cover{flex-shrink:0;width:80px;height:120px;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.timeline-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.timeline-content h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--text-color);font-weight:600}[data-theme=dark] .timeline-content h3{color:#e0e0e0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.timeline-subtitle{font-size:.9rem;color:var(--primary-color);font-weight:500;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.timeline-content p{color:var(--text-muted);line-height:1.5;margin:0}[data-theme=dark] .timeline-content p{color:#b0b0b0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.timeline-subscription{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.timeline-subscribe-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;text-decoration:none;padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border:none;cursor:pointer}.timeline-subscribe-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--gradient-primary-hover)}.timeline-subscribe-btn svg{flex-shrink:0}.store-section-flow{padding:6rem 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.store-content-flow{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.store-text h2{font-size:2.5rem;margin-bottom:1.5rem;color:#fff}.store-text p{font-size:1rem;line-height:1.7;margin-bottom:2rem;opacity:.95}.store-btn-flow{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.store-btn-flow:hover{background:#ffffff40;transform:translateY(-2px)}.store-visual{display:flex;justify-content:center;align-items:center}.rcm-logo-flow{max-width:280px;height:auto;filter:brightness(0) invert(1);opacity:.9}.scripture-section{padding:4rem 2rem;background:var(--text-color);color:#fff;text-align:center}.scripture-content{max-width:800px;margin:0 auto}.scripture-quote{font-size:1.25rem;font-style:italic;margin-bottom:1rem;line-height:1.6;max-width:1000px;margin-left:auto;margin-right:auto;color:#fff}[data-theme=dark] .scripture-quote{color:#666;text-shadow:0 1px 2px rgba(0,0,0,.3)}.scripture-reference{font-size:1rem;opacity:.8;font-weight:500;color:#666}[data-theme=dark] .scripture-reference{opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 768px){.hero-section{padding-top:8rem;margin-top:0}.hero-content{transform:translateY(-1rem);padding-top:2rem}.title-line-1,.title-line-2{font-size:2.2rem;line-height:1.2;margin-bottom:.5rem}.hero-action-buttons{flex-direction:column;align-items:center;gap:1rem;margin:2rem 0 3rem}.hero-btn{min-width:200px;min-height:48px;padding:14px 28px;font-size:1.1rem;font-weight:600}.hero-magazine-fan{width:100%;max-width:100%;height:200px;justify-content:center;align-items:center;padding:0 .5rem;overflow:visible;margin:0 auto}.hero-magazine-fan.animate{width:100%;max-width:100%}.hero-magazine-cover{width:100px;height:150px}.hero-page{width:80px;height:120px}.hero-page img{width:100%;height:100%;object-fit:cover}.hero-magazine-fan.animate .hero-magazine-cover{transform:translate(-50%) translateY(-10px) scale(1.4);box-shadow:0 12px 35px #00000040;z-index:10}.hero-magazine-fan.animate .hero-page-1{transform:translate(-160px) rotate(0) scale(1.4)}.hero-magazine-fan.animate .hero-page-2{transform:translate(-60px) rotate(0) scale(1.4)}.hero-magazine-fan.animate .hero-page-3{transform:translate(60px) rotate(0) scale(1.4)}.hero-magazine-fan.animate .hero-page-4{transform:translate(180px) rotate(0) scale(1.4)}.scripture-verse-hero{font-size:1.2rem}.hero-description-minimal{font-size:1.1rem}.hero-stats-minimal{flex-direction:column;gap:1.5rem;margin-top:2rem;padding:0 1rem}.stat-minimal{flex:none;padding:0 .5rem}.stat-number-minimal{font-size:2.5rem}.stat-label-minimal{font-size:.8rem;letter-spacing:1px}.editorial-timeline-section{padding:4rem 1rem}.timeline-header h2{font-size:2rem}.timeline-line{left:30px}.timeline-item{flex-direction:row!important;margin-bottom:3rem;align-items:center}.timeline-marker{left:30px;z-index:20;top:50%;transform:translate(-50%,-50%)}.timeline-card{margin-left:80px!important;margin-right:0!important;max-width:none;flex-direction:column;text-align:center;gap:1rem;z-index:10;margin-top:0}.timeline-cover{width:60px;height:90px}.timeline-subscribe-btn{padding:.625rem .875rem;font-size:.8rem}@media (min-width: 769px) and (max-width: 1024px){.timeline-line{left:30px}.timeline-item{flex-direction:row!important;margin-bottom:3rem;align-items:center}.timeline-marker{left:30px;z-index:20;top:50%;transform:translate(-50%,-50%)}.timeline-card{margin-left:80px!important;margin-right:0!important;max-width:none;flex-direction:column;text-align:center;gap:1rem;z-index:10;margin-top:0}}@media (max-width: 768px) and (orientation: landscape){.timeline-marker{left:50%;transform:translate(-50%);top:0;z-index:20}.timeline-card{margin-left:70px!important;margin-right:70px!important;margin-top:25px!important;max-width:350px;z-index:10}.timeline-item.left .timeline-card{margin-right:70px!important;margin-left:0!important}.timeline-item.right .timeline-card{margin-left:70px!important;margin-right:0!important}}.store-content-flow{grid-template-columns:1fr;gap:2rem;text-align:center}.store-text h2{font-size:1.75rem}.scripture-quote{font-size:1.1rem}.rcm-logo-flow{max-width:200px}}@media (max-width: 480px){.hero-section{min-height:80vh;padding-top:6rem;margin-top:80px}.hero-content{transform:translateY(-1rem);padding-top:1rem}.hero-action-buttons{margin:1.5rem 0 2.5rem}.hero-btn{min-width:180px;min-height:44px;padding:12px 24px;font-size:1rem;font-weight:600}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.features-section,.store-section-flow{padding:4rem 1rem}.scripture-section{padding:3rem 1rem}.scripture-quote{font-size:1rem}.rcm-logo-flow{max-width:150px}}.store-section-new{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,93,114,.2);border-radius:12px;margin:3rem 1rem 2rem;padding:2rem;position:relative;z-index:2}[data-theme=dark] .store-section-new{background:#1a1a1ad9;border-color:#005d724d}.store-content-new{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto}.store-text-content h3{font-size:1.5rem;font-weight:500;color:var(--primary-color);margin:0 0 .75rem;letter-spacing:.3px}.store-text-content p{color:var(--text-muted-color);line-height:1.6;margin:0 0 1.5rem;font-weight:400;max-width:400px}.store-btn-new{display:inline-flex;align-items:center;background:var(--primary-color);color:#fff;text-decoration:none;padding:.75rem 1.5rem;font-weight:500;border-radius:6px;transition:all .3s ease;border:1px solid var(--primary-color);letter-spacing:.3px;font-size:.95rem}.store-btn-new:hover{background:var(--primary-color-hover);border-color:var(--primary-color-hover);transform:translateY(-1px)}.store-logo-new{flex-shrink:0}.rcm-store-logo-new{width:80px;height:auto;opacity:.9;transition:opacity .3s ease}.store-section-new:hover .rcm-store-logo-new{opacity:1}@media (max-width: 768px){.store-content-new{flex-direction:column;text-align:center;gap:1.5rem}.store-text-content{order:2}.store-logo-new{order:1}.store-section-new{margin:2rem .5rem 1.5rem;padding:1.5rem}}.timeline-showcase-section{margin:3rem 0 2.5rem;position:relative;z-index:1}.timeline-covers-row{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;padding:1rem 0 .5rem;scrollbar-width:thin;scrollbar-color:var(--border-subtle) var(--surface-color)}.timeline-cover{min-width:90px;max-width:90px;flex:0 0 90px}.featured-years-section{margin:2.5rem 0;position:relative;z-index:1}.featured-years-grid{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;justify-content:center;margin-top:1rem}.featured-cover{min-width:140px;max-width:140px;flex:0 0 140px}@media (max-width: 900px){.timeline-covers-row{gap:.25rem}.featured-years-grid{gap:1rem 1rem}}@media (max-width: 600px){.timeline-covers-row{gap:.1rem;padding-bottom:.5rem}.featured-years-grid{flex-direction:column;align-items:center;gap:.5rem 0}}.search-loading-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:var(--surface-subtle);border-radius:var(--border-radius-lg);margin:1rem;border:1px solid var(--border-subtle)}.search-progress-bar{width:100%;max-width:400px;height:6px;background:var(--surface-color);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000001a}.search-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;transition:width .3s ease-out;position:relative;overflow:hidden}.search-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:searchShimmer 1.5s infinite}@keyframes searchShimmer{0%{left:-100%}to{left:100%}}.search-phase{display:flex;align-items:center;gap:.75rem;color:var(--text-muted-color);font-size:.875rem;font-weight:500}.search-phase-icon{width:16px;height:16px;border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.search-phase.active .search-phase-icon{border-color:var(--accent-color);border-top-color:transparent}.search-loading-simple{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;text-align:center}.search-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.search-loading-text{color:var(--text-muted-color);font-size:.875rem;font-weight:500;margin:0}.search-status-enhanced{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--surface-subtle);border-radius:var(--border-radius-lg);margin:1rem;border:1px solid var(--border-subtle);text-align:center}.search-status-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-size:1.25rem}.search-status-icon.searching{background:var(--accent-color);animation:pulse 2s infinite}.search-status-icon.success{background:var(--success-color)}.search-status-icon.error{background:var(--error-color)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.search-status-title{font-family:var(--serif-font);font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.search-status-message{color:var(--text-muted-color);font-size:.875rem;line-height:1.5;margin:0;max-width:300px}.search-results-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem}.search-result-skeleton{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:1.5rem;height:120px;position:relative;overflow:hidden}.search-result-skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{left:-100%}to{left:100%}}.skeleton-line{height:12px;background:var(--border-color);border-radius:6px;margin-bottom:.75rem;opacity:.6}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.search-button-enhanced{position:relative;overflow:hidden;transition:all var(--transition-normal)}.search-button-enhanced.loading{pointer-events:none}.search-button-enhanced.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.search-button-enhanced.loading .search-button-text{opacity:0}@media (max-width: 768px){.search-loading-container{padding:1.5rem 1rem;margin:.5rem}.search-progress-bar{max-width:100%}.search-results-loading{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.search-result-skeleton{height:100px;padding:1rem}}@media (max-width: 480px){.search-loading-container{padding:1rem}.search-status-enhanced{padding:1.5rem 1rem}.search-status-icon{width:40px;height:40px;font-size:1rem}}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.4;cursor:pointer;margin-bottom:1rem}.checkbox-label input[type=checkbox]{margin:0;margin-top:.1rem;flex-shrink:0;width:16px;height:16px}.subscription-check-section{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:0;padding:1.5rem;margin-top:1rem;transition:all var(--transition-normal)}.subscription-check-section:hover{border-color:var(--primary-color);background:var(--surface-elevated)}.checkbox-label.enhanced{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;font-size:.875rem;color:var(--text-color);-webkit-user-select:none;user-select:none;position:relative}.checkbox-label.enhanced input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;height:20px;width:20px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:0;flex-shrink:0;margin-top:2px;transition:all var(--transition-normal)}.checkbox-label.enhanced:hover .checkbox-custom{border-color:var(--primary-color);background:var(--surface-subtle)}.checkbox-label.enhanced input:checked~.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-custom:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label.enhanced input:checked~.checkbox-custom:after{display:block}.checkbox-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.checkbox-text{font-weight:600;color:var(--text-color);font-size:.9rem}.checkbox-description{color:var(--text-muted-color);font-size:.8rem;line-height:1.4}.success-message{text-align:center;padding:2rem 1rem}.success-message p{margin-bottom:2rem;line-height:1.6;color:var(--text-secondary)}.year-cover-card{position:relative;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);will-change:transform;contain:layout style paint}.year-cover-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.year-cover-canvas-container{position:relative;width:100%;aspect-ratio:3 / 4;background:var(--surface-subtle);overflow:hidden;display:flex;align-items:center;justify-content:center}.year-cover-canvas-container img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-normal);will-change:opacity;contain:layout style paint}.loader{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.years-grid-container{position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position}.years-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;padding:1rem;position:relative;width:100%}.year-cover-card img{backface-visibility:hidden;transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.year-cover-card img[style*="opacity: 0"],.year-cover-card img[style*="opacity: 1"]{transition:opacity .3s ease-in-out}.cover-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted-color);font-size:.875rem;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}.cover-error img{width:24px;height:24px;margin-bottom:.5rem;opacity:.6}.reading-page{min-height:100vh;background:var(--background-color);contain:layout style}.reading-header{text-align:center;padding:2rem 0;margin-bottom:2rem}.reading-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.reading-header p{font-size:1.125rem;color:var(--text-muted-color);max-width:600px;margin:0 auto}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.reading-page .fullscreen-controls{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026;border-bottom:1px solid var(--border-color);z-index:1000;height:60px;padding:0 2rem}[data-theme=dark] .reading-page .fullscreen-controls{background:#1e1e1ef2}.reading-page .pdf-display-area{position:relative;display:flex;align-items:flex-start;justify-content:center;padding:2rem;min-height:calc(100vh - 60px);width:100%;overflow-y:auto;overflow-x:auto}.back-button{background:none;border:none;color:var(--text-color);font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius);transition:background-color var(--transition-normal)}.back-button:hover{background:var(--surface-subtle)}.pdf-controls{display:flex;align-items:center;gap:0;flex-wrap:wrap;max-width:100%;overflow-x:auto}.pdf-controls .control-group{display:flex;align-items:center;gap:0}.pdf-controls .control-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:0;cursor:pointer;transition:all var(--transition-fast);padding:0;margin:0}.pdf-controls .control-btn:not(:last-child){border-right:none}.pdf-controls .control-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;z-index:1;position:relative;box-shadow:0 0 0 1px var(--primary-color)}.pdf-controls .control-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-muted);color:var(--text-muted-color)}.pdf-controls .control-btn svg{width:20px;height:20px}.pdf-controls .page-indicator{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem;height:48px;background:var(--surface-color);border:1px solid var(--border-color);border-left:none;border-right:none;font-size:.9rem;min-width:120px;justify-content:center}.pdf-controls .current-page{font-weight:700;color:var(--primary-color);font-size:1rem}.pdf-controls .separator{color:var(--text-muted-color);font-weight:400}.pdf-controls .total-pages{font-weight:500;color:var(--text-color)}.pdf-controls .zoom-indicator{display:flex;align-items:center;justify-content:center;padding:0 1rem;height:48px;background:var(--surface-color);border:1px solid var(--border-color);border-left:none;border-right:none;font-weight:600;font-size:.9rem;min-width:80px;color:var(--text-color)}.pdf-controls .control-divider{width:1px;height:32px;background:var(--border-color);margin:0 1rem}.pdf-viewer-container{flex:1;display:flex;flex-direction:column;background:var(--background-color)}.pdf-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem}.page-navigation{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.page-navigation button{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-normal)}.page-navigation button:hover:not(:disabled){background:var(--primary-color-hover)}.page-navigation button:disabled{opacity:.5;cursor:not-allowed}.page-navigation span{font-weight:600;color:var(--text-color)}.canvas-container{max-width:100%;overflow:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);background:#fff}.canvas-container.pdf-display-area{max-height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden}.canvas-container canvas{display:block;max-width:100%;height:auto}.loading-indicator{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted-color);font-size:1.125rem}.error-message{text-align:center;padding:3rem;color:var(--error-color)}.error-message h2,.error-message h3{margin-bottom:1rem;color:var(--error-color)}.error-message button{margin-top:1rem;background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-normal)}.error-message button:hover{background:var(--primary-color-hover)}@media (max-width: 768px){.years-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:.5rem}.year-cover-canvas-container{aspect-ratio:3 / 4!important;height:auto!important;min-height:0}.reading-header h1{font-size:2rem}.pdf-viewer-header{flex-direction:column;gap:1rem;align-items:stretch}.pdf-controls{justify-content:center;flex-wrap:wrap}.page-navigation{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.years-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.year-cover-canvas-container{aspect-ratio:3 / 4!important;height:auto!important;min-height:0;width:100%!important;max-width:none!important}.reading-header h1{font-size:1.75rem}.pdf-content{padding:1rem}}.years-grid-container::-webkit-scrollbar{width:8px}.years-grid-container::-webkit-scrollbar-track{background:var(--surface-subtle);border-radius:4px}.years-grid-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.years-grid-container::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}@media (prefers-reduced-motion: reduce){.year-cover-card,.year-cover-card img,.loader{transition:none;animation:none}.years-grid-container{scroll-behavior:auto}}@media (prefers-contrast: high){.year-cover-canvas-container{border:2px solid var(--text-color)}.pdf-controls button{border-width:2px}}.section-actions{display:flex;gap:.5rem;margin-left:auto}.btn-sm{padding:.375rem .75rem;font-size:.875rem;border-radius:var(--border-radius-sm)}.edit-form{background:var(--surface-color);border-radius:var(--border-radius);padding:1.5rem;margin-top:1rem}.edit-form h4{margin:0 0 1rem;color:var(--text-color);font-size:1.125rem;font-weight:600}.error-messages{background:var(--error-color);color:#fff;padding:.75rem;border-radius:var(--border-radius-sm);margin-bottom:1rem}.error-message{margin:.25rem 0;font-size:.875rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--surface-color);color:var(--text-color);font-size:1rem;transition:border-color var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.warning-text{background:var(--warning-color);color:var(--warning-text-color);padding:.75rem;border-radius:var(--border-radius-sm);margin-bottom:1rem;font-size:.875rem;line-height:1.4}.danger-section{border-color:var(--error-color)}.danger-section .section-header{border-bottom-color:var(--error-color)}.danger-icon{color:var(--error-color)}.danger-zone-content{text-align:center;padding:1rem}.danger-zone-content p{margin-bottom:1rem;color:var(--text-muted-color);font-size:.875rem}.btn-danger{background:var(--error-color);color:#fff;border:1px solid var(--error-color)}.btn-danger:hover{background:var(--error-color-hover);border-color:var(--error-color-hover)}@media print{.pdf-viewer-header,.page-navigation{display:none}.canvas-container{box-shadow:none}}.admin-approvals-content{padding:1rem}.approval-section{margin-bottom:2rem}.approval-section h4{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.approvals-table{margin-top:1rem}.subscription-check-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.subscription-check-badge.requested{background:var(--warning-bg);color:var(--warning-text)}.subscription-check-badge.none{background:var(--surface-subtle);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--surface-primary);border-radius:.75rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-subtle);position:relative}.modal h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.5}.modal textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1.5rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;background:var(--surface-default);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}.modal textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.modal input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem;font-size:1rem;background:var(--surface-default);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}.modal input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.modal-actions .btn{min-width:100px;padding:.75rem 1.5rem;font-weight:500}.modal-actions .btn-danger{background:var(--error-color);color:#fff;border:1px solid var(--error-color)}.modal-actions .btn-danger:hover{background:var(--error-color-hover);border-color:var(--error-color-hover)}.modal-actions .btn-outline{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.modal-actions .btn-outline:hover{background:var(--surface-subtle);border-color:var(--border-subtle)}.renewal-status{margin-top:.25rem;font-size:.75rem}.renewal-overdue{color:var(--error-color);font-weight:600}.renewal-due-soon{color:var(--warning-color);font-weight:600}.renewal-active{color:var(--success-color);font-weight:600}.renewal-info{margin-top:.25rem;font-size:.75rem;color:var(--text-secondary)}.renewal-info small{display:block;margin-bottom:.125rem}.legal-page{min-height:100vh;background:var(--background-color);padding:2rem 0}.legal-content{max-width:800px;margin:0 auto;padding:0 var(--container-padding);background:var(--surface-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.legal-content h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;padding:2rem 2rem 0;border-bottom:2px solid var(--border-color)}.last-updated{color:var(--text-muted-color);font-size:.875rem;margin-bottom:2rem;padding:0 2rem;font-style:italic}.legal-content section{padding:2rem;border-bottom:1px solid var(--border-subtle)}.legal-content section:last-child{border-bottom:none}.legal-content h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.legal-content h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:1.5rem 0 .75rem}.legal-content p{color:var(--text-color);line-height:1.7;margin-bottom:1rem}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{color:var(--text-color);line-height:1.6;margin-bottom:.5rem}.legal-content strong{color:var(--text-accent);font-weight:600}.legal-actions{padding:2rem;text-align:center;background:var(--surface-subtle);border-top:1px solid var(--border-color)}.legal-actions .btn{min-width:150px}[data-theme=dark] .legal-content{background:var(--surface-elevated);border:1px solid var(--border-color)}[data-theme=dark] .legal-content h1{border-bottom-color:var(--border-color)}[data-theme=dark] .legal-content h2{border-bottom-color:var(--border-subtle)}[data-theme=dark] .legal-content section{border-bottom-color:var(--border-subtle)}[data-theme=dark] .legal-actions{background:var(--surface-subtle);border-top-color:var(--border-color)}@media (max-width: 768px){.legal-content{margin:0 1rem;border-radius:var(--border-radius)}.legal-content h1{font-size:2rem;padding:1.5rem 1.5rem 0}.legal-content section{padding:1.5rem}.legal-content h2{font-size:1.25rem}.legal-content h3{font-size:1.125rem}.legal-actions{padding:1.5rem}}@media (max-width: 480px){.legal-page{padding:1rem 0}.legal-content{margin:0 .5rem}.legal-content h1{font-size:1.75rem;padding:1rem 1rem 0}.legal-content section{padding:1rem}.legal-content h2{font-size:1.125rem}.legal-content h3{font-size:1rem}.legal-actions{padding:1rem}.legal-actions .btn{min-width:120px}}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,sans-serif}.maintenance-container{max-width:600px;padding:2rem;text-align:center}.maintenance-content{background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 20px 40px #0000001a}.maintenance-icon{margin-bottom:2rem;color:#6366f1}.maintenance-content h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.maintenance-message{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.maintenance-details{text-align:left;margin-bottom:2rem}.maintenance-details p{font-weight:600;color:#374151;margin-bottom:1rem}.maintenance-details ul{list-style:none;padding:0}.maintenance-details li{color:#6b7280;position:relative;padding:.5rem 0 .5rem 1.5rem}.maintenance-details li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.maintenance-contact{margin-bottom:2rem}.maintenance-contact p{color:#6b7280;margin-bottom:1rem}.maintenance-btn{display:inline-block;background:#6366f1;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.maintenance-btn:hover{background:#4f46e5}.maintenance-footer p{color:#6b7280;margin-bottom:.5rem}.maintenance-brand{font-weight:600;color:#374151;font-style:italic}@media (prefers-color-scheme: dark){.maintenance-page{background:linear-gradient(135deg,#1f2937,#111827)}.maintenance-content{background:#374151;color:#fff}.maintenance-content h1{color:#fff}.maintenance-message,.maintenance-details p,.maintenance-contact p,.maintenance-footer p{color:#d1d5db}.maintenance-details li{color:#9ca3af}.maintenance-brand{color:#fff}.maintenance-footer{border-top-color:#4b5563}}[data-theme=dark] .admin-filters{background:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .filter-select{background:var(--surface-elevated);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .filter-select:hover{border-color:var(--primary-color);background:var(--surface-color)}[data-theme=dark] .filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007a8c1a;background:var(--surface-elevated)}[data-theme=dark] .sort-direction-btn{background:var(--surface-elevated);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .sort-direction-btn:hover{background:var(--surface-color);border-color:var(--primary-color)}[data-theme=dark] .page-size-select{background:var(--surface-elevated);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .page-size-select:hover{border-color:var(--primary-color);background:var(--surface-color)}[data-theme=dark] .page-size-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007a8c1a;background:var(--surface-elevated)}[data-theme=dark] .modal{background:var(--surface-elevated);border-color:var(--border-color)}[data-theme=dark] .modal h3{color:var(--text-color)}[data-theme=dark] .modal p{color:var(--text-muted-color)}[data-theme=dark] .modal input,[data-theme=dark] .modal textarea,[data-theme=dark] .modal select{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .modal input:focus,[data-theme=dark] .modal textarea:focus,[data-theme=dark] .modal select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007a8c1a;background:var(--surface-elevated)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007a8c1a;background:var(--surface-elevated)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--text-light)}[data-theme=dark] .search-input,[data-theme=dark] .search-input-simple{background:var(--surface-color);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .search-input:focus,[data-theme=dark] .search-input-simple:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007a8c1a;background:var(--surface-elevated)}[data-theme=dark] .search-input::placeholder,[data-theme=dark] .search-input-simple::placeholder{color:var(--text-light)}[data-theme=dark] .admin-table{background:#1e293b;border-color:#334155;box-shadow:none}[data-theme=dark] .admin-table th{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .admin-table td{border-color:#334155;color:#e2e8f0;background:#1e293b}[data-theme=dark] .admin-table tr:hover{background:#334155}[data-theme=dark] .card,[data-theme=dark] .info-card,[data-theme=dark] .performance-card,[data-theme=dark] .session-stat,[data-theme=dark] .analytics-stat{background:var(--surface-elevated);border-color:var(--border-color)}[data-theme=dark] .card:hover,[data-theme=dark] .info-card:hover,[data-theme=dark] .performance-card:hover,[data-theme=dark] .session-stat:hover,[data-theme=dark] .analytics-stat:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .role-badge.user{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .role-badge.admin{background:#06b6d426;border-color:#06b6d44d;color:#22d3ee}[data-theme=dark] .subscription-badge.active{background:#05966926;border-color:#0596694d;color:#10b981}[data-theme=dark] .subscription-badge.inactive{background:#ef444426;border-color:#ef44444d;color:#f87171}[data-theme=dark] .type-badge{background:var(--surface-color);border-color:var(--border-color);color:var(--text-muted-color)}[data-theme=dark] .status-badge.active{background:#05966926;border-color:#0596694d;color:#10b981}[data-theme=dark] .suspicious-flag{color:#f87171}@media (max-width: 768px){.btn,.nav-links a,.unified-nav-links a,.search-button-simple,.search-action-button,.control-btn,.page-navigation button,.pagination button,.tab-button,.help-nav-button,.theme-toggle,.unified-nav-mobile-toggle{min-height:44px;min-width:44px;padding:12px 16px}.btn+.btn,.search-action-button+.search-action-button{margin-left:12px}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-size:16px;padding:12px 16px;min-height:44px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:16px}.unified-nav-mobile-menu{padding:20px}.unified-nav-mobile-links a{padding:16px 20px;margin-bottom:8px;font-size:18px;border-radius:var(--border-radius)}.unified-nav-mobile-actions{padding:20px;gap:12px}.unified-nav-mobile-actions .btn{width:100%;justify-content:center}.search-input-simple{font-size:16px;padding:16px 20px;min-height:48px}.search-button-simple{min-height:48px;padding:16px 24px}.admin-table,.trends-data-table{font-size:14px}.admin-table th,.admin-table td,.trends-data-table th,.trends-data-table td{padding:12px 8px}.card,.result-card,.feature-card,.mission-card,.heritage-card,.tech-feature,.stat-item,.stat-item-large{padding:20px;margin-bottom:16px}.page-container{padding:1rem;padding-top:calc(1rem + 80px)}.section-spacing{margin-bottom:2rem}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.4}p{font-size:16px;line-height:1.6}.features-grid,.stats-grid,.mission-grid,.heritage-grid,.tech-features{grid-template-columns:1fr;gap:16px}.hero-section,.welcome-hero,.about-hero{padding:2rem 1rem;text-align:center}.hero-action-buttons{flex-direction:column;gap:12px;align-items:center}.hero-btn{width:100%;max-width:300px}.results-list{gap:16px}.result-card{padding:16px}.result-header h4{font-size:1.1rem;margin-bottom:8px}.result-text{font-size:14px;line-height:1.5}.search-sidebar{padding:20px}.search-form{gap:16px}.modal{margin:20px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}.modal-content{padding:20px}.progress-bar{height:8px}.progress-fill{border-radius:4px}.loading-overlay{padding:20px}.spinner{width:40px;height:40px}.error-state,.empty-state{padding:40px 20px;text-align:center}.error-state .btn,.empty-state .btn{width:100%;max-width:250px}}@media (min-width: 769px) and (max-width: 1024px){.page-container{padding:1.5rem;padding-top:calc(1.5rem + 80px)}.features-grid,.stats-grid,.mission-grid{grid-template-columns:repeat(2,1fr);gap:20px}.unified-nav-links a{padding:12px 16px;font-size:15px}.admin-table,.trends-data-table{font-size:14px}.admin-table th,.admin-table td,.trends-data-table th,.trends-data-table td{padding:10px 8px}.card,.result-card,.feature-card{padding:24px}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.4rem}.search-input-simple{padding:14px 18px}.search-button-simple{padding:14px 20px}.hero-section,.welcome-hero{padding:3rem 2rem}.hero-action-buttons{gap:16px}.modal{margin:40px;max-width:600px}}@media (max-width: 480px){.page-container{padding:.75rem;padding-top:calc(.75rem + 80px)}.btn,.nav-links a,.unified-nav-links a{min-height:40px;padding:10px 14px;font-size:14px}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.2rem}p{font-size:15px}.card,.result-card,.feature-card{padding:16px;margin-bottom:12px}.unified-nav-mobile-menu{padding:16px}.unified-nav-mobile-links a,.search-input-simple{padding:14px 16px;font-size:16px}.search-button-simple{padding:14px 20px}.admin-table,.trends-data-table{font-size:12px}.admin-table th,.admin-table td,.trends-data-table th,.trends-data-table td{padding:8px 4px}.modal{margin:10px;max-width:calc(100vw - 20px)}.modal-content{padding:16px}.section-spacing{margin-bottom:1.5rem}.form-group{margin-bottom:16px}.hero-section,.welcome-hero{padding:1.5rem .75rem}.hero-action-buttons{gap:8px}.hero-btn{max-width:250px}}@media (max-width: 768px) and (orientation: landscape){html,body{width:100%;overflow-x:hidden}.hero-section,.welcome-hero{padding:1rem}.hero-action-buttons{flex-direction:row;justify-content:center;gap:12px}.hero-btn{width:auto;max-width:none}.unified-nav-mobile-menu{padding:12px 20px}.unified-nav-mobile-links a{padding:12px 16px;margin-bottom:4px}.admin-table,.trends-data-table{font-size:12px}.admin-table th,.admin-table td,.trends-data-table th,.trends-data-table td{padding:6px 4px}.hero-magazine-fan{width:100%;max-width:100%;justify-content:center;align-items:center}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.nav-logo-image,.hero-fan-image img,.magazine-image,.timeline-cover img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-magazine-fan,.hero-magazine-fan .hero-fan-image,.timeline-item,.card,.feature-card{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.btn,.card,.modal,.form-card{border:2px solid var(--text-color)}.btn-primary{background:var(--text-color);color:var(--background-color)}.btn-secondary{background:var(--background-color);color:var(--text-color);border:2px solid var(--text-color)}}@media print{.navbar,.unified-navbar,.footer,.site-footer,.hero-action-buttons,.search-sidebar,.modal-overlay,.loading-overlay{display:none!important}.page-container{padding:0;max-width:none}.card,.result-card{border:1px solid #000;box-shadow:none;break-inside:avoid}body{font-size:12pt;line-height:1.4;color:#000;background:#fff}h1,h2,h3,h4,h5,h6{color:#000;page-break-after:avoid}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")"}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.admin-table,.trends-data-table{display:block;width:100%}.admin-table thead,.trends-data-table thead{display:none}.admin-table tbody,.trends-data-table tbody{display:block}.admin-table tr,.trends-data-table tr{display:block;margin-bottom:16px;padding:16px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-elevated)}.admin-table td,.trends-data-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none;font-size:14px}.admin-table td:before,.trends-data-table td:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-muted-color);min-width:120px}.table-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.table-actions .btn{flex:1;min-width:0;font-size:12px;padding:8px 12px}}.search-page-simple.mobile{position:relative}.mobile-search-toggle{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;box-shadow:var(--shadow-lg);z-index:999;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.mobile-search-toggle:hover{transform:scale(1.1);background:var(--primary-color-hover)}.mobile-search-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--surface-elevated);color:var(--text-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all var(--transition-normal)}.mobile-search-close:hover{background:var(--surface-hover);transform:scale(1.1)}@media (max-width: 768px){.search-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--background-color);transform:translate(-100%);transition:transform var(--transition-normal);overflow-y:auto;width:100%!important;padding-top:60px}.search-sidebar.mobile-open{transform:translate(0)}.search-sidebar-content{padding:16px;height:calc(100vh - 60px);overflow-y:auto}.search-form{margin-bottom:20px}.search-input-group{flex-direction:column;gap:12px}.search-input-simple{font-size:16px;padding:12px 16px;border-radius:8px}.search-button-simple{width:100%;padding:12px 16px;font-size:16px;border-radius:8px}.year-filter-section{margin-bottom:20px;padding:16px;background:var(--surface-subtle);border-radius:8px}.year-filter-options{margin-top:12px}.year-filter-type{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.year-range-inputs{display:flex;flex-direction:column;gap:12px}.year-input-group{display:flex;flex-direction:column;gap:4px}.year-input{padding:8px 12px;font-size:16px;border-radius:6px}.filter-actions{display:flex;gap:8px;margin-top:12px}.apply-filters-button,.clear-filters-button{flex:1;padding:10px 16px;font-size:14px;border-radius:6px}.results-list{margin-top:0}.result-card{margin-bottom:12px;padding:16px;border-radius:8px}.result-header h4{font-size:16px;margin-bottom:8px}.result-text{font-size:14px;line-height:1.5;margin-bottom:8px}.result-meta{font-size:12px}.load-more-container{margin-top:20px;padding:0 16px}.load-more-button{width:100%;padding:12px 16px;font-size:16px;border-radius:8px}.pdf-main-area{margin-left:0;width:100%}.pdf-container{padding:16px}.pdf-header{margin-bottom:16px}.pdf-title h2{font-size:20px}.pdf-controls-flat{flex-direction:column;gap:12px;padding:12px;border-radius:8px}.control-group{justify-content:center}.control-btn{width:44px;height:44px;border-radius:8px}.page-indicator,.zoom-indicator{font-size:14px}.pdf-viewer{border-radius:8px;overflow:auto;-webkit-overflow-scrolling:touch}.pdf-display-area{min-height:60vh;overflow:auto;-webkit-overflow-scrolling:touch}.pdf-canvas{max-width:100%;height:auto}.pdf-empty{padding:40px 20px;text-align:center}.empty-content h2{font-size:24px;margin-bottom:12px}.empty-content p{font-size:16px;color:var(--text-muted-color)}.result-card{cursor:pointer;-webkit-tap-highlight-color:transparent}.result-card:active{transform:scale(.98)}.control-btn{-webkit-tap-highlight-color:transparent}.control-btn:active{transform:scale(.95)}.search-sidebar-content{-webkit-overflow-scrolling:touch}.search-input-simple{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-controls-flat{position:sticky;top:0;z-index:10;background:var(--background-color);border-bottom:1px solid var(--border-color)}.search-tips{padding:20px;text-align:center}.search-tips h3{font-size:18px;margin-bottom:12px}}@media (max-width: 480px){.mobile-search-toggle{bottom:16px;right:16px;width:48px;height:48px}.search-sidebar-content,.result-card,.pdf-container{padding:12px}.pdf-controls-flat{padding:8px}.control-btn{width:40px;height:40px}}@media (max-width: 768px){.admin-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px;margin-bottom:20px;gap:8px}.admin-tab{white-space:nowrap;padding:12px 16px;font-size:14px;min-width:auto}.admin-filters{flex-direction:column;gap:12px;padding:16px;background:var(--surface-subtle);border-radius:var(--border-radius);margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:600}.filter-select,.page-size-select{width:100%;padding:12px;font-size:16px}.admin-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.admin-actions .btn{width:100%;justify-content:center}.bulk-actions{position:sticky;bottom:0;background:var(--background-color);padding:16px;border-top:1px solid var(--border-color);z-index:100}.bulk-actions .btn{width:100%;margin-bottom:8px}.bulk-actions .btn:last-child{margin-bottom:0}}@media (max-width: 768px){.unified-nav-mobile-menu{transform:translate(-100%);transition:transform var(--transition-normal)}.unified-nav-mobile-menu.active{transform:translate(0)}.unified-nav-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.unified-nav-mobile-links a{position:relative;overflow:hidden}.unified-nav-mobile-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.unified-nav-mobile-links a:hover:before{left:100%}.mobile-menu-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:transparent;color:var(--text-color);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition-normal)}.mobile-menu-close:hover{background:var(--surface-subtle)}.mobile-menu-close svg{width:20px;height:20px}}@media (max-width: 768px){.hero-magazine-fan{animation-duration:2s}.hero-magazine-fan .hero-fan-image{animation-duration:1.5s}.hero-fan-image img,.magazine-image,.timeline-cover img{max-width:100%;height:auto}.card,.feature-card,.result-card{box-shadow:var(--shadow-sm)}.btn-primary,.btn-secondary,.search-button-simple{background:var(--primary-color)}.btn-primary:hover,.btn-secondary:hover,.search-button-simple:hover{background:var(--primary-color-hover)}}.btn:focus,.nav-links a:focus,.unified-nav-links a:focus,.search-button-simple:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){.btn:focus,.nav-links a:focus,.unified-nav-links a:focus,.search-button-simple:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--text-color);outline-offset:3px}}.btn,.nav-links a,.unified-nav-links a,.search-button-simple,.control-btn,.page-navigation button,.pagination button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (hover: none) and (pointer: coarse){.btn:active,.nav-links a:active,.unified-nav-links a:active,.search-button-simple:active,.control-btn:active,.page-navigation button:active,.pagination button:active{transform:scale(.95);transition:transform .1s ease}}.lazy-image{background:var(--surface-subtle);min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted-color)}.mobile-text{font-size:14px}@media (min-width: 768px){.mobile-text{font-size:16px}}@media (min-width: 768px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.table-responsive,.search-sidebar,.unified-nav-mobile-menu{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.table-responsive::-webkit-scrollbar,.search-sidebar::-webkit-scrollbar,.unified-nav-mobile-menu::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-thumb,.search-sidebar::-webkit-scrollbar-thumb,.unified-nav-mobile-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover,.search-sidebar::-webkit-scrollbar-thumb:hover,.unified-nav-mobile-menu::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.performance-card{background:var(--surface-subtle);padding:1.5rem;border:1px solid var(--border-subtle);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d}.performance-card h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.metrics-list .metric-item{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.9rem}.sessions-dashboard{display:flex;flex-direction:column;gap:2rem}.sessions-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.session-stat{background:var(--surface-subtle);padding:1.5rem;border:1px solid var(--border-subtle);border-radius:var(--border-radius);text-align:center;box-shadow:0 2px 4px #0000000d}.session-stat .stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);display:block;margin-bottom:.25rem}.session-stat .stat-label{font-size:.875rem;color:var(--text-muted-color)}.search-analytics-dashboard{display:flex;flex-direction:column;gap:2rem}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.analytics-stat{background:linear-gradient(135deg,var(--surface-subtle) 0%,var(--surface-elevated) 100%);padding:1.75rem;border:1px solid var(--border-subtle);border-radius:12px;text-align:center;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden;transition:all .3s ease;animation:statFadeIn .5s ease-out}@keyframes statFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analytics-stat:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.analytics-stat:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);border-radius:2px}.analytics-stat .stat-number{font-size:2rem;font-weight:800;color:var(--primary-color);display:block;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.025em}.analytics-stat .stat-label{font-size:.875rem;color:var(--text-muted-color)}.query-list,.recent-searches-list{display:flex;flex-direction:column;gap:.75rem}.query-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--border-radius);font-size:.95rem}.query-item.no-results{background:var(--error-surface, #ffecec);border-color:var(--error-border, #ffcccc)}.query-text{font-weight:600;color:var(--text-color);max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.query-count{color:var(--text-muted-color)}.recent-search-item{padding:.75rem 1rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.search-details{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--text-muted-color);font-size:.8rem}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-item{padding:1rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.session-user{display:flex;gap:.5rem;align-items:center}.session-user strong{font-weight:600;color:var(--text-color)}.session-device{color:var(--text-muted-color);font-size:.8rem}.session-info{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-muted-color);font-size:.8rem}.suspicious-flag{color:var(--error-color, #d04545);display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500}.session-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.btn-danger{background:var(--error-color, #d04545);color:#fff;border:none;padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background-color .2s ease}.btn-danger:hover{background:var(--error-hover, #b03a3a)}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.bar-chart-container{width:100%;overflow-x:auto;padding:2rem 0 1.5rem;background:var(--surface-subtle);border-radius:var(--border-radius);border:1px solid var(--border-subtle);position:relative}.bar-chart{display:flex;align-items:flex-end;gap:.75rem;height:100%;min-width:600px;padding:0 1.5rem}.bar-chart-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px;transition:transform .2s ease}.bar-chart-item:hover{transform:translateY(-2px)}.bar-chart-bar-container{display:flex;align-items:flex-end;height:calc(100% - 40px);width:100%}.bar-chart-bar{width:100%;min-height:4px;border-radius:6px 6px 0 0;position:relative;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-hover) 100%);box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.2);animation:barGrow .6s ease-out}@keyframes barGrow{0%{height:0;opacity:0}to{height:var(--bar-height);opacity:1}}.bar-chart-bar:hover{opacity:1;transform:scaleY(1.05);box-shadow:0 4px 16px #00000026}.bar-chart-bar.today{background:linear-gradient(180deg,#10b981,#059669);border:2px solid #10b981;box-shadow:0 2px 12px #10b9814d}.bar-chart-bar.today:hover{background:linear-gradient(180deg,#059669,#10b981);box-shadow:0 4px 20px #10b98166}.bar-chart-bar.yesterday{background:linear-gradient(180deg,#3b82f6,#2563eb);border:2px solid #3b82f6;box-shadow:0 2px 12px #3b82f64d}.bar-chart-bar.yesterday:hover{background:linear-gradient(180deg,#2563eb,#3b82f6);box-shadow:0 4px 20px #3b82f666}.bar-value{position:absolute;top:-25px;font-size:.75rem;font-weight:600;color:var(--text-color);background:var(--surface-default);padding:2px 6px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10}.bar-chart-bar:hover .bar-value{opacity:1}.bar-chart-label{margin-top:.75rem;font-size:.8rem;color:var(--text-muted-color);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;font-weight:500}.trends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-subtle)}.trends-controls{display:flex;gap:1rem;align-items:center}.trends-sort-select,.trends-view-select{padding:.5rem .75rem;border:2px solid var(--border-subtle);border-radius:8px;background:var(--surface-default);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.trends-sort-select:hover,.trends-view-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.trends-chart{background:var(--surface-subtle);border-radius:12px;padding:1.5rem;border:1px solid var(--border-subtle)}.chart-container{display:flex;align-items:flex-end;gap:.5rem;height:200px;padding:1rem 0;min-height:200px}.trend-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;min-width:40px}.trend-bar{width:100%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:4px 4px 0 0;position:relative;min-height:4px;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 2px 6px #0000001a;border:1px solid rgba(255,255,255,.2)}.trend-bar:hover{transform:scaleY(1.05);box-shadow:0 4px 12px #00000026}.trend-bar .bar-value{position:absolute;top:-25px;font-size:.75rem;font-weight:600;color:var(--text-color);background:var(--surface-default);padding:2px 6px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10}.trend-bar:hover .bar-value{opacity:1}.trend-bar.today{background:linear-gradient(180deg,#10b981,#059669);border:2px solid #10b981;box-shadow:0 2px 8px #10b9814d}.trend-bar.yesterday{background:linear-gradient(180deg,#3b82f6,#2563eb);border:2px solid #3b82f6;box-shadow:0 2px 8px #3b82f64d}.bar-date{margin-top:.5rem;font-size:.75rem;color:var(--text-muted-color);text-align:center;font-weight:500}.trends-table{background:var(--surface-subtle);border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle)}.trends-data-table{width:100%;border-collapse:collapse}.trends-data-table th{background:var(--surface-elevated);padding:1rem;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-subtle)}.trends-data-table td{padding:1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-color)}.trends-data-table tr:hover{background:var(--surface-default)}.trends-data-table .latest-row{background:rgba(var(--primary-color-rgb),.05);font-weight:600}.search-count{font-weight:600;color:var(--primary-color)}.change-indicator{font-weight:600;font-size:.875rem}.change-indicator.positive{color:#10b981}.change-indicator.negative{color:#ef4444}.change-indicator.neutral{color:var(--text-muted-color)}.time-range-selector{display:flex;align-items:center;gap:1rem}.time-range-selector label{font-size:.875rem;font-weight:600;color:var(--text-color);white-space:nowrap;position:relative}.time-range-selector select{padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--border-subtle);border-radius:12px;background:linear-gradient(135deg,var(--surface-default) 0%,rgba(255,255,255,.8) 100%);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;box-shadow:0 1px 3px #0000001a}.time-range-selector select:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15);transform:translateY(-1px)}.time-range-selector select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),.1);transform:translateY(-1px)}.time-range-selector select:active{transform:translateY(0)}.admin-filters{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 1px 3px #0000000d}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:140px}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-color);white-space:nowrap;margin-bottom:.25rem}.filter-select{padding:.625rem 2.25rem .625rem .875rem;border:2px solid var(--border-subtle);border-radius:10px;background:linear-gradient(135deg,var(--surface-default) 0%,rgba(255,255,255,.8) 100%);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .625rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;box-shadow:0 1px 2px #0000000d}.filter-select:hover{border-color:var(--primary-color);box-shadow:0 3px 8px rgba(var(--primary-color-rgb),.12);transform:translateY(-1px)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);transform:translateY(-1px)}.filter-select:active{transform:translateY(0)}.sort-direction-btn{padding:.625rem .75rem;border:2px solid var(--border-subtle);border-radius:10px;background:var(--surface-default);color:var(--text-color);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.sort-direction-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:0 3px 8px rgba(var(--primary-color-rgb),.25);transform:translateY(-1px)}.sort-direction-btn:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);transform:translateY(-1px)}.sort-direction-btn:active{transform:translateY(0)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--border-radius)}.page-size-control,.pagination-size{display:flex;align-items:center;gap:.5rem}.page-size-control label,.pagination-size label{font-size:.875rem;font-weight:600;color:var(--text-color);white-space:nowrap;margin-right:.5rem}.page-size-select{padding:.5rem 2rem .5rem .75rem;border:2px solid var(--border-subtle);border-radius:8px;background:linear-gradient(135deg,var(--surface-default) 0%,rgba(255,255,255,.8) 100%);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1em 1em;box-shadow:0 1px 2px #0000000d}.page-size-select:hover{border-color:var(--primary-color);box-shadow:0 2px 6px rgba(var(--primary-color-rgb),.12);transform:translateY(-1px)}.page-size-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);transform:translateY(-1px)}.page-size-select:active{transform:translateY(0)}.modal-field select{padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--border-subtle);border-radius:10px;background:linear-gradient(135deg,var(--surface-default) 0%,rgba(255,255,255,.8) 100%);color:var(--text-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;box-shadow:0 1px 3px #0000001a}.modal-field select:hover{border-color:var(--primary-color);box-shadow:0 3px 8px rgba(var(--primary-color-rgb),.12);transform:translateY(-1px)}.modal-field select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);transform:translateY(-1px)}.modal-field select:active{transform:translateY(0)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--surface-default, #fff);padding:2rem;border-radius:var(--border-radius);width:400px;max-width:90%;box-shadow:0 4px 12px #00000026}.modal-field{margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}.modal-field input[type=text],.modal-field input[type=email]{padding:.5rem;border:1px solid var(--border-subtle);border-radius:var(--border-radius)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.sessions-table{margin-bottom:2rem}.sessions-table .admin-table{width:100%;border-collapse:collapse;background:var(--surface-subtle);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:none}.sessions-table .admin-table th{background:var(--header-bg, #f8fafc);padding:1rem;text-align:left;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-subtle);font-size:.9rem}.sessions-table .admin-table td{padding:1rem;border-bottom:1px solid var(--border-subtle);vertical-align:top}.sessions-table .admin-table tr:last-child td{border-bottom:none}.sessions-table .admin-table tr:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.suspicious-session{background:#f59e0b1a!important}.suspicious-session:hover{background:#f59e0b26!important}.user-info{min-width:200px}.user-info .user-name{font-weight:600;color:var(--text-color);margin-bottom:.25rem}.user-info .user-email{font-size:.9rem;color:var(--text-muted-color)}.device-id{font-family:monospace;font-size:.9rem;color:var(--text-muted-color);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-count,.session-count{text-align:center}.count-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;min-width:2rem;text-align:center}.count-badge.normal{background:#d1fae5;color:#065f46}.count-badge.warning{background:#fef3c7;color:#92400e}.session-date{font-size:.9rem;color:var(--text-muted-color);white-space:nowrap}.time-remaining{font-size:.9rem;color:var(--text-muted-color);font-weight:500}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.security-insights{margin-top:2rem}.security-insights h4{margin-bottom:1rem;color:var(--text-color)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.insight-card{background:var(--surface-subtle);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--border-subtle);box-shadow:none}.insight-card h5{color:var(--text-color);margin-bottom:.75rem;font-size:1.1rem}.insight-card p{color:var(--text-muted-color);line-height:1.6;margin:0}.subscription-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subscription-section-header h4{margin:0;color:var(--text-color)}.loading-indicator{text-align:center;padding:3rem;color:var(--text-muted-color);background:var(--surface-subtle);border-radius:12px;border:1px solid var(--border-subtle);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.hero-magazine-fan.visible .hero-fan-image:nth-child(1){transform:translate(-50%,-50%) translate(-150px) scale(1.4) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(2){transform:translate(-50%,-50%) translate(-75px) scale(1.32) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(3){transform:translate(-50%,-50%) translate(20px) scale(1.4) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(4){transform:translate(-50%,-50%) translate(115px) scale(1.4) rotate(0)}}@media (max-width: 480px){.hero-magazine-fan.visible .hero-fan-image:nth-child(1){transform:translate(-50%,-50%) translate(-110px) scale(1.2) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(2){transform:translate(-50%,-50%) translate(-55px) scale(1.13) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(3){transform:translate(-50%,-50%) translate(15px) scale(1.2) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(4){transform:translate(-50%,-50%) translate(85px) scale(1.2) rotate(0)}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait){.hero-magazine-fan.visible .hero-fan-image:nth-child(1){transform:translate(-50%,-50%) translate(-200px) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(2){transform:translate(-50%,-50%) translate(-100px) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(3){transform:translate(-50%,-50%) translate(0) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(4){transform:translate(-50%,-50%) translate(100px) scale(1.1) rotate(0)}.hero-magazine-fan.visible .hero-fan-image:nth-child(5){transform:translate(-50%,-50%) translate(200px) scale(1.1) rotate(0)}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait){.timeline-line{left:30px}.timeline-marker{left:30px;top:50%;transform:translate(-50%,-50%)}.timeline-year{margin:0}.timeline-card{margin-left:80px!important;margin-right:0!important;max-width:450px}.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{margin-left:80px!important;margin-right:0!important}}.delete-account-section{margin-top:2rem;padding:1.5rem;border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-subtle);text-align:center}.delete-account-section .btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;background:var(--danger-color, #dc2626);border:1px solid var(--danger-color, #dc2626);color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.delete-account-section .btn-danger:hover{background:var(--danger-hover, #b91c1c);border-color:var(--danger-hover, #b91c1c);transform:translateY(-1px)}@media (max-width: 768px){.account-sections{gap:1rem;padding:0 .75rem;max-width:100%}.account-header{padding:2rem 0 1.5rem}.account-header-content h1{font-size:1.875rem;line-height:1.2}.account-header-content p{font-size:1rem;padding:0 1rem}.account-section{border-radius:8px;margin-bottom:1rem}.section-header{padding:1.25rem 1rem 1rem;flex-wrap:wrap;gap:.75rem}.section-header h3{font-size:1.25rem;flex:1;min-width:0}.section-icon{width:40px;height:40px;flex-shrink:0}.section-icon svg{width:20px;height:20px}.section-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}.section-actions .btn-sm{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.section-content{padding:1rem}.profile-info{gap:1rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-muted-color);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:var(--text-color);word-break:break-word}.role-badge{padding:.375rem .75rem;font-size:.8rem;border-radius:12px}.subscription-details{gap:1rem}.subscription-explanation{padding:1rem;border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-subtle)}.subscription-explanation h4{font-size:1.125rem;margin-bottom:.5rem}.subscription-explanation p{font-size:.95rem;line-height:1.5;margin:0}.subscription-actions{margin-top:1rem}.action-buttons{flex-direction:column;gap:.75rem}.action-buttons .btn{width:100%;justify-content:center;padding:1rem;font-size:1rem}.access-granted{padding:1rem;border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-subtle);text-align:center}.access-granted svg{width:24px;height:24px;margin-bottom:.5rem;color:var(--success-color, #10b981)}.access-granted p{margin:0;font-size:.95rem;color:var(--text-muted-color)}.edit-form{padding:1rem}.edit-form h4{font-size:1.25rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input{padding:.875rem 1rem;font-size:1rem;height:48px}.form-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem}.form-actions .btn{width:100%;justify-content:center;padding:1rem}.error-messages{margin-bottom:1rem}.error-message{padding:.75rem 1rem;font-size:.9rem;border-radius:6px}.delete-account-section{margin-top:2rem;padding:1.5rem;border-radius:8px;background:var(--surface-elevated);border:1px solid var(--border-subtle);text-align:center}.delete-account-section .btn-danger{width:100%;justify-content:center;padding:1rem;font-size:1rem}.warning-text{padding:1rem;font-size:.9rem;line-height:1.5;border-radius:6px}}@media (min-width: 769px) and (max-width: 1024px){.account-sections{max-width:90%;gap:1.5rem}.section-header{padding:1.5rem 1.5rem 1.25rem}.section-header h3{font-size:1.375rem}.section-actions{gap:.75rem}.section-actions .btn-sm{padding:.75rem 1.25rem;font-size:.95rem}.info-row{padding:.875rem 0}.info-label{font-size:.95rem}.info-value{font-size:1.05rem}.subscription-explanation h4{font-size:1.25rem}.subscription-explanation p{font-size:1rem}.action-buttons .btn{padding:1rem 1.5rem;font-size:1.05rem}}@media (max-width: 480px){.account-sections{padding:0 .5rem;gap:.75rem}.account-header{padding:1.5rem 0 1rem}.account-header-content h1{font-size:1.625rem}.account-header-content p{font-size:.9rem;padding:0 .75rem}.section-header{padding:1rem .75rem .75rem}.section-header h3{font-size:1.125rem}.section-icon{width:36px;height:36px}.section-icon svg{width:18px;height:18px}.section-content{padding:.75rem}.info-row{padding:.5rem 0}.info-label{font-size:.85rem}.info-value{font-size:.95rem}.subscription-explanation{padding:.75rem}.subscription-explanation h4{font-size:1rem}.subscription-explanation p{font-size:.9rem}.action-buttons .btn{padding:.875rem;font-size:.95rem}.edit-form{padding:.75rem}.edit-form h4{font-size:1.125rem}.form-group input{padding:.75rem .875rem;height:44px}.form-actions .btn{padding:.875rem}}@media (max-width: 768px) and (orientation: landscape){.account-header{padding:1.5rem 0 1rem}.account-header-content h1{font-size:1.75rem}.account-sections{gap:.75rem}.section-header{padding:1rem 1rem .75rem}.section-content{padding:.75rem}.info-row{padding:.5rem 0}.action-buttons .btn{padding:.875rem}}.mobile-search-toggle,.mobile-pdf-toggle{position:fixed;bottom:1rem;z-index:1003;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;transition:all .3s ease;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.mobile-search-toggle{right:1rem}.mobile-pdf-toggle{right:5rem}.mobile-search-toggle:hover,.mobile-pdf-toggle:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.mobile-search-toggle:active,.mobile-pdf-toggle:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.mobile-search-toggle:focus,.mobile-pdf-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (hover: none) and (pointer: coarse){.mobile-search-toggle:active,.mobile-pdf-toggle:active{background:var(--primary-hover);transform:scale(.95)}}.search-page-simple.pdf-viewer-open .search-sidebar{transform:translate(-100%)}.search-page-simple.pdf-viewer-open .pdf-main-area{width:100%;margin-left:0}.search-page-simple.mobile .pdf-main-area.mobile-search-open{display:none}@media (min-width: 769px) and (max-width: 1024px){.unified-nav-container{padding:0 1.5rem}.unified-nav-links a{padding:.75rem 1.25rem;font-size:.95rem}.nav-logo-image{height:36px}.hero-section{padding:3rem 2rem}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:2.75rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin:1.5rem 0}.hero-action-buttons{gap:1.5rem;margin-top:2rem}.hero-btn{padding:1rem 2rem;font-size:1.1rem;min-width:180px}.hero-magazine-fan{height:400px;margin:2rem 0}.hero-fan-image{width:280px;height:360px}.search-sidebar{width:380px;padding:2rem}.search-input-simple{font-size:1.1rem;padding:1rem 1.25rem;height:56px}.search-button-simple{height:56px;min-width:120px;font-size:1rem}.results-list{gap:1.5rem}.result-card{padding:1.5rem}.result-header h4{font-size:1.2rem}.result-text{font-size:1rem;line-height:1.6}.form-card{padding:2.5rem;max-width:480px}.form-card h2{font-size:1.875rem}.form-group input{padding:1rem 1.25rem;font-size:1.1rem;height:56px}.btn{padding:.875rem 1.75rem;font-size:1rem;min-height:48px}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem;min-width:200px}.card{padding:1.75rem}.card h3{font-size:1.375rem}.modal{max-width:600px;margin:2rem auto}.modal-content{padding:2rem}.admin-table{font-size:.95rem}.admin-table th,.admin-table td{padding:.875rem 1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.mission-grid{grid-template-columns:repeat(2,1fr);gap:2rem}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}p{font-size:1.05rem;line-height:1.6}.page-container{padding:2rem 1.5rem}.section-spacing{margin:3rem 0}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait){.mobile-search-toggle,.mobile-pdf-toggle{z-index:1003;bottom:1.5rem;width:60px;height:60px}.mobile-search-toggle{right:1.5rem}.mobile-pdf-toggle{right:6rem}.hero-section{padding:3.5rem 1.5rem 2.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-action-buttons{flex-direction:column;align-items:center;gap:1rem}.hero-btn{width:100%;max-width:300px}.hero-magazine-fan{height:350px}.sidebar-header{padding-top:80px;position:relative;z-index:1002}.hero-fan-image{width:240px;height:310px}.search-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;z-index:1001;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--background-color)}.search-sidebar.mobile-open{transform:translate(0)}.search-sidebar-content{padding:1.5rem;padding-top:calc(1.5rem + 100px)}.pdf-controls,.pdf-controls-flat{padding:1.25rem;gap:1rem;background:var(--surface-elevated);border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:1.5rem}.control-btn{width:56px;height:56px;padding:1rem;border-radius:12px}.page-indicator,.zoom-indicator{font-size:1.1rem;padding:1rem 1.25rem;min-width:90px}.pdf-viewer,.pdf-viewer-container{border-radius:16px;box-shadow:0 6px 24px #00000026}.pdf-display-area,.canvas-container{min-height:75vh}.pdf-main-area{width:100%;margin-left:0;padding:1.5rem}.pdf-main-area.mobile-search-open{display:none}.features-grid{grid-template-columns:1fr;gap:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.mission-grid{grid-template-columns:1fr;gap:1.5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}}@media (max-width: 768px){.unified-nav-container{padding:0 1rem;height:70px}.nav-logo-image{height:30px}.unified-nav-mobile-toggle{width:44px;height:44px;padding:.75rem}.hamburger span{height:2px;width:20px}.unified-nav-mobile-menu{padding:1rem 0;z-index:1002}.unified-nav-mobile-links a{padding:1rem 1.5rem;font-size:1.1rem;min-height:52px;margin:.25rem 1rem;border-radius:var(--border-radius)}.unified-nav-mobile-actions{padding:1.5rem}.unified-nav-mobile-actions .btn{width:100%;min-height:52px;font-size:1.1rem;padding:1rem 1.5rem}.unified-nav-mobile-backdrop{z-index:1001}.hero-section{padding:2rem 1rem;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:2rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1.125rem;margin:1rem 0;line-height:1.5}.hero-action-buttons{flex-direction:column;gap:1rem;margin-top:1.5rem}.hero-btn{width:100%;max-width:280px;padding:1rem 1.5rem;font-size:1.1rem;min-height:52px}.hero-magazine-fan{height:300px;margin:1.5rem 0;position:relative;display:flex;align-items:center;justify-content:center}.hero-fan-image{width:200px;height:260px;position:relative!important;transform:none!important;transition:none!important;display:none!important}.hero-magazine-fan .hero-fan-image:first-child{display:block!important;opacity:1!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;z-index:1!important}.hero-magazine-fan .hero-fan-image:not(:first-child){display:none!important;opacity:0!important}.search-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;z-index:1001;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-sidebar.mobile-open{transform:translate(0)}.search-sidebar.pdf-viewer-open{transform:translate(-100%)}.search-sidebar-content{padding-top:120px}.sidebar-header{padding-top:80px;position:relative;z-index:1002}.search-sidebar-content{padding:1rem;height:100%;display:flex;flex-direction:column}.search-form{margin-bottom:1.5rem}.search-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.search-input-simple{flex:1;font-size:1.1rem;padding:1rem 1.25rem;height:52px;border-radius:var(--border-radius)}.search-button-simple{height:52px;min-width:100px;font-size:1rem;padding:0 1.5rem}.results-list{gap:1rem}.result-card{padding:1.25rem;margin-bottom:.75rem}.result-header h4{font-size:1.1rem;line-height:1.3;margin-bottom:.5rem}.result-text{font-size:.95rem;line-height:1.5;margin-bottom:.75rem}.result-meta{font-size:.875rem}.form-card{padding:2rem 1.5rem;margin:1rem;max-width:none}.form-card h2{font-size:1.75rem;margin-bottom:1rem}.form-card p{font-size:1rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input{padding:1rem 1.25rem;font-size:1.1rem;height:52px;border-radius:var(--border-radius)}.btn{padding:.875rem 1.5rem;font-size:1rem;min-height:48px;border-radius:var(--border-radius)}.btn-large{padding:1rem 2rem;font-size:1.1rem;min-height:52px;width:100%;max-width:280px}.btn+.btn{margin-top:.75rem}.card{padding:1.5rem;margin-bottom:1rem}.card h3{font-size:1.25rem;margin-bottom:.75rem}.card p{font-size:.95rem;line-height:1.5}.modal{margin:1rem;max-width:none;width:calc(100% - 2rem)}.modal-content{padding:1.5rem}.modal h3{font-size:1.375rem;margin-bottom:1rem}.modal p{font-size:1rem;line-height:1.5}.modal input,.modal textarea{padding:.875rem 1rem;font-size:1rem;height:48px}.modal textarea{height:100px;resize:vertical}.modal-actions{gap:.75rem;margin-top:1.5rem}.modal-actions .btn{flex:1;min-height:48px}.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.table-actions{flex-direction:column;gap:.5rem}.table-actions .btn{width:100%;min-height:44px;font-size:.875rem}h1{font-size:1.875rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.3}p{font-size:1rem;line-height:1.5}.page-container{padding:1rem;padding-top:calc(1rem + 70px)}.section-spacing{margin:2rem 0}.features-grid,.stats-grid,.mission-grid{grid-template-columns:1fr;gap:1rem}.search-tips{padding:1rem;margin:1rem 0}.search-tips h3{font-size:1.125rem;margin-bottom:.75rem}.search-tips ul{padding-left:1.25rem}.search-tips li{font-size:.95rem;margin-bottom:.5rem}.load-more-container{margin:1.5rem 0}.load-more-button{width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:52px}.pdf-controls,.pdf-controls-flat{padding:1rem;gap:.75rem;background:var(--surface-elevated);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.control-btn{width:52px;height:52px;padding:.75rem;border-radius:10px;background:var(--surface-subtle);border:1px solid var(--border-color);transition:all .2s ease;-webkit-tap-highlight-color:transparent;min-width:52px;flex-shrink:0}.control-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.control-btn:active{transform:translateY(0) scale(.95);background:var(--primary-color);color:#fff}.control-btn:disabled{opacity:.5;background:var(--surface-subtle);transform:none}.control-btn:disabled:active{transform:none}.page-indicator{font-size:1rem;padding:.75rem 1rem;background:var(--surface-subtle);border-radius:8px;font-weight:600;min-width:80px;text-align:center;flex-shrink:0}.zoom-indicator{font-size:1rem;padding:.75rem 1rem;background:var(--surface-subtle);border-radius:8px;font-weight:600;min-width:60px;text-align:center;flex-shrink:0}.control-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:100%;overflow-x:auto}.control-divider{width:1px;height:40px;background:var(--border-color);margin:0 .5rem}.pdf-viewer,.pdf-viewer-container{border-radius:12px;overflow:hidden;background:var(--surface-elevated);box-shadow:0 4px 16px #0000001a}.pdf-display-area,.canvas-container{min-height:70vh;display:flex;align-items:flex-start;justify-content:flex-start;background:var(--background-color);overflow:auto;padding:1rem}.pdf-canvas{max-width:none;width:auto;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;touch-action:pan-x pan-y pinch-zoom}.pdf-viewer-container{position:relative;overflow:hidden}.pdf-viewer-container.swiping{cursor:grabbing}.pdf-viewer-container.swiping .pdf-canvas{transition:transform .1s ease-out}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}.swipe-indicator.left{left:1rem}.swipe-indicator.right{right:1rem}.swipe-indicator.visible{opacity:1}.pinch-indicator{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}.pinch-indicator.visible{opacity:1}.touch-instructions{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.8rem;text-align:center;z-index:1000;opacity:.7;transition:opacity .3s ease}.touch-instructions.hidden{opacity:0}.pdf-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.pdf-loading-icon{margin-bottom:1rem;color:var(--primary-color)}.pdf-loading-progress{width:100%;max-width:300px}.progress-bar{height:8px;background:var(--surface-subtle);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.progress-phase{font-size:.9rem;color:var(--text-muted-color)}.pdf-main-area.mobile-search-open{display:none}.pdf-main-area{transition:all .3s ease-in-out}.pdf-viewer-container.mobile-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--background-color);display:flex;flex-direction:column}.pdf-viewer-container.mobile-fullscreen .pdf-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.pdf-viewer-container.mobile-fullscreen .canvas-container{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:1rem;-webkit-overflow-scrolling:touch}.control-btn.action-btn{display:none}.pdf-viewer-container.mobile-fullscreen .fullscreen-controls{position:fixed;top:0;left:0;right:0;background:var(--surface-elevated);border-bottom:1px solid var(--border-color);padding:.75rem;z-index:10000;display:flex;justify-content:space-between;align-items:center}.pdf-viewer-container.mobile-fullscreen .fullscreen-controls .control-group{gap:.5rem}.pdf-viewer-container.mobile-fullscreen .fullscreen-controls .control-btn{width:44px;height:44px;padding:.5rem}.mobile-fullscreen-close{position:fixed;top:1rem;right:1rem;width:48px;height:48px;background:#000c;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10001;cursor:pointer;transition:all .2s ease}.mobile-fullscreen-close:hover{background:#000000e6;transform:scale(1.1)}.mobile-fullscreen-close:active{transform:scale(.95)}}@media (max-width: 480px){.unified-nav-container{height:65px;padding:0 .75rem}.nav-logo-image{height:28px}.unified-nav-mobile-toggle{width:40px;height:40px;padding:.5rem}.hero-section{padding:1.5rem .75rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-btn{padding:.875rem 1.25rem;font-size:1rem;min-height:48px}.hero-magazine-fan{height:250px;position:relative;display:flex;align-items:center;justify-content:center}.hero-fan-image{width:160px;height:210px;position:relative!important;transform:none!important;transition:none!important;display:none!important}.hero-magazine-fan .hero-fan-image:first-child{display:block!important;opacity:1!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;z-index:1!important}.hero-magazine-fan .hero-fan-image:not(:first-child){display:none!important;opacity:0!important}.search-sidebar-content{padding:.75rem}.search-input-simple{font-size:1rem;padding:.875rem 1rem;height:48px}.search-button-simple{height:48px;min-width:80px;font-size:.9rem}.result-card{padding:1rem}.result-header h4{font-size:1rem}.result-text{font-size:.9rem}.form-card{padding:1.5rem 1rem;margin:.5rem}.form-card h2{font-size:1.5rem}.form-group input{padding:.875rem 1rem;font-size:1rem;height:48px}.btn{padding:.75rem 1.25rem;font-size:.95rem;min-height:44px}.btn-large{padding:.875rem 1.5rem;font-size:1rem;min-height:48px}.card{padding:1.25rem}.card h3{font-size:1.125rem}.card p{font-size:.9rem}.modal{margin:.5rem;width:calc(100% - 1rem)}.modal-content{padding:1.25rem}.modal h3{font-size:1.25rem}.modal input,.modal textarea{padding:.75rem .875rem;font-size:.95rem;height:44px}h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{font-size:.95rem}.page-container{padding:.75rem;padding-top:calc(.75rem + 65px)}.section-spacing{margin:1.5rem 0}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem .25rem}.search-tips{padding:.75rem}.search-tips h3{font-size:1rem}.search-tips li{font-size:.9rem}.load-more-button{padding:.875rem 1.25rem;font-size:.95rem;min-height:48px}.pdf-controls,.pdf-controls-flat{padding:.75rem;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:100%;overflow-x:auto}.control-btn{width:48px;height:48px;padding:.625rem;min-width:48px;flex-shrink:0}.page-indicator,.zoom-indicator{font-size:.9rem;padding:.625rem .875rem;min-width:70px;flex-shrink:0}.pdf-viewer,.pdf-viewer-container{border-radius:8px}.pdf-display-area,.canvas-container{min-height:60vh}.mobile-search-toggle,.mobile-pdf-toggle{bottom:1rem;width:52px;height:52px}.mobile-search-toggle{right:1rem}.mobile-pdf-toggle{right:5rem}}@media (max-width: 768px) and (orientation: landscape){.unified-nav-container{height:60px}.nav-logo-image{height:26px}.hero-section{padding:1.5rem 1rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-action-buttons{flex-direction:row;justify-content:center;gap:1rem}.hero-btn{width:auto;min-width:140px;padding:.875rem 1.25rem}.hero-magazine-fan{height:200px;position:relative;display:flex;align-items:center;justify-content:center}.hero-fan-image{width:140px;height:180px;position:relative!important;transform:none!important;transition:none!important;display:none!important}.hero-magazine-fan .hero-fan-image:first-child{display:block!important;opacity:1!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;z-index:1!important}.hero-magazine-fan .hero-fan-image:not(:first-child){display:none!important;opacity:0!important}.search-sidebar-content{padding:.75rem}.search-input-group{flex-direction:row}.pdf-controls,.pdf-controls-flat{padding:.875rem;gap:.625rem;flex-direction:row;flex-wrap:wrap;justify-content:center}.control-btn{width:50px;height:50px;padding:.75rem}.page-indicator,.zoom-indicator{font-size:.95rem;padding:.75rem 1rem;min-width:75px}.pdf-viewer,.pdf-viewer-container{border-radius:10px}.pdf-display-area,.canvas-container{min-height:65vh}h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.page-container{padding:.75rem;padding-top:calc(.75rem + 60px)}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem .25rem}.modal{margin:.5rem}.modal-content{padding:1rem}}@media (hover: none) and (pointer: coarse){.btn,.unified-nav-links a,.unified-nav-mobile-links a,.search-action-button,.control-btn,.modal-actions .btn{min-height:44px;min-width:44px}.btn:active,.unified-nav-links a:active,.unified-nav-mobile-links a:active,.search-action-button:active,.control-btn:active,.modal-actions .btn:active{transform:scale(.98);transition:transform .1s ease}.btn,.unified-nav-links a,.unified-nav-mobile-links a,.search-action-button,.control-btn,.modal-actions .btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.search-sidebar,.unified-nav-mobile-menu,.modal-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.form-group input,.search-input-simple,.modal input,.modal textarea{font-size:16px;min-height:44px}.filter-select,.page-size-select{min-height:44px;font-size:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.nav-logo-image,.hero-fan-image img,.magazine-image,.timeline-cover img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.btn svg,.control-btn svg,.search-action-button svg{shape-rendering:geometricPrecision}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-magazine-fan,.timeline-item,.card,.btn{animation:none!important;transition:none!important}.btn:hover,.card:hover,.unified-nav-links a:hover,.unified-nav-mobile-links a:hover{transform:none!important;box-shadow:none!important}}@media (prefers-contrast: high){.btn,.form-group input,.search-input-simple,.modal input,.modal textarea{border-width:2px;border-style:solid}.btn-primary,.btn-secondary{border-color:#000}.btn-outline{border-color:#000;color:#000}.btn:focus,.form-group input:focus,.search-input-simple:focus,.modal input:focus,.modal textarea:focus{outline:3px solid #000;outline-offset:2px}}@media print{.navbar,.unified-nav-container,.unified-nav-mobile-toggle,.unified-nav-mobile-menu,.search-sidebar,.pdf-controls,.modal,.btn,.search-action-button{display:none!important}.page-container{padding:0;margin:0;max-width:none}.card,.result-card,.form-card{box-shadow:none;border:1px solid #000;break-inside:avoid}body{font-size:12pt;line-height:1.4;color:#000;background:#fff}h1,h2,h3,h4,h5,h6{color:#000;page-break-after:avoid}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:10pt;color:#666}.hero-section,.features-section,.stats-section{page-break-before:auto;page-break-after:auto}.card,.result-card{page-break-inside:avoid}}.btn:focus,.form-group input:focus,.search-input-simple:focus,.modal input:focus,.modal textarea:focus,.unified-nav-links a:focus,.unified-nav-mobile-links a:focus{outline:2px solid var(--primary-color);outline-offset:2px}.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}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;border-radius:var(--border-radius);z-index:1001}.skip-link:focus{top:6px}[aria-expanded=true] .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}[aria-expanded=true] .hamburger span:nth-child(2){opacity:0}[aria-expanded=true] .hamburger span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}[aria-busy=true]{pointer-events:none;opacity:.7}[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.btn:before,.card:before,.unified-nav-links a:before,.unified-nav-mobile-links a:before{display:none}.btn,.card,.form-card{box-shadow:0 2px 4px #0000001a}.btn-primary,.btn-secondary,.btn-accent{background:var(--primary-color)}.btn-primary:hover,.btn-secondary:hover,.btn-accent:hover{background:var(--primary-color-hover)}.btn,.card,.form-card{transition:all .2s ease}}.mobile-padding{padding:1rem}@media (min-width: 768px){.mobile-padding{padding:2rem}}.mobile-text{font-size:1rem}@media (min-width: 768px){.mobile-text{font-size:1.125rem}}.mobile-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.mobile-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1024px){.mobile-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.responsive-image{max-width:100%;height:auto;display:block}.lazy-image{opacity:0;transition:opacity .3s ease}.lazy-image.loaded{opacity:1}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius);border:1px solid var(--border-color)}@media (max-width: 768px){.admin-table,.table-responsive{display:block;width:100%}.admin-table thead,.admin-table tbody,.admin-table tr,.admin-table th,.admin-table td{display:block}.admin-table tr{border:1px solid var(--border-color);margin-bottom:1rem;padding:1rem;border-radius:var(--border-radius);background:var(--surface-elevated)}.admin-table td{border:none;padding:.5rem 0;text-align:left}.admin-table td:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-accent);margin-right:.5rem}.table-actions{margin-top:1rem;display:flex;gap:.5rem}.table-actions .btn{flex:1;min-height:44px;font-size:.875rem}}.table-responsive::-webkit-scrollbar,.search-sidebar::-webkit-scrollbar,.unified-nav-mobile-menu::-webkit-scrollbar{height:6px;width:6px}.table-responsive::-webkit-scrollbar-track,.search-sidebar::-webkit-scrollbar-track,.unified-nav-mobile-menu::-webkit-scrollbar-track{background:var(--surface-subtle);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb,.search-sidebar::-webkit-scrollbar-thumb,.unified-nav-mobile-menu::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover,.search-sidebar::-webkit-scrollbar-thumb:hover,.unified-nav-mobile-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted-color)}.site-footer{background:var(--surface-subtle);color:var(--text-muted-color);padding:4rem var(--container-padding);border-top:1px solid var(--border-subtle);position:relative;font-size:.875rem;margin-top:auto;width:100%}[data-theme=dark] .site-footer{background:#0a0f1a}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:.5}.footer-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;align-items:start}.footer-about h3,.footer-links h4,.footer-contact h4{font-family:var(--serif-font);font-size:1.125rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.footer-about p{line-height:1.6;max-width:450px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links ul li{margin-bottom:.75rem}.footer-links a,.footer-contact a{color:var(--text-muted-color);text-decoration:none;transition:all var(--transition-normal)}.footer-links a:hover,.footer-contact a:hover{color:var(--primary-color);padding-left:4px}.footer-contact p{line-height:1.6}.footer-legal{grid-column:1 / -1;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle);text-align:center;font-size:.875rem;color:var(--text-light)}.legal-links{margin-top:.5rem}.legal-links a{color:var(--text-light);text-decoration:none;margin:0 .5rem;transition:color var(--transition-normal)}.legal-links a:hover{color:var(--accent-color)}.legal-links span{color:var(--text-light);opacity:.5}.footer-link-button{background:none;border:none;color:var(--text-light);text-decoration:none;margin:0 .5rem;transition:color var(--transition-normal);cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.footer-link-button:hover{color:var(--accent-color)}@media (max-width: 1024px){.footer-container{grid-template-columns:1fr 1fr}.footer-about{grid-column:1 / -1}}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center;gap:2rem}.footer-about p{margin-left:auto;margin-right:auto}.footer-links a:hover,.footer-contact a:hover{padding-left:0}}