@import "./constants.css";.hero-section{min-height:100dvh;padding-top:calc(72px + var(--space-lg));padding-bottom:var(--space-xl);display:flex;align-items:center;position:relative;}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center;width:100%;}@media (min-width:1024px){.hero-grid{grid-template-columns:1.15fr 0.95fr;gap:var(--space-xxl);}}.hero-content{display:flex;flex-direction:column;gap:var(--space-md);}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--gold-primary);background:var(--gold-glow);border:1px solid var(--border-gold);padding:4px 12px;border-radius:var(--radius-full);width:fit-content;}.hero-title{font-family:"Crimson Pro",Georgia,serif;font-size:clamp(2.4rem,5.2vw,3.6rem);font-weight:700;line-height:1.12;letter-spacing:-0.02em;color:var(--text-primary);}.hero-title em{font-style:italic;color:var(--gold-primary);padding-right:4px;}.hero-subtext{font-size:1.08rem;color:var(--text-secondary);line-height:1.6;max-width:48ch;}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xs);}.hero-meta-row{display:flex;align-items:center;gap:var(--space-lg);padding-top:var(--space-xs);font-size:0.88rem;color:var(--text-muted);}.meta-item{display:flex;align-items:center;gap:6px;}.meta-item svg{color:var(--gold-primary);}.widget-simulator-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);perspective:1000px;}.widget-controls-bar{display:flex;align-items:center;gap:6px;background:var(--bg-card);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);}.size-pill-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 14px;font-size:0.82rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);}.size-pill-btn.active{background:var(--bg-surface-elevated);color:var(--gold-primary);border:1px solid var(--border-medium);box-shadow:0 2px 6px rgba(0,0,0,0.08);}.widget-auth-toggle{display:flex;align-items:center;gap:4px;background:var(--bg-surface);padding:3px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);}.auth-pill-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:3px 10px;font-size:0.76rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);}.auth-pill-btn.active{background:var(--bg-card);color:var(--gold-primary);border-color:var(--border-gold);}.season-picker,.widget-auth-toggle{display:none !important;}.season-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast);position:relative;}.season-btn:hover{transform:scale(1.15);}.season-btn.active{transform:scale(1.22);border-color:#ffffff;box-shadow:0 0 10px rgba(0,0,0,0.35);}.widget-preview-stage{width:360px;max-width:100%;height:360px;min-height:360px;display:flex;align-items:center;justify-content:center;position:relative;}.ios-widget-preview{position:relative;border-radius:var(--radius-widget);overflow:hidden;box-shadow:var(--shadow-widget);transition:width var(--duration-normal) var(--ease-spring),height var(--duration-normal) var(--ease-spring),transform var(--duration-normal) var(--ease-spring);transform-style:preserve-3d;user-select:none;border:1px solid var(--widget-border-color,rgba(255,255,255,0.2));}.ios-widget-preview.size-small{width:172px;height:172px;}.ios-widget-preview.size-medium{width:360px;max-width:100%;height:172px;}.ios-widget-preview.size-large{width:360px;max-width:100%;height:360px;}.widget-surface{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:var(--widget-text-color,#ffffff);position:relative;background:linear-gradient( 135deg,var(--widget-grad-1,#1b5e20) 0%,var(--widget-grad-2,#81c784) 100% );transition:--widget-grad-1 500ms cubic-bezier(0.16,1,0.3,1),--widget-grad-2 500ms cubic-bezier(0.16,1,0.3,1),color 500ms cubic-bezier(0.16,1,0.3,1);overflow:hidden;will-change:--widget-grad-1,--widget-grad-2;}.widget-watermark-book{position:absolute;bottom:-10px;right:-10px;width:80px;height:80px;opacity:0.14;pointer-events:none;fill:currentColor;transition:fill 500ms cubic-bezier(0.16,1,0.3,1),opacity 500ms cubic-bezier(0.16,1,0.3,1);}.widget-watermark-sparkle{position:absolute;top:-8px;left:-8px;width:60px;height:60px;opacity:0.14;pointer-events:none;fill:currentColor;transition:fill 500ms cubic-bezier(0.16,1,0.3,1),opacity 500ms cubic-bezier(0.16,1,0.3,1);}.size-small .widget-surface{padding:14px 12px 10px;}.widget-small-content{display:none;flex-direction:column;align-items:center;justify-content:space-between;height:100%;text-align:center;position:relative;z-index:2;gap:4px;}.size-small .widget-small-content{display:flex;}.small-streak-row{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);padding:2px;}.small-streak-row:hover{transform:scale(1.08);}.small-flame-svg{width:36px;height:36px;color:#ff9800;filter:drop-shadow(0 2px 8px rgba(255,152,0,0.45));transition:transform 0.25s var(--ease-spring);}.small-streak-num{font-family:"Plus Jakarta Sans",sans-serif;font-size:1.85rem;font-weight:800;line-height:1;}.small-message{font-family:"Crimson Pro",Georgia,serif;font-size:1.05rem;font-weight:700;font-style:italic;line-height:1.25;opacity:0.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0 2px;text-shadow:var(--widget-quote-shadow,0 1px 2px rgba(0,0,0,0.22));}.small-indexing-pill{font-family:"Crimson Pro",Georgia,serif;font-size:0.85rem;font-weight:700;font-style:italic;background:var(--widget-pill-bg,rgba(255,255,255,0.16));padding:3px 10px;border-radius:var(--radius-full);opacity:0.95;letter-spacing:0.02em;margin-top:2px;}.small-guest-view{display:none;flex-direction:column;align-items:center;justify-content:center;margin:0 0 2px;}.small-guest-svg{width:36px;height:36px;color:currentColor;opacity:0.95;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.16));}.is-guest .small-streak-row{display:none !important;}.is-guest .small-guest-view{display:flex !important;}.widget-medium-content{display:none;flex-direction:column;justify-content:space-between;height:100%;position:relative;z-index:2;}.size-medium .widget-medium-content{display:flex;}.medium-title{font-family:"Crimson Pro",Georgia,serif;font-size:1.5rem;font-weight:700;letter-spacing:-0.01em;text-align:center;width:100%;}.medium-quote{font-family:"Crimson Pro",Georgia,serif;font-size:1.25rem;font-weight:700;font-style:italic;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:var(--widget-quote-shadow,0 1px 2px rgba(0,0,0,0.25));padding-left:6px;}.medium-indexing{font-family:"Crimson Pro",Georgia,serif;font-size:1.25rem;font-weight:700;font-style:italic;text-align:right;opacity:0.95;}.widget-large-content{display:none;flex-direction:column;height:100%;position:relative;z-index:2;gap:8px;}.size-large .widget-large-content{display:flex;}.large-header{border-bottom:1px solid var(--widget-divider-color,rgba(255,255,255,0.18));padding-bottom:6px;flex-shrink:0;}.large-feast-name{font-family:"Crimson Pro",Georgia,serif;font-size:1.5rem;font-weight:700;}.large-season-name{font-weight:700;font-size:1rem;opacity:0.85;}.large-subhead{font-family:"Crimson Pro",Georgia,serif;font-size:1.5rem;font-weight:700;text-align:center;width:100%;margin-top:2px;margin-bottom:2px;flex-shrink:0;letter-spacing:-0.01em;}.large-quote{font-family:"Crimson Pro",Georgia,serif;font-size:1.25rem;font-weight:700;font-style:italic;line-height:1.35;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-shadow:var(--widget-quote-shadow,0 1px 3px rgba(0,0,0,0.25));flex:1;}.large-indexing{font-family:"Crimson Pro",Georgia,serif;font-size:1.25rem;font-weight:700;font-style:italic;text-align:right;opacity:0.95;margin-top:auto;flex-shrink:0;}.retro-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform var(--duration-normal) var(--ease-spring),border-color var(--duration-normal),box-shadow var(--duration-normal);position:relative;overflow:hidden;}.retro-card:hover{transform:translateY(-4px) scale(1.008);border-color:var(--border-medium);box-shadow:var(--shadow-card-hover);}.retro-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient( 90deg,transparent,rgba(229,193,88,0.25),transparent );}.stagger-1{--stagger:1;}.stagger-2{--stagger:2;}.stagger-3{--stagger:3;}.stagger-4{--stagger:4;}.reading-showcase{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-lg);margin-top:var(--space-lg);overflow:hidden;}.feast-selector-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);}.feast-pill-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:0.92rem;font-weight:600;padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all 500ms cubic-bezier(0.16,1,0.3,1);user-select:none;}.feast-pill-btn:hover{border-color:var(--border-medium);color:var(--text-primary);background:rgba(255,255,255,0.04);}.feast-pill-btn.active{background:var(--bg-card);border-color:var(--border-gold);color:var(--gold-primary);box-shadow:0 0 16px var(--gold-glow);}.feast-rank-badge{font-size:0.72rem;font-weight:700;letter-spacing:0.03em;padding:2px 7px;border-radius:var(--radius-full);display:inline-flex;align-items:center;line-height:1.2;transition:all 500ms cubic-bezier(0.16,1,0.3,1);}.rank-solemnity{background:rgba(243,2,2,0.15);border:1px solid rgba(243,2,2,0.45);color:#ff5252;}.rank-feast{background:rgba(10,211,15,0.15);border:1px solid rgba(10,211,15,0.45);color:#4ade80;}.rank-memorial{background:rgba(4,173,233,0.15);border:1px solid rgba(4,173,233,0.45);color:#38bdf8;}.rank-ferial{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);color:var(--text-secondary);}.feast-pill-btn.active .rank-ferial{background:var(--gold-glow);border-color:var(--border-gold);color:var(--gold-primary);}@keyframes feastSectionEnter{0%{opacity:0.3;transform:translateY(8px);}100%{opacity:1;transform:translateY(0);}}.feast-animating{animation:feastSectionEnter 500ms cubic-bezier(0.16,1,0.3,1) both;}@keyframes widgetFeastFade{0%{opacity:0.35;transform:scale(0.985);}100%{opacity:1;transform:scale(1);}}.widget-animating{animation:widgetFeastFade 500ms cubic-bezier(0.16,1,0.3,1) both;}.reading-summary-quote{font-family:"Crimson Pro",Georgia,serif;font-size:1.2rem;font-style:italic;font-weight:600;color:var(--text-primary);background:var(--bg-card);border-left:3.5px solid var(--gold-primary);padding:12px 18px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-md);line-height:1.5;}.reading-tabs-bar{display:flex;align-items:center;gap:var(--space-sm);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle);position:relative;width:100%;max-width:100%;}.reading-tabs-bar::-webkit-scrollbar{display:none;}.reading-tab-wrapper{position:relative;display:inline-flex;flex-shrink:0;}.reading-tab-btn{background:transparent;border:1.5px solid transparent;color:var(--text-secondary);font-size:1.05rem;font-weight:600;padding:8px 18px;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-spring);display:inline-flex;align-items:center;gap:8px;user-select:none;}.reading-tab-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.04);}.reading-tab-btn.active{background:var(--gold-glow);color:var(--gold-primary);border-color:var(--border-gold);font-weight:700;box-shadow:0 0 12px var(--gold-glow);}.reading-tab-btn .tab-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800;line-height:1;transition:transform 0.2s var(--ease-spring);color:currentColor;margin-left:2px;}.reading-tab-wrapper.open .tab-arrow{transform:rotate(90deg);}.reading-options-popup{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-width:min(320px,calc(100vw - 48px));background:var(--bg-surface-elevated);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:6px;box-shadow:0 16px 36px rgba(0,0,0,0.45),0 0 0 1px rgba(255,255,255,0.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:120;display:none;flex-direction:column;gap:4px;animation:popupSlideDown 0.22s var(--ease-spring);}.reading-tab-wrapper.open .reading-options-popup{display:flex;}@keyframes popupSlideDown{from{opacity:0;transform:translateY(-6px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}.reading-option-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--duration-fast);gap:2px;}.reading-option-item:hover{background:var(--bg-card-hover);border-color:var(--border-subtle);}.reading-option-item.active{background:var(--gold-glow);border-color:var(--border-gold);}.reading-option-header{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:0.85rem;font-weight:700;color:var(--gold-primary);}.reading-option-indexing{font-family:"Crimson Pro",Georgia,serif;font-size:0.95rem;font-style:italic;color:var(--text-secondary);}.reading-option-item.active .reading-option-indexing{color:var(--text-primary);}.reading-content-view{padding-top:var(--space-lg);min-height:200px;}.reading-content-view.animating{animation:readingContentEnter 0.32s cubic-bezier(0.16,1,0.3,1) both;}@keyframes readingContentEnter{0%{opacity:0.2;transform:translateY(10px);}100%{opacity:1;transform:translateY(0);}}.reading-title-head{font-family:"Crimson Pro",Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;}.reading-indexing-sub{font-size:0.9rem;font-weight:600;color:var(--gold-primary);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--space-md);}.reading-passage-text{font-family:"Crimson Pro",Georgia,serif;font-size:1.18rem;line-height:1.85;color:var(--text-secondary);}.reading-passage-text p{margin-bottom:14px;}.reading-passage-text sup{font-size:0.72rem;color:var(--gold-primary);font-weight:700;margin-right:3px;vertical-align:baseline;position:relative;top:-0.4em;}@media (max-width:640px){.reading-showcase{padding:var(--space-md);overflow:hidden;}.reading-tabs-bar{gap:8px;padding-bottom:var(--space-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:100%;}.reading-tabs-bar::-webkit-scrollbar{display:none;}.reading-tab-wrapper{flex-shrink:0;}.reading-tab-btn{font-size:0.92rem;padding:6px 12px;gap:6px;white-space:nowrap;flex-shrink:0;}.reading-title-head{font-size:1.35rem;}.reading-options-popup{left:0;min-width:200px;max-width:calc(100vw - 64px);}}.faq-list{display:flex;flex-direction:column;gap:var(--space-sm);}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);}.faq-item:hover,.faq-item.open{border-color:var(--border-medium);box-shadow:var(--shadow-card);}.faq-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--text-primary);font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer;gap:var(--space-md);}.faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-spring);}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--gold-primary);}.faq-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-normal) var(--ease-spring);}.faq-item.open .faq-body-wrap{grid-template-rows:1fr;}.faq-body{overflow:hidden;padding:0 var(--space-lg);color:var(--text-secondary);font-size:0.95rem;line-height:1.68;}.faq-body p{padding-bottom:var(--space-md);}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md);}.form-label{font-size:0.88rem;font-weight:600;color:var(--text-primary);}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border-radius:var(--radius-md);background:var(--form-bg);border:1px solid var(--form-border);color:var(--text-primary);font-size:0.95rem;font-family:inherit;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px var(--gold-glow);}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);}.reveal{opacity:0;transform:translateY(18px);transition:opacity var(--duration-slow) var(--ease-smooth),transform var(--duration-slow) var(--ease-spring);will-change:opacity,transform;}.reveal.active{opacity:1;transform:translateY(0);}#toastContainer,.toast-notification,.toast-message{display:none !important;}