:root{--devotion-primary:#e74c3c;--devotion-secondary:#ffebee;--devotion-accent:#c62828;--inquiry-primary:#3498db;--inquiry-secondary:#e3f2fd;--inquiry-accent:#1565c0;--neutral-dark:#2c3e50;--neutral-medium:#7f8c8d;--neutral-light:#f5f7fa;--shadow-light:0 10px 30px #00000014;--shadow-medium:0 5px 15px #0000001a;--shadow-heavy:0 15px 40px #00000026;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px}.tab.active.devotion-active{border-color:var(--devotion-primary);background:linear-gradient(135deg,#fff5f5 0%,#ffeaea 100%);box-shadow:0 0 0 3px #e74c3c1a}.tab.active.inquiry-active{border-color:var(--inquiry-primary);background:linear-gradient(135deg,#f0f8ff 0%,#e6f2ff 100%);box-shadow:0 0 0 3px #3498db1a}.section.devotion-section{border-left:4px solid var(--devotion-primary)}.section.inquiry-section{border-left:4px solid var(--inquiry-primary)}@media print{.app{max-width:none;padding:0}.tab-switcher,.quote-section,.app-footer{display:none}.perspective-content{box-shadow:none;border:1px solid #ddd}.perspective{padding:1rem}.title{color:#000;font-size:2rem}.subtitle{color:#666}}.tab:focus,button:focus{outline-offset:2px;outline:3px solid #3498db80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:2s infinite pulse}html{scroll-behavior:smooth}::selection{color:var(--neutral-dark);background-color:#3498db4d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neutral-light)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%)}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8f0 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}#root{min-height:100vh}.app{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex}.app-header{text-align:center;border-bottom:2px solid #0000001a;margin-bottom:3rem;padding-bottom:2rem}.title{color:#2c3e50;letter-spacing:-.5px;margin-bottom:.5rem;font-family:Crimson Text,serif;font-size:3rem;font-weight:700}.subtitle{color:#7f8c8d;max-width:600px;margin:0 auto;font-size:1.2rem;font-weight:300}.main-content{flex-direction:column;flex:1;gap:3rem;display:flex}.tab-switcher{background:#fff;border:1px solid #0000000d;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #00000014}.tab-container{justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.tab{cursor:pointer;text-align:left;background:#fff;border:2px solid #e0e0e0;border-radius:12px;flex:1;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.tab:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.tab.active{background:linear-gradient(135deg,#f8fafc 0%,#f1f8ff 100%);border-color:#3498db}.tab-icon{font-size:2rem}.tab-content{flex:1}.tab-title{color:#2c3e50;margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.tab-subtitle{color:#7f8c8d;font-size:.9rem;font-weight:400}.tab-divider{justify-content:center;align-items:center;padding:0 1rem;display:flex}.divider-text{color:#95a5a6;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:700}.perspective-description{text-align:center;color:#5d6d7e;border-top:1px solid #eee;padding-top:1rem;font-size:1.1rem;font-style:italic}.perspective-content{background:#fff;border:1px solid #0000000d;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014}.perspective{padding:3rem}.perspective-header{border-bottom:2px solid;margin-bottom:2rem;padding-bottom:1.5rem}.devotion-perspective .perspective-header{border-color:#e74c3c}.inquiry-perspective .perspective-header{border-color:#3498db}.perspective-title{color:#2c3e50;margin-bottom:.5rem;font-family:Crimson Text,serif;font-size:2.2rem;font-weight:600}.perspective-tag{letter-spacing:.5px;border-radius:20px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.devotion-perspective .perspective-tag{color:#c62828;background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border:1px solid #ef9a9a}.inquiry-perspective .perspective-tag{color:#1565c0;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #90caf9}.perspective-body{flex-direction:column;gap:2.5rem;display:flex}.perspective-intro{color:#444;background:#f8f9fa;border-left:4px solid;border-radius:12px;padding:1.5rem;font-size:1.2rem;line-height:1.8}.devotion-perspective .perspective-intro{border-left-color:#e74c3c}.inquiry-perspective .perspective-intro{border-left-color:#3498db}.section{background:#fff;border:1px solid #eee;border-radius:12px;padding:1.5rem;transition:transform .3s}.section:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.section-title{color:#2c3e50;border-bottom:2px solid;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}.devotion-perspective .section-title{border-color:#e74c3c}.inquiry-perspective .section-title{border-color:#3498db}.section-content{color:#555;font-size:1.1rem;line-height:1.7}.section-content strong{color:#2c3e50;font-weight:600}.key-insight,.universal-metaphor{border-radius:12px;align-items:flex-start;gap:1.5rem;margin-top:1rem;padding:1.5rem;display:flex}.key-insight{background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border:1px solid #ffd54f}.universal-metaphor{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:1px solid #81c784}.insight-icon,.metaphor-icon{flex-shrink:0;font-size:2rem}.insight-content h4,.metaphor-content h4{color:#2c3e50;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.insight-content p,.metaphor-content p{color:#555;font-size:1rem;line-height:1.6}.quote-section{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:2rem}.quote-section blockquote{margin-bottom:1rem;font-family:Crimson Text,serif;font-size:1.8rem;font-style:italic;line-height:1.4}.quote-note{opacity:.9;font-size:1rem;font-weight:300}.app-footer{text-align:center;color:#7f8c8d;border-top:1px solid #0000001a;margin-top:3rem;padding:2rem 1rem;font-size:.95rem}.footer-note{opacity:.8;margin-top:.5rem;font-size:.9rem;font-style:italic}@media (width<=768px){.app{padding:1rem}.title{font-size:2.2rem}.tab-container{flex-direction:column;gap:1rem}.tab-divider{padding:1rem 0}.divider-text{transform:rotate(90deg)}.perspective{padding:1.5rem}.perspective-title{font-size:1.8rem}.key-insight,.universal-metaphor{text-align:center;flex-direction:column}.quote-section blockquote{font-size:1.4rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.perspective-content>*{animation:.5s ease-out fadeIn}