@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #FAFAF7;--white: #FFFFFF;--navy: #1A2E4A;--navy-light: #2A4066;--gold: #B8955A;--gold-light: #D4B078;--gold-pale: #FFF9F0;--gray: #8A8A8A;--gray-light: #E8E8E4;--gray-ultra: #F4F4F1;--text: #1A1A1A;--text-soft: #555;--danger: #C0392B;--success: #2D6A32;--success-bg: #EFF9F0;--shadow: 0 2px 20px rgba(0,0,0,.07);--shadow-md: 0 4px 32px rgba(0,0,0,.11);--radius: 16px;--radius-sm: 10px;--max-w: 480px}html,body,#root{min-height:100vh;background:var(--cream);font-family:Jost,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{max-width:var(--max-w);min-height:100vh;margin:0 auto;background:var(--cream);display:flex;flex-direction:column;position:relative}.screen-content{flex:1;overflow-y:auto;padding:24px 20px 100px}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;background:var(--white);border-bottom:1px solid var(--gray-light);position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}.nav-logo{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600;color:var(--navy);letter-spacing:.02em;text-decoration:none}.nav-logo span{color:var(--gold)}.tab-bar{display:flex;background:var(--white);border-top:1px solid var(--gray-light);position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w);z-index:50}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 14px;cursor:pointer;border:none;background:none;gap:3px;text-decoration:none;transition:all .2s}.tab-icon{font-size:20px}.tab-label{font-size:10px;color:var(--gray);letter-spacing:.05em;font-family:Jost,sans-serif}.tab-item.active .tab-label{color:var(--navy);font-weight:500}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.card-title{font-family:Cormorant Garamond,serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:14px}.section-heading{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:600;color:var(--navy);margin-bottom:4px}.section-sub{font-size:13px;font-weight:300;color:var(--gray);margin-bottom:22px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-sm);border:none;font-family:Jost,sans-serif;font-size:14px;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .2s;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover:not(:disabled){background:var(--navy-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover:not(:disabled){background:var(--gold-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1.5px solid var(--navy);color:var(--navy)}.btn-outline:hover:not(:disabled){background:var(--navy);color:#fff}.btn-ghost{background:var(--gray-ultra);color:var(--text-soft);border:none}.btn-ghost:hover:not(:disabled){background:var(--gray-light)}.btn-danger{background:transparent;border:1.5px solid var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:9px 16px;font-size:13px;width:auto}.input,.textarea{width:100%;padding:12px 14px;border:1.5px solid var(--gray-light);border-radius:var(--radius-sm);font-family:Jost,sans-serif;font-size:15px;font-weight:300;color:var(--text);background:var(--gray-ultra);outline:none;transition:border-color .2s,background .2s}.input:focus,.textarea:focus{border-color:var(--navy);background:var(--white)}.input::placeholder,.textarea::placeholder{color:var(--gray)}.textarea{resize:none;line-height:1.65}.input-label{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--gray);margin-bottom:6px;display:block}.input-group{margin-bottom:14px}.result-card{background:var(--white);border-radius:var(--radius);border-left:3px solid var(--gold);box-shadow:var(--shadow);padding:20px;margin-bottom:16px;animation:fadeUp .35s ease}.result-card.blue{border-left-color:var(--navy)}.result-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.result-label.blue{color:var(--navy)}.result-passage{font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;line-height:1.7;color:var(--text);margin-bottom:8px}.result-ref{font-size:12px;font-weight:500;color:var(--gold);letter-spacing:.06em;margin-bottom:12px}.result-ref.blue{color:var(--navy)}.result-explanation{font-size:13px;font-weight:300;line-height:1.75;color:var(--text-soft);border-top:1px solid var(--gray-light);padding-top:12px}.banner-success{background:var(--success-bg);border:1px solid #A8D5AC;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--success);margin-bottom:16px;display:flex;align-items:center;gap:8px;animation:fadeUp .3s ease}.banner-error{background:#fdf0ee;border:1px solid #E8B4AE;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--danger);margin-bottom:16px}.banner-info{background:#fffbea;border:1px solid #F0D080;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:#7a5c00;margin-bottom:16px;line-height:1.6}.toggle-row{display:flex;align-items:center;justify-content:space-between;background:var(--white);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:14px;cursor:pointer;transition:box-shadow .2s}.toggle-row:hover{box-shadow:var(--shadow-md)}.toggle-track{width:44px;height:24px;border-radius:12px;background:var(--gray-light);position:relative;transition:background .25s;flex-shrink:0}.toggle-track.on{background:var(--navy)}.toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .25s;box-shadow:0 1px 4px #0003}.toggle-track.on .toggle-thumb{transform:translate(20px)}.empty-state{text-align:center;padding:56px 24px;color:var(--gray)}.empty-state .empty-icon{font-size:44px;margin-bottom:14px}.empty-state p{font-size:14px;line-height:1.7}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner.dark{border-color:#1a2e4a40;border-top-color:var(--navy)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.divider{display:flex;align-items:center;gap:12px;color:var(--gray);font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--gray-light)}