*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f5f9;background:#0a0f1a;min-height:100vh;padding:2rem;font-family:EB Garamond,Crimson Text,Georgia,Times New Roman,serif;position:relative}.container{max-width:900px;margin:0 auto;padding-bottom:80px}.header{text-align:center;margin-bottom:1.5rem}.top-row{background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.current-question-text{color:#fff;flex:auto;min-width:200px;font-size:.95rem;font-weight:500;line-height:1.4}.top-row-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.bottom-row{flex:1;min-height:0;position:relative}.action-btn{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b84d;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.action-btn:hover{background:#1e293b;border-color:#64748b;transform:translateY(-1px)}.action-btn.new-btn{color:#10b981;background:#10b98133;border-color:#10b98166}.action-btn.new-btn:hover{background:#10b9814d;border-color:#10b981}.action-btn.bookmark-btn{color:#94a3b8;font-size:1.1rem}.action-btn.bookmark-btn:hover,.action-btn.bookmark-btn.saved{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24}.action-btn.bookmark-btn:disabled{cursor:not-allowed;opacity:.7}.title{letter-spacing:.5rem;color:#fff;margin-bottom:.5rem;font-size:4rem;font-weight:300}.subtitle{color:#94a3b8;font-size:1.1rem;font-weight:300}.question-section{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.question-label{text-transform:uppercase;letter-spacing:.1rem;color:#94a3b8;margin-bottom:1rem;font-size:.9rem}.custom-question-input-container{gap:1rem;margin-bottom:1rem;display:flex}.custom-question-input{color:#f1f5f9;background:#0f172acc;border:2px solid #94a3b84d;border-radius:8px;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.custom-question-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.custom-question-input::placeholder{color:#64748b}.submit-question-button{color:#10b981;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem;background:#10b98126;border:2px solid #10b981;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.submit-question-button:hover:not(:disabled){background:#10b98140;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.submit-question-button:disabled{opacity:.5;cursor:not-allowed}.suggested-questions-compact{margin-top:1rem}.suggested-questions-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.suggested-questions-label{color:#94a3b8;font-size:.875rem;font-weight:600}.suggested-questions-toggle{color:#10b981;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:600;transition:all .2s}.suggested-questions-toggle:hover{color:#34d399;background:#10b9811a}.question-grid{gap:.75rem;transition:all .3s;display:grid}.question-grid.compact{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:120px;overflow:hidden}.question-grid.expanded{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:none}.question-card{cursor:pointer;background:#0f172a99;border:2px solid #94a3b833;border-radius:8px;align-items:center;min-height:60px;padding:1rem 1.25rem;transition:all .3s;display:flex}.question-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.question-card.active{background:#10b9811a;border-color:#10b981}.question-text{color:#f1f5f9;font-size:.95rem;font-weight:500;line-height:1.4}.reasoning-chain{display:none}.reasoning-chain.visible{display:block}.reasoning-step{opacity:0;background:#1e293b99;border:1px solid #94a3b833;border-left:4px solid #10b981;border-radius:8px;margin-bottom:2rem;padding:2rem;transition:all .5s;position:relative;transform:translateY(20px)}.reasoning-step.revealed{opacity:1;transform:translateY(0)}.reasoning-step.scripture{background:linear-gradient(135deg,#fbbf2414 0%,#fbbf2408 100%);border-left-width:5px;border-left-color:#fbbf24;box-shadow:0 0 20px #fbbf2426}.reasoning-step.scripture:before{content:"📖";opacity:.9;font-size:2rem;position:absolute;top:1.5rem;left:-2.5rem}.step-reference{text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.scripture .step-reference{color:#fbbf24;align-items:center;gap:.5rem;font-size:1rem;display:flex}.scripture .step-reference:before{content:"✨";font-size:1.2rem}.reasoning-step.scripture:first-of-type{background:linear-gradient(135deg,#fbbf241f 0%,#fbbf240d 100%);border-left-width:6px;padding:2rem;box-shadow:0 0 25px #fbbf2440}.reasoning-step.scripture:first-of-type .step-reference{font-size:1.1rem}.reasoning-step.scripture:first-of-type .step-text{font-size:1.25rem;font-weight:500}.catechism .step-reference{color:#10b981;align-items:center;gap:.5rem;display:flex}.catechism .step-reference:before{content:"⛪";opacity:.8;font-size:1rem}.step-text{color:#e2e8f0;font-size:1.15rem;line-height:1.7;transition:max-height .3s}.step-text.expanded{max-height:none}.read-more-btn{color:#10b981;cursor:pointer;background:#10b98133;border:1px solid #10b98166;border-radius:6px;margin-top:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-block}.read-more-btn:hover{background:#10b9814d;border-color:#10b981;transform:translateY(-1px)}@media (max-width:768px){.step-text{font-size:1.05rem;line-height:1.8}.read-more-btn{text-align:center;width:100%;display:block}.reasoning-step.scripture:before{display:none}.reasoning-step.scripture:first-of-type{padding:1.5rem}.reasoning-step.scripture:first-of-type .step-text{font-size:1.15rem}}.step-connector{text-align:center;z-index:1;margin:2rem 0;display:none;position:relative}.step-connector.visible{display:block}.continue-button{cursor:pointer;text-align:center;background:#10b98126;border:2px solid #10b981;border-radius:12px;flex-direction:column;gap:.5rem;max-width:300px;margin:0 auto;padding:1.2rem 2rem;transition:all .3s;display:flex}.continue-button:hover:not(.loading){background:#10b98140;transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.continue-button.loading{cursor:wait;opacity:.6;animation:1.5s ease-in-out infinite pulse}.continue-text{color:#10b981;text-transform:uppercase;letter-spacing:.1rem;font-size:1.1rem;font-weight:600}.continue-hint{color:#94a3b8;font-size:.85rem}.reasoning-type{text-transform:uppercase;letter-spacing:.05rem;border-radius:12px;margin-left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.reasoning-type.deepen{color:#fbbf24;background:#fbbf2433}.reasoning-type.apply{color:#10b981;background:#10b98133}.reasoning-type.connect{color:#3b82f6;background:#3b82f633}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #10b9814d}50%{transform:scale(1.05);box-shadow:0 0 30px #10b98180}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.connector-label{color:#10b981;text-transform:uppercase;letter-spacing:.05rem;margin-top:.5rem;font-size:.9rem;font-weight:600;display:block}.error-message{color:#fca5a5;background:#ef444433;border:1px solid #ef4444;border-radius:8px;margin:2rem 0;padding:1.5rem}.depth-indicator{text-align:center;color:#64748b;margin-top:2rem;padding:1rem;font-size:.85rem}.story-toggle-btn{color:#10b981;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem;z-index:100;background:#10b98126;border:2px solid #10b981;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #10b9814d}.story-toggle-btn:hover{background:#10b98140;transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.story-toggle-btn:active{animation:.2s buttonPress;transform:translateY(0)scale(.95)}.ripple-container{position:relative;overflow:hidden}.ripple{pointer-events:none;background:#fff9;border-radius:50%;animation:.6s ease-out ripple;position:absolute}.shimmer{background:linear-gradient(90deg,#94a3b81a 0%,#94a3b84d 50%,#94a3b81a 100%) 0 0/1000px 100%;animation:2s linear infinite shimmer}.skeleton-reasoning{background:#1e293b99;border:1px solid #94a3b833;border-left:4px solid #10b981;border-radius:8px;margin-bottom:2rem;padding:2rem}.skeleton-reference{border-radius:4px;width:120px;height:1rem;margin-bottom:1rem}.skeleton-text{border-radius:4px;height:1.2rem;margin-bottom:.75rem}.skeleton-text.short{width:60%}.skeleton-story-card{-webkit-backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #94a3b833;border-radius:16px;padding:2rem}.skeleton-counter{border-radius:4px;width:100px;height:.9rem;margin-bottom:1rem}.skeleton-badge{border-radius:20px;width:120px;height:2rem;margin-bottom:1.5rem}.skeleton-button{border-radius:12px;width:200px;height:3rem;margin:0 auto}.skeleton-default{border-radius:8px;height:2rem}.loading-message-container{text-align:center;margin-bottom:1.5rem}.loading-message{color:#10b981;margin-bottom:.5rem;font-size:1rem;font-weight:600;animation:.5s ease-in fadeIn}.loading-message-small{color:#10b981;text-align:center;margin-bottom:.75rem;font-size:.85rem;font-weight:600;animation:.5s ease-in fadeIn}.loading-dots{justify-content:center;gap:.3rem;display:flex}.loading-dots span{color:#64748b;font-size:1.5rem;animation:1.4s infinite bounce}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.1)}}.skeleton-button-container{text-align:center}.glossary-term-wrapper{display:inline;position:relative}.glossary-term{cursor:help;color:#10b981;border-bottom:1px dotted #10b981;transition:all .2s;position:relative}.glossary-term:hover{color:#059669;border-bottom-color:#059669}.glossary-indicator{vertical-align:super;opacity:.6;margin-left:2px;font-size:.7rem;font-weight:700;display:inline-block}.glossary-tooltip{z-index:1000;background:#0f172afa;border:1px solid #10b981;border-radius:8px;min-width:250px;max-width:350px;margin-bottom:.5rem;padding:.75rem 1rem;animation:.2s ease-out tooltipFadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.glossary-tooltip:after{content:"";border:6px solid #0000;border-top-color:#10b981;position:absolute;top:100%;left:50%;transform:translate(-50%)}.glossary-tooltip-header{border-bottom:1px solid #10b9814d;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.glossary-tooltip-header strong{color:#10b981;font-size:.9rem}.glossary-category{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#64748b33;border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.glossary-tooltip-content{color:#e2e8f0;font-size:.85rem;line-height:1.5}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.glossary-tooltip{min-width:auto;max-width:none;position:fixed;inset:50% 5% auto;transform:translateY(-50%)}.glossary-tooltip:after{display:none}}.story-view{z-index:1000;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.story-progress-bar{z-index:10;background:#94a3b833;height:4px;position:absolute;top:0;left:0;right:0}.story-progress-fill{background:linear-gradient(90deg,#10b981 0%,#3b82f6 100%);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.story-header{z-index:5;justify-content:space-between;align-items:center;margin-top:4px;padding:1.5rem 1.5rem 1rem;display:flex}.story-question{color:#f1f5f9;flex:1;padding-right:1rem;font-size:1.1rem;font-weight:600}.story-close{color:#94a3b8;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b84d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.story-close:hover{color:#fca5a5;background:#ef444433;border-color:#ef4444;transform:scale(1.1)}.story-close:active{animation:.2s buttonPress;transform:scale(.9)}.story-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow-y:auto}.story-card{opacity:0;-webkit-backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #94a3b833;border-radius:16px;width:100%;max-width:600px;padding:2rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(20px)scale(.95)}.story-card.revealed{opacity:1;transform:translateY(0)scale(1)}.story-step-counter{text-transform:uppercase;letter-spacing:.1rem;color:#64748b;margin-bottom:1rem;font-size:.75rem;font-weight:600}.story-type-badge{letter-spacing:.05rem;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.story-type-badge.deepen{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf24}.story-type-badge.apply{color:#10b981;background:#10b98133;border:1px solid #10b981}.story-type-badge.connect{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f6}.story-type-badge.respond{color:#ec4899;background:#ec489933;border:1px solid #ec4899}.story-hints{text-align:center;margin-top:2rem}.story-hint{color:#64748b;opacity:.7;margin:.5rem 0;font-size:.85rem}.story-actions{border-top:1px solid #94a3b833;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.story-action-btn{color:#94a3b8;cursor:pointer;background:#1e293b99;border:1px solid #94a3b84d;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.story-action-btn:hover{color:#10b981;background:#10b98126;border-color:#10b981;transform:translateY(-2px)}.story-action-btn:active{animation:.2s buttonPress;transform:translateY(0)scale(.95)}.story-continue-wrapper{width:100%;max-width:600px;margin-top:2rem}.story-nav-buttons{z-index:10;gap:1rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.story-nav-btn{color:#94a3b8;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b84d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.story-nav-btn:hover:not(:disabled){color:#10b981;background:#10b98133;border-color:#10b981;transform:scale(1.1)}.story-nav-btn:active:not(:disabled){animation:.2s buttonPress;transform:scale(.9)}.story-nav-btn:disabled{opacity:.3;cursor:not-allowed}.story-nav-btn.generate{color:#10b981;background:linear-gradient(135deg,#10b9814d 0%,#0596694d 100%);border:2px solid #10b981;font-size:1.75rem;animation:2s ease-in-out infinite pulse;box-shadow:0 0 20px #10b9814d}.story-nav-btn.generate:hover{color:#34d399;background:linear-gradient(135deg,#10b98180 0%,#05966980 100%);border-color:#34d399;transform:scale(1.15);box-shadow:0 0 30px #10b98180}.story-depth-indicator{display:none}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:900;background:#0f172af2;border-top:1px solid #94a3b833;animation:.3s ease-out slideUp;display:block;position:fixed;bottom:0;left:0;right:0}.bottom-nav-container{justify-content:space-around;align-items:center;max-width:600px;height:64px;margin:0 auto;padding:0 1rem;display:flex}.bottom-nav-tab{cursor:pointer;color:#64748b;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:64px;min-height:48px;padding:8px 16px;transition:all .2s;display:flex;position:relative}.bottom-nav-tab:active{animation:.2s buttonPress;transform:scale(.95)}.bottom-nav-tab.active{color:#10b981}.bottom-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:flex}.bottom-nav-tab.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-label{letter-spacing:.02em;text-transform:capitalize;font-size:12px;font-weight:600}.bottom-nav-indicator{background:#10b981;border-radius:0 0 3px 3px;width:32px;height:3px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDown;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.bottom-nav{display:block}.container,.story-view{padding-bottom:80px}}.saved-view{width:100%;max-width:900px;margin:0 auto;padding:2rem;animation:.3s fadeIn}.saved-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.saved-title{color:#f1f5f9;font-size:2rem;font-weight:600}.saved-actions{gap:1rem;display:flex}.saved-action-btn{color:#10b981;cursor:pointer;background:#10b98126;border:2px solid #10b981;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.saved-action-btn.danger{color:#ef4444;background:#ef444426;border-color:#ef4444}.saved-action-btn:hover{background:#10b98140;transform:translateY(-2px)}.saved-action-btn.danger:hover{background:#ef444440}.saved-action-btn:active{transform:translateY(0)scale(.95)}.saved-empty{text-align:center;padding:4rem 2rem}.saved-empty-icon{margin-bottom:1rem;font-size:4rem}.saved-empty-text{color:#94a3b8;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.saved-empty-hint{color:#64748b;font-size:.95rem}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.saved-card{cursor:pointer;background:#1e293b99;border:2px solid #94a3b833;border-radius:12px;padding:1.5rem;transition:all .3s}.saved-card:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 8px 20px #10b98133}.saved-card.selected{background:#10b9811a;border-color:#10b981}.saved-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.saved-card-question{color:#f1f5f9;flex:1;font-size:1.05rem;font-weight:600;line-height:1.4}.saved-card-delete{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;transition:all .2s}.saved-card-delete:hover{color:#ef4444;transform:scale(1.2)}.saved-card-meta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;display:flex}.saved-card-load{color:#10b981;cursor:pointer;background:#10b98126;border:2px solid #10b981;border-radius:8px;width:100%;padding:.75rem;font-weight:600;transition:all .2s}.saved-card-load:hover{background:#10b98140}.saved-card-load:active{transform:scale(.95)}.explore-view{width:100%;max-width:900px;margin:0 auto;padding:2rem;animation:.3s fadeIn}.streak-card{text-align:center;background:linear-gradient(135deg,#10b98133 0%,#fbbf2433 100%);border:2px solid #10b9814d;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:2rem;padding:2rem;display:flex}.streak-icon{margin-bottom:.5rem;font-size:3rem;animation:2s ease-in-out infinite pulse}.streak-content{margin-bottom:1rem}.streak-number{color:#10b981;font-size:3rem;font-weight:700;line-height:1}.streak-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:600}.streak-milestone{color:#fbbf24;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.streak-stats{gap:3rem;margin-top:1rem;display:flex}.streak-stat{flex-direction:column;align-items:center;display:flex}.streak-stat-value{color:#f1f5f9;font-size:1.5rem;font-weight:700}.streak-stat-label{color:#94a3b8;font-size:.85rem}.explore-tabs{border-bottom:2px solid #94a3b833;gap:.5rem;margin-bottom:2rem;display:flex}.explore-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.explore-tab:hover{color:#10b981}.explore-tab.active{color:#10b981;border-bottom-color:#10b981}.explore-section{margin-bottom:2rem}.explore-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.explore-section-title{color:#f1f5f9;font-size:1.5rem;font-weight:600}.explore-clear-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:2px solid #ef4444;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.explore-clear-btn:hover{background:#ef444440}.explore-empty{text-align:center;padding:3rem 2rem}.explore-empty-icon{margin-bottom:1rem;font-size:3rem}.explore-empty-text{color:#94a3b8;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.explore-empty-hint{color:#64748b;font-size:.9rem}.explore-list{flex-direction:column;gap:.75rem;display:flex}.explore-item{cursor:pointer;background:#1e293b99;border:2px solid #94a3b833;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .2s;display:flex}.explore-item:hover{background:#10b9811a;border-color:#10b981;transform:translate(4px)}.explore-item:active{transform:translate(4px)scale(.98)}.explore-item-text{color:#f1f5f9;font-size:1rem;font-weight:500}.explore-item-time{color:#64748b;font-size:.85rem}.explore-categories{flex-direction:column;gap:2rem;display:flex}.explore-category{background:#1e293b66;border:1px solid #94a3b833;border-radius:12px;padding:1.5rem}.explore-category-title{color:#10b981;margin-bottom:1rem;font-size:1.2rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.title{font-size:3rem}.question-grid{grid-template-columns:1fr}.question-grid.compact{max-height:140px}.story-card{padding:1.5rem}.story-header{padding:1rem}.story-question{font-size:1rem}.story-chain-card{padding-bottom:5rem}.story-nav-buttons{bottom:1rem}}.story-chain{width:100%;max-width:600px;margin:2rem auto;animation:.4s fadeIn;position:relative}.story-chain-content{touch-action:pan-y;-webkit-user-select:none;user-select:none}.story-chain-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#1e293bcc;border:2px solid #94a3b833;border-radius:20px;flex-direction:column;justify-content:center;min-height:400px;padding:2.5rem 2.5rem 6rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:translateY(20px)scale(.95)}.story-chain-card.revealed{opacity:1;animation:.4s ease-out slideUp;transform:translateY(0)scale(1)}.story-bookmark-btn{color:#94a3b8;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6;border:2px solid #94a3b84d;border-radius:50%;width:48px;height:48px;font-size:1.5rem;transition:all .3s;position:absolute;top:1rem;right:1rem}.story-bookmark-btn:hover{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24;transform:scale(1.1)rotate(15deg)}.story-bookmark-btn.saved{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24}.story-bookmark-btn:disabled{cursor:not-allowed;opacity:.7}.story-continue-wrapper{text-align:center;margin-top:2rem}.view-toggle-btn{color:#94a3b8;z-index:15;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#1e293be6;border:2px solid #94a3b84d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.view-toggle-btn:hover{color:#10b981;background:#10b98133;border-color:#10b981;transform:scale(1.1)rotate(5deg)}.view-toggle-btn:active{animation:.2s buttonPress;transform:scale(.95)}.header{position:relative}.challenge-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293be6 0%,#0f172af2 100%);border:2px solid #94a3b833;border-radius:20px;margin-bottom:2rem;padding:2rem;animation:.4s fadeIn;position:relative;overflow:hidden}.challenge-card:before{content:"";opacity:.6;background:linear-gradient(90deg,#10b981 0%,#3b82f6 50%,#8b5cf6 100%);height:4px;position:absolute;top:0;left:0;right:0}.challenge-header{align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.challenge-icon{margin-right:1rem;font-size:2.5rem;animation:2s ease-in-out infinite pulse}.challenge-title-section{flex:1}.challenge-title{color:#f1f5f9;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.challenge-subtitle{color:#94a3b8;margin:0;font-size:.9rem}.challenge-menu-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:all .3s}.challenge-menu-btn:hover{color:#f1f5f9;transform:scale(1.1)}.challenge-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);border:none;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #10b9814d}.challenge-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.challenge-start-btn:active{transform:translateY(0)}.challenge-selection{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.challenge-option{cursor:pointer;text-align:left;background:#1e293b99;border:2px solid #94a3b833;border-radius:12px;align-items:center;width:100%;padding:1.25rem;transition:all .3s;display:flex}.challenge-option:hover{background:#1e293bcc;border-color:#94a3b866;transform:translate(5px);box-shadow:0 4px 15px #10b98133}.challenge-option-icon{flex-shrink:0;margin-right:1rem;font-size:2rem}.challenge-option-content{flex:1}.challenge-option-name{color:#f1f5f9;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.challenge-option-desc{color:#94a3b8;margin-bottom:.5rem;font-size:.9rem}.challenge-option-duration{color:#10b981;font-size:.85rem;font-weight:600}.challenge-cancel-selection{color:#94a3b8;cursor:pointer;background:0 0;border:2px solid #94a3b84d;border-radius:8px;padding:.75rem;transition:all .3s}.challenge-cancel-selection:hover{color:#f1f5f9;border-color:#94a3b880}.challenge-progress-section{justify-content:center;margin:2rem 0;display:flex}.challenge-progress-ring-container{width:180px;height:180px;position:relative}.challenge-progress-ring{transform:rotate(0)}.challenge-progress-ring-fill{transition:stroke-dashoffset .6s}.challenge-progress-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.challenge-progress-days{color:#f1f5f9;margin-bottom:.25rem;font-size:3rem;font-weight:700;line-height:1}.challenge-progress-label{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem}.challenge-completed-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);border-radius:12px;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;animation:.4s ease-out slideUp;display:inline-block}.challenge-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}.challenge-stat{text-align:center;background:#1e293b66;border:1px solid #94a3b81a;border-radius:12px;padding:1rem}.challenge-stat-value{color:#10b981;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.challenge-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.challenge-today-reminder{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;align-items:center;margin-top:1rem;padding:1rem;display:flex}.challenge-today-icon{margin-right:.75rem;font-size:1.5rem}.challenge-today-text{color:#fbbf24;flex:1;font-size:.9rem}.challenge-card.completed-today{border-color:#10b98180}.challenge-card.completed-today:before{opacity:1;animation:3s ease-in-out infinite shimmer}.celebration-modal{z-index:9999;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.celebration-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;position:absolute;inset:0}.celebration-content{text-align:center;background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:2px solid #94a3b84d;border-radius:24px;width:90%;max-width:500px;padding:3rem 2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;box-shadow:0 20px 60px #00000080}.celebration-badge-container{margin-bottom:2rem;display:inline-block;position:relative}.celebration-badge{font-size:6rem;animation:1s ease-in-out bounce;display:inline-block}.celebration-sparkle{font-size:2rem;animation:1.5s ease-in-out infinite sparkle;position:absolute}.celebration-sparkle-1{animation-delay:0s;top:-10px;left:-20px}.celebration-sparkle-2{animation-delay:.3s;top:-10px;right:-20px}.celebration-sparkle-3{animation-delay:.6s;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.celebration-title{color:#f1f5f9;background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:700}.celebration-subtitle{color:#94a3b8;margin:0 0 2rem;font-size:1.25rem;font-weight:600}.celebration-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.celebration-stat{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;padding:1.25rem}.celebration-stat-value{color:#10b981;margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.celebration-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.celebration-message{color:#cbd5e1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.celebration-actions{flex-direction:column;gap:1rem;display:flex}.celebration-btn{cursor:pointer;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.celebration-share-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);box-shadow:0 4px 15px #10b9814d}.celebration-share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.celebration-close-btn{color:#94a3b8;background:#1e293bcc;border:2px solid #94a3b84d}.celebration-close-btn:hover{color:#f1f5f9;background:#1e293b;border-color:#94a3b880}.confetti-piece{opacity:0;background:#10b981;width:10px;height:10px;animation:linear forwards confetti-fall;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;top:-10px;transform:translate(0)rotate(0)}to{opacity:0;transform:translateX(var(--x-offset,0))rotateZ(360deg);top:100vh}}@media (max-width:768px){.challenge-card{padding:1.5rem}.challenge-title{font-size:1.25rem}.challenge-progress-ring-container{width:150px;height:150px}.challenge-progress-days{font-size:2.5rem}.celebration-content{padding:2rem 1.5rem}.celebration-badge{font-size:4rem}.celebration-title{font-size:1.5rem}}.share-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f64d}.share-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.share-button:active{transform:translateY(0)}.share-templates-modal{z-index:9998;pointer-events:none;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.share-templates-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;z-index:1;background:#000000d9;position:absolute;inset:0}.share-templates-content{pointer-events:auto;z-index:2;background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:2px solid #94a3b84d;border-radius:24px;width:90%;max-width:600px;max-height:90vh;padding:2.5rem 2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.share-templates-title{color:#f1f5f9;text-align:center;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.share-templates-subtitle{color:#94a3b8;text-align:center;margin:0 0 2rem;font-size:1rem}.share-templates-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.share-template-option{cursor:pointer;background:#1e293b99;border:2px solid #94a3b833;border-radius:12px;padding:0;transition:all .3s;overflow:hidden}.share-template-option:hover{border-color:#94a3b866;transform:translateY(-4px);box-shadow:0 8px 20px #3b82f64d}.share-template-option.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.share-template-preview{aspect-ratio:9/16;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.share-template-preview-text{color:#fff;text-shadow:0 2px 8px #0000004d;font-size:2rem;font-weight:700}.share-template-name{color:#f1f5f9;text-align:center;background:#1e293bcc;padding:.75rem;font-size:.9rem;font-weight:600}.share-templates-actions{flex-direction:column;gap:1rem;display:flex}.share-template-generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.share-template-generate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.share-template-cancel{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:2px solid #94a3b84d;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.share-template-cancel:hover{color:#f1f5f9;background:#1e293b;border-color:#94a3b880}.story-bookmark-btn{color:#94a3b8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6;border:2px solid #94a3b84d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex;position:static}.bookmark-btn{color:#94a3b8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6;border:2px solid #94a3b84d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex}.story-bookmark-btn.saved,.bookmark-btn.saved{color:#10b981;background:#10b98133;border-color:#10b981}.story-bookmark-btn:hover,.bookmark-btn:hover{color:#10b981;background:#10b98133;border-color:#10b981;transform:scale(1.1)}.story-bookmark-btn:disabled,.bookmark-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.share-templates-grid{grid-template-columns:1fr}.share-templates-content{padding:2rem 1.5rem}.share-button{padding:.6rem 1rem;font-size:.85rem}}.animated-background{z-index:-1;opacity:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.title{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 20px #f1f5f94d;-webkit-background-clip:text;background-clip:text;font-family:EB Garamond,Georgia,serif;font-size:3.5rem;font-weight:700}.subtitle{letter-spacing:.08em;font-family:Crimson Text,Georgia,serif;font-size:1.1rem;font-style:italic;font-weight:400}.reasoning-step,.story-chain-card,.challenge-card,.celebration-content{-webkit-backdrop-filter:blur(20px)saturate(120%);background:linear-gradient(135deg,#0f172ad9 0%,#1e293bbf 100%);border:1px solid #94a3b840;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d,0 0 40px #3b82f60d}.reasoning-step:before,.story-chain-card:before{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 20px,#94a3b805 20px 21px),repeating-linear-gradient(90deg,#0000,#0000 20px,#94a3b805 20px 21px);position:absolute;inset:0}.continue-button,.challenge-start-btn,.share-template-generate{background:linear-gradient(135deg,#f59e0be6 0%,#fbbf24cc 50%,#d97706e6 100%);border:1px solid #fbbf244d;box-shadow:0 4px 20px #f59e0b66,inset 0 1px #fff3}.continue-button:hover,.challenge-start-btn:hover,.share-template-generate:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0be6 50%,#d97706 100%);box-shadow:0 6px 30px #f59e0b99,inset 0 1px #ffffff4d}.story-bookmark-btn.saved,.bookmark-btn.saved,.challenge-progress-ring-fill{stroke:#10b981;filter:drop-shadow(0 0 8px #10b98180)}.story-type-badge.deepen{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);box-shadow:0 2px 10px #8b5cf666}.story-type-badge.apply{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);box-shadow:0 2px 10px #3b82f666}.story-type-badge.connect{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);box-shadow:0 2px 10px #10b98166}.story-type-badge.respond{background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);box-shadow:0 2px 10px #ec489966}.celebration-badge,.challenge-icon{filter:drop-shadow(0 0 20px #fbbf2499);animation:3s ease-in-out infinite sacredGlow}@keyframes sacredGlow{0%,to{filter:drop-shadow(0 0 15px #fbbf2480)}50%{filter:drop-shadow(0 0 30px #fbbf24cc)}}h1,h2,h3,.challenge-title,.celebration-title{text-shadow:0 2px 4px #00000080,0 0 20px #3b82f633}@keyframes sacredReveal{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.story-chain-card.revealed,.reasoning-step{animation:.8s cubic-bezier(.25,.46,.45,.94) sacredReveal}.container{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative}.plan-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:2px solid #94a3b84d;border-radius:24px;margin-bottom:2rem;padding:2rem;transition:all .3s}.plan-card:hover{border-color:#94a3b880;transform:translateY(-2px);box-shadow:0 8px 30px #3b82f633}.plan-card-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.plan-card-icon{font-size:2.5rem}.plan-card-info{flex:1}.plan-card-title{color:#f1f5f9;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.plan-card-subtitle{color:#94a3b8;margin:0;font-size:.95rem}.plan-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #f59e0b4d}.plan-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.plan-start-btn:active{transform:translateY(0)}.plan-progress-ring-container{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.plan-progress-ring-bg{stroke:#94a3b81a}.plan-progress-ring-fill{filter:drop-shadow(0 0 8px #3b82f680);transition:stroke-dashoffset .6s}.plan-progress-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plan-progress-icon{margin-bottom:.5rem;font-size:2.5rem}.plan-progress-days{color:#10b981;font-size:1.75rem;font-weight:700;line-height:1}.plan-progress-label{color:#94a3b8;margin-top:.25rem;font-size:.85rem}.plan-info{text-align:center}.plan-title{color:#f1f5f9;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.plan-description{color:#cbd5e1;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.plan-stats{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.plan-stat{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;padding:1rem}.plan-stat-value{color:#10b981;margin-bottom:.25rem;font-size:2rem;font-weight:700}.plan-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.plan-completed-today{color:#10b981;background:#10b9811a;border:2px solid #10b9814d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;font-weight:600;display:flex}.plan-completed-icon{font-size:1.5rem}.plan-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;width:100%;margin-bottom:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #10b9814d}.plan-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.plan-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:8px;width:100%;padding:.75rem;font-size:.875rem;transition:all .3s}.plan-cancel-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444480}.plan-selection-modal{z-index:9998;pointer-events:none;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.plan-selection-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;z-index:1;background:#000000d9;position:absolute;inset:0}.plan-selection-content{pointer-events:auto;z-index:2;background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:2px solid #94a3b84d;border-radius:24px;width:90%;max-width:900px;max-height:90vh;padding:2.5rem 2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.plan-selection-title{color:#f1f5f9;text-align:center;margin:0 0 .5rem;font-size:2rem;font-weight:700}.plan-selection-subtitle{color:#94a3b8;text-align:center;margin:0 0 2rem;font-size:1rem}.plan-selection-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.plan-option{cursor:pointer;text-align:center;background:#1e293b99;border:2px solid #94a3b833;border-radius:16px;padding:1.5rem;transition:all .3s}.plan-option:hover{border-color:#f59e0b80;transform:translateY(-4px);box-shadow:0 8px 20px #f59e0b4d}.plan-option-icon{margin-bottom:1rem;font-size:3rem}.plan-option-title{color:#f1f5f9;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.plan-option-duration{color:#10b981;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.plan-option-description{color:#cbd5e1;margin:0;font-size:.875rem;line-height:1.5}.plan-selection-cancel{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:2px solid #94a3b84d;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.plan-selection-cancel:hover{color:#f1f5f9;background:#1e293b;border-color:#94a3b880}.plan-cancel-modal{z-index:9999;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.plan-cancel-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;position:absolute;inset:0}.plan-cancel-content{text-align:center;background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:2px solid #ef444480;border-radius:20px;width:90%;max-width:400px;padding:2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative}.plan-cancel-content h3{color:#ef4444;margin:0 0 1rem;font-size:1.5rem}.plan-cancel-content p{color:#cbd5e1;margin:0 0 2rem;line-height:1.6}.plan-cancel-actions{flex-direction:column;gap:.75rem;display:flex}.plan-cancel-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;padding:.875rem;font-weight:600;transition:all .3s}.plan-cancel-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef444466}.plan-cancel-back{color:#94a3b8;cursor:pointer;background:0 0;border:2px solid #94a3b84d;border-radius:8px;padding:.875rem;font-weight:600;transition:all .3s}.plan-cancel-back:hover{color:#10b981;background:#1e293bcc;border-color:#10b98180}.daily-reflection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf633 0%,#3b82f633 100%);border:2px solid #8b5cf666;border-radius:20px;margin-top:2rem;padding:2rem;box-shadow:0 8px 30px #8b5cf64d}.daily-reflection-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.daily-reflection-icon{font-size:2.5rem}.daily-reflection-plan{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:700}.daily-reflection-day{color:#a78bfa;margin:.25rem 0 0;font-size:.875rem}.daily-reflection-content{background:#1e293b99;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.daily-reflection-title{color:#a78bfa;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.daily-reflection-text{color:#e0e7ff;margin:0;font-size:1rem;font-style:italic;line-height:1.8}.daily-reflection-complete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #8b5cf666}.daily-reflection-complete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.plan-completion-modal{z-index:9999;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.plan-completion-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;position:absolute;inset:0}.plan-completion-content{text-align:center;background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:2px solid #f59e0b80;border-radius:24px;width:90%;max-width:500px;padding:3rem 2rem;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;box-shadow:0 20px 60px #f59e0b4d}.plan-completion-badge-container{margin-bottom:2rem;display:inline-block;position:relative}.plan-completion-badge{font-size:6rem;line-height:1;animation:.8s cubic-bezier(.68,-.55,.265,1.55) bounceIn}.plan-completion-sparkle{font-size:2rem;animation:1.5s ease-in-out infinite sparkle;position:absolute}.plan-completion-sparkle-1{animation-delay:0s;top:-10px;left:-20px}.plan-completion-sparkle-2{animation-delay:.3s;top:-10px;right:-20px}.plan-completion-sparkle-3{animation-delay:.6s;bottom:-10px;left:50%;transform:translate(-50%)}.plan-completion-title{color:#f1f5f9;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:700}.plan-completion-subtitle{color:#94a3b8;margin:0 0 2rem;font-size:1.25rem;font-weight:600}.plan-completion-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.plan-completion-stat{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;padding:1.25rem}.plan-completion-stat-value{color:#f59e0b;margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.plan-completion-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.plan-completion-message{color:#cbd5e1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.plan-completion-close{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #f59e0b4d}.plan-completion-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.plan-confetti-piece{opacity:1;z-index:10000;width:10px;height:10px;animation:3s linear forwards planConfettiFall;position:absolute}@keyframes planConfettiFall{0%{opacity:1;top:-10px}to{opacity:0;transform:translateX(var(--x-offset,0))rotateZ(360deg);top:100vh}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:768px){.plan-selection-grid{grid-template-columns:1fr}.plan-card{padding:1.5rem}.plan-stats{grid-template-columns:1fr}.daily-reflection{padding:1.5rem}.plan-completion-content{padding:2rem 1.5rem}}.chain-summary{background:linear-gradient(135deg,#10b9811a 0%,#3b82f60d 100%);border:1px solid #10b9814d;border-radius:16px;margin:2rem 0;padding:2rem;animation:.5s ease-out slideUp}.chain-summary-header{text-align:center;margin-bottom:2rem}.chain-summary-header h3{color:#10b981;background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.chain-summary-subtitle{color:#94a3b8;font-size:1rem;font-weight:400}.chain-summary-bullets{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.summary-bullet{background:#0f172a80;border:1px solid #94a3b833;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.summary-bullet:hover{background:#0f172ab3;border-color:#10b98166;transform:translate(4px)}.summary-bullet.foundation{border-left:3px solid #3b82f6}.summary-bullet.theology{border-left:3px solid #8b5cf6}.summary-bullet.application{border-left:3px solid #10b981}.summary-bullet.conclusion{border-left:3px solid #f59e0b}.bullet-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.bullet-text{color:#e2e8f0;flex:1;font-size:.95rem;line-height:1.6}.chain-summary-stats{background:#0f172a4d;border:1px solid #94a3b81a;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid}.stat-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-value{color:#10b981;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.chain-summary-actions{gap:1rem;margin-bottom:2rem;display:flex}.summary-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.explore-more-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.explore-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.explore-more-btn:active{transform:translateY(0)}.new-question-btn{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f666}.new-question-btn:hover{background:#3b82f64d;border-color:#3b82f699;transform:translateY(-2px)}.new-question-btn:active{transform:translateY(0)}.chain-summary-related{text-align:center}.chain-summary-related h4{color:#cbd5e1;margin-bottom:1rem;font-size:1rem;font-weight:600}.related-questions{flex-direction:column;gap:.75rem;display:flex}.related-question-btn{color:#e2e8f0;text-align:left;cursor:pointer;background:#0f172a80;border:1px solid #94a3b833;border-radius:10px;padding:.875rem 1.25rem;font-size:.9rem;transition:all .3s}.related-question-btn:hover{color:#10b981;background:#10b98126;border-color:#10b98166;transform:translate(4px)}.related-question-btn:active{transform:translate(2px)}@media (max-width:768px){.chain-summary{margin:1.5rem 0;padding:1.5rem}.chain-summary-header h3{font-size:1.5rem}.chain-summary-stats{grid-template-columns:1fr;gap:1rem}.stat-item{flex-direction:row;justify-content:center;gap:1rem}.stat-value{font-size:1.5rem}.chain-summary-actions{flex-direction:column}.summary-btn{width:100%}.summary-bullet{padding:1rem}.bullet-text{font-size:.9rem}}.tutorial-overlay{z-index:10000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tutorial-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;animation:.3s ease-out fadeIn;position:absolute;inset:0}.tutorial-card{background:linear-gradient(135deg,#1e293bf2 0%,#0f172afa 100%);border:1px solid #10b9814d;border-radius:20px;width:100%;max-width:500px;padding:2rem;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #10b98126}.tutorial-position-top{align-self:flex-start;margin-top:5rem}.tutorial-position-center{align-self:center}.tutorial-position-bottom{align-self:flex-end;margin-bottom:5rem}.tutorial-progress-bar{background:#94a3b833;border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0;overflow:hidden}.tutorial-progress-fill{background:linear-gradient(90deg,#10b981 0%,#3b82f6 100%);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.tutorial-content{text-align:center;margin-bottom:2rem}.tutorial-icon{margin-bottom:1rem;font-size:4rem;line-height:1;animation:2s ease-in-out infinite bounce}.tutorial-title{color:#f1f5f9;background:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.tutorial-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1rem;font-weight:600}.tutorial-text{color:#e2e8f0;font-size:1.05rem;line-height:1.7}.tutorial-nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tutorial-btn{cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.tutorial-skip{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.tutorial-skip:hover{background:#94a3b826;border-color:#94a3b84d}.tutorial-next{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.tutorial-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.tutorial-next:active{transform:translateY(0)}.tutorial-dots{align-items:center;gap:.5rem;display:flex}.tutorial-dot{background:#94a3b84d;border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial-dot.active{background:linear-gradient(90deg,#10b981 0%,#3b82f6 100%);border-radius:4px;width:24px}.tutorial-dot.completed{background:#10b981}@media (max-width:768px){.tutorial-card{max-width:90%;padding:1.5rem}.tutorial-position-top,.tutorial-position-bottom{align-self:center;margin:0}.tutorial-icon{font-size:3rem}.tutorial-title{font-size:1.5rem}.tutorial-subtitle{font-size:.9rem}.tutorial-text{font-size:1rem}.tutorial-nav{flex-direction:column}.tutorial-btn{width:100%}.tutorial-dots{order:-1}}.story-nav-next .spinner{font-size:1.5rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-nav-next.loading{opacity:.6;cursor:wait}.story-nav-next{transition:all .3s cubic-bezier(.4,0,.2,1)}