@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;500;600&display=swap";:root{--bg-app:#faf7f2;--bg-card:#fff;--bg-elevated:#f5f0e8;--text-main:#1c1209;--text-muted:#5c4e3a;--text-subtle:#9c8c78;--accent-gold:#b8860b;--accent-gold-soft:#c5a059;--accent-blue:#0d6ca8;--rubric-red:#8b1c1c;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-display:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--reading-font-size:18px;--shadow-xs:0 1px 2px #1c12090f;--shadow-sm:0 2px 6px #1c120914;--shadow-md:0 6px 18px #1c12091a;--shadow-lg:0 14px 36px #1c12091f;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--ease-out:cubic-bezier(.4, 0, .2, 1);--transition:all .25s var(--ease-out)}[data-theme=dark]{--bg-app:#0e1520;--bg-card:#18243a;--bg-elevated:#1f2f48;--text-main:#f0ebe2;--text-muted:#9aadbe;--text-subtle:#607080;--accent-gold:#d4a827;--accent-gold-soft:#c5a059;--rubric-red:#c14545;--shadow-xs:0 1px 3px #0000004d;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 6px 20px #0006;--shadow-lg:0 14px 40px #00000080}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--text-main);background:var(--bg-app);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100dvh;margin:0;padding:0;display:flex}#root{background:var(--bg-card);flex-direction:column;width:100%;max-width:650px;min-height:100dvh;display:flex;position:relative;box-shadow:0 0 80px #0000000f}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-main);margin:0;line-height:1.15}p{margin:0}button{font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:4px}.loading{height:50dvh;font-family:var(--font-display);color:var(--accent-gold);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.home-container{text-align:center;flex:1;padding:3.5rem 1.75rem 9rem;position:relative;overflow:hidden}.home-bg-madonna{opacity:.045;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;max-width:420px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.home-header{z-index:1;margin-bottom:1.5rem;position:relative}.home-title-cross{color:var(--accent-gold);letter-spacing:.1em;opacity:.7;margin-bottom:.5rem;font-size:1.1rem}.main-title{letter-spacing:-.02em;color:var(--text-main);margin-bottom:.3rem;font-size:clamp(2.2rem,8vw,3.2rem);font-weight:700}.home-subtitle{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--text-subtle);font-size:.75rem}.liturgical-date-box{z-index:1;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid #b8860b26;margin:1.5rem 0;padding:1.5rem 1.25rem;position:relative}[data-theme=dark] .liturgical-date-box{background:var(--bg-elevated);border-color:#d4a8271a}.date-text{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle);margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:block}.liturgical-day-text{font-family:var(--font-display);color:var(--accent-gold);margin-bottom:1rem;font-size:clamp(1rem,4vw,1.25rem);line-height:1.3;display:block}.calendar-toggle-section{justify-content:center;gap:.75rem;display:flex}.calendar-btn{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #b8860b4d;border-radius:50px;padding:.5rem 1.1rem;font-size:.75rem;font-weight:600}.calendar-btn:hover{border-color:var(--accent-gold);color:var(--text-main);background:#b8860b0f}.calendar-btn.cancel{color:var(--rubric-red);opacity:.75;border-color:#0000}.date-picker-wrapper{flex-direction:column;align-items:center;gap:.75rem;animation:.25s fadeSlideIn;display:flex}.date-input{background:var(--bg-card);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-main);box-shadow:var(--shadow-sm);border:1px solid #b8860b4d;outline:none;padding:.7rem 1rem;font-size:.95rem}.current-hour-card{z-index:1;background:var(--accent-blue);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);text-align:left;color:#fff;border:none;align-items:center;gap:1rem;margin:1rem 0;padding:1.1rem 1.4rem;display:flex;position:relative;box-shadow:0 8px 24px #0d6ca840}.current-hour-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0d6ca859}.current-hour-card:active{transform:translateY(0)}.current-hour-badge{background:var(--accent-gold);color:#1c1209;text-transform:uppercase;letter-spacing:.1em;border-radius:50px;padding:.2rem .6rem;font-size:.62rem;font-weight:700;position:absolute;top:-9px;left:1.2rem}.current-hour-name{font-family:var(--font-display);flex:1;font-size:1.4rem;font-weight:700}.current-hour-time{opacity:.75;white-space:nowrap;font-size:.75rem}.current-hour-arrow{opacity:.7;font-size:1.3rem}.home-antiphon-card{z-index:1;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid #b8860b1f;border-top:3px solid var(--accent-gold-soft);box-shadow:var(--shadow-sm);text-align:left;margin:1rem 0 0;padding:1.75rem 1.5rem;position:relative}.home-intro-text{font-family:var(--font-serif);font-style:italic;font-size:var(--reading-font-size);color:var(--text-muted);line-height:1.75}.home-antiphon-source{text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);margin-top:1rem;font-size:.72rem;display:block}.home-ornament{color:var(--accent-gold-soft);letter-spacing:.6em;opacity:.5;margin-top:2.5rem;font-size:.7rem}.prega-container{flex:1;padding:3rem 1.75rem 9rem}.prega-header{text-align:center;margin-bottom:2.5rem}.prega-eyebrow{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.22em;color:var(--accent-gold);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.prega-title{color:var(--text-main);font-size:clamp(1.8rem,7vw,2.5rem)}.prega-divider{background:var(--accent-gold-soft);opacity:.5;width:40px;height:2px;margin:1rem auto 0}.prega-grid{flex-direction:column;gap:.85rem;display:flex}.hour-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:var(--transition);text-align:left;width:100%;color:var(--text-main);border:1px solid #b8860b1a;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.hour-card:hover{border-color:var(--accent-gold-soft);box-shadow:var(--shadow-sm);transform:translate(3px)}.hour-card--current{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue), var(--shadow-sm);background:#0d6ca80a}[data-theme=dark] .hour-card--current{background:#0d6ca81f}.hour-card-img-wrap{background:var(--bg-elevated);width:48px;height:48px;box-shadow:var(--shadow-xs);border-radius:10px;flex-shrink:0;overflow:hidden}.hour-card-img{object-fit:cover;width:100%;height:100%;display:block}.hour-card--current .hour-card-img-wrap{box-shadow:0 0 0 2px var(--accent-blue)}.hour-card-content{flex:1;min-width:0}.hour-card-top{align-items:center;gap:.6rem;display:flex}.hour-card-name{font-family:var(--font-display);color:var(--text-main);font-size:1rem;font-weight:700}.hour-current-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--accent-blue);color:#fff;white-space:nowrap;border-radius:50px;padding:.15rem .5rem;font-size:.6rem;font-weight:700}.hour-card-time{color:var(--text-subtle);margin-top:.2rem;font-size:.75rem}.hour-card-arrow{color:var(--text-subtle);flex-shrink:0;font-size:1.4rem}.reading-progress-bar{z-index:9998;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-fill{background:linear-gradient(90deg, var(--accent-gold), var(--accent-blue));height:100%;transition:width .1s linear}.liturgy-container{background:var(--bg-card);flex:1;padding:1.5rem 1.75rem 2rem}.liturgy-back-btn{text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #b8860b33;border-radius:50px;align-items:center;gap:.4rem;margin-bottom:2rem;padding:.45rem 1rem;font-size:.72rem;font-weight:600;display:inline-flex}.liturgy-back-btn:hover{border-color:var(--accent-gold-soft);color:var(--text-muted)}.liturgy-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem}.liturgy-date-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.16em;color:var(--text-subtle);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.liturgy-day-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--accent-gold);margin-bottom:1rem;font-size:.7rem}.liturgy-hour-title{color:var(--text-main);margin-bottom:1.5rem;font-size:clamp(2rem,8vw,3rem)}.liturgy-header-rule{background:var(--accent-gold-soft);opacity:.5;width:48px;height:2px;margin:0 auto}.section-title-block{text-align:center;margin:3.5rem 0 2rem}.section-ornament{color:var(--accent-gold);letter-spacing:.3em;opacity:.6;margin-bottom:.75rem;font-size:.7rem}.section-title{font-family:var(--font-display);color:var(--text-main);font-size:1.5rem;font-style:italic;font-weight:400}.section-rule{background:var(--accent-gold-soft);opacity:.4;width:32px;height:1px;margin:1rem auto 0}.rubric{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--rubric-red);text-align:center;margin:2rem 0 1rem;font-size:.65rem;font-weight:700}.verse{border-top:1px solid #b8860b1a;border-bottom:1px solid #b8860b1a;flex-direction:column;gap:.6rem;margin:1.5rem 0;padding:1rem 0;display:flex}.verse .v,.verse .r{font-family:var(--font-serif);font-size:var(--reading-font-size);color:var(--text-main);align-items:baseline;gap:.5rem;line-height:1.6;display:flex}.v:before{content:"V.";font-family:var(--font-sans);color:var(--accent-gold);letter-spacing:.05em;flex-shrink:0;font-size:.65rem;font-weight:700}.r:before{content:"R.";font-family:var(--font-sans);color:var(--accent-gold);letter-spacing:.05em;flex-shrink:0;font-size:.65rem;font-weight:700}.antiphon{font-family:var(--font-serif);font-style:italic;font-size:var(--reading-font-size);color:var(--text-muted);border-left:3px solid var(--accent-gold-soft);margin:1.5rem 0;padding:.75rem 0 .75rem 1.25rem;line-height:1.65}.psalm-card{background:var(--bg-elevated);border-radius:var(--radius-md);border-left:4px solid var(--accent-gold-soft);margin:1.5rem 0;padding:2rem 1.5rem}[data-theme=dark] .psalm-card{background:var(--bg-elevated)}.psalm-name{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-gold);margin-bottom:1.25rem;font-size:.65rem;font-weight:700}.psalm-text{font-family:var(--font-serif);font-size:var(--reading-font-size);color:var(--text-main);line-height:2}.reading-card{background:var(--bg-elevated);border-radius:var(--radius-md);border-top:3px solid var(--accent-blue);text-align:center;margin:1.5rem 0;padding:2rem 1.5rem}.hymn-title{font-family:var(--font-display);color:var(--text-muted);margin-bottom:1.5rem;font-size:1.2rem;font-style:italic;font-weight:400}.hymn-text{text-align:center;color:var(--text-muted)}.liturgy-end-ornament{text-align:center;color:var(--accent-gold);opacity:.5;margin:3rem 0}.liturgy-end-ornament span{letter-spacing:.4em;font-size:.8rem}.liturgy-end-ornament p{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem;font-size:.65rem}.settings-container{flex:1;padding:3rem 1.75rem 9rem}.settings-header{text-align:center;margin-bottom:2.5rem}.settings-header h1{font-size:clamp(1.8rem,7vw,2.4rem)}.settings-subtitle{color:var(--text-subtle);margin-top:.4rem;font-size:.85rem}.settings-section{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:1px solid #b8860b14;margin-bottom:1.25rem;padding:1.4rem 1.25rem}.settings-section h3{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.16em;color:var(--accent-gold);margin-bottom:1.25rem;font-size:.65rem;font-weight:700}.setting-row{border-bottom:1px solid var(--bg-elevated);color:var(--text-main);justify-content:space-between;align-items:center;padding:.85rem 0;font-size:.9rem;display:flex}.setting-row:last-child{border-bottom:none}.install-block{flex-direction:column;gap:1rem;display:flex}.install-description{color:var(--text-muted);font-size:.875rem;line-height:1.6}.install-btn{background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 14px #0d6ca84d}.install-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d6ca866}.install-btn-icon{font-size:1.1rem}.install-steps{color:var(--text-muted);padding-left:1.2rem;font-size:.875rem;line-height:2}.installed-badge{color:#2e7d32;background:#2e7d321a;border-radius:50px;padding:.2rem .7rem;font-size:.8rem;font-weight:600}[data-theme=dark] .installed-badge{color:#66bb6a;background:#66bb6a1a}.theme-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.theme-card{background:var(--bg-elevated);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:.7rem;padding:1rem;display:flex;position:relative}.theme-card.active{border-color:var(--accent-blue);background:var(--bg-card);box-shadow:var(--shadow-sm)}.theme-preview{border:1px solid #0000000f;border-radius:6px;flex-direction:column;width:100%;height:56px;display:flex;overflow:hidden}.theme-card.light .theme-preview{background:#faf7f2}.theme-card.dark .theme-preview{background:#0e1520}.theme-card.light .preview-header{background:#e8e0d0;height:14px}.theme-card.dark .preview-header{background:#18243a;height:14px}.preview-text{font-family:var(--font-serif);flex:1;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.theme-card.light .preview-text{color:#1c1209}.theme-card.dark .preview-text{color:#f0ebe2}.theme-card span{color:var(--text-main);font-size:.8rem;font-weight:600}.checked-indicator{background:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 8px #0d6ca859}.font-size-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.font-preview{background:var(--bg-elevated);border-left:3px solid var(--accent-gold-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-serif);font-style:italic;font-size:var(--reading-font-size);color:var(--text-muted);margin-top:1.25rem;padding:1rem 1.25rem;line-height:1.7;transition:font-size .2s}.font-btn{background:var(--bg-elevated);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-muted);border:1px solid #0000;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem .5rem;font-size:.75rem;font-weight:600;display:flex}.font-btn:hover{border-color:var(--accent-gold-soft);color:var(--text-main)}.font-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 4px 12px #0d6ca833}.font-btn span{font-family:var(--font-serif);font-weight:700}.settings-footer{text-align:center;color:var(--text-subtle);opacity:.6;margin-top:2.5rem;font-size:.75rem;line-height:1.7}.dock-container{bottom:env(safe-area-inset-bottom,1.5rem);bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem);z-index:9999;width:min(90%,420px);animation:6s ease-in-out infinite floatDock;position:fixed;left:50%;transform:translate(-50%)translateY(0)}.premium-dock{-webkit-backdrop-filter:blur(48px)saturate(180%);background:#ffffffb8;border:1px solid #ffffff8c;border-radius:100px;justify-content:space-around;align-items:center;gap:.3rem;padding:.55rem;display:flex;box-shadow:0 8px 32px #1c12091f,0 2px 8px #1c12090f}[data-theme=dark] .premium-dock{background:#0e1520c7;border-color:#ffffff12;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d}.dock-item{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-radius:100px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.6rem .4rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.dock-item:active{transform:scale(.9)}.dock-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dock-icon svg{width:18px;height:18px}.dock-label{text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:700;line-height:1}.dock-item.active{background:var(--accent-blue);color:#fff;box-shadow:0 6px 16px #0d6ca84d}@keyframes floatDock{0%{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}to{transform:translate(-50%)translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dock-container{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=400px){.home-container,.prega-container,.settings-container,.liturgy-container{padding-left:1.25rem;padding-right:1.25rem}.main-title{font-size:2rem}.liturgy-hour-title{font-size:1.9rem}.psalm-card,.reading-card{padding:1.5rem 1.1rem}.dock-label{display:none}.dock-item{padding:.75rem}}.App{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;border-bottom:1px solid #d4af371a;padding:3rem 1.5rem 1rem}.app-header h1{color:var(--accent-crimson);margin:0;font-size:2.2rem}.subtitle{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin:.5rem 0 0;font-size:.9rem}.loading{height:50vh;font-family:var(--font-display);color:var(--accent-gold);justify-content:center;align-items:center;display:flex}@media (width<=480px){.app-header h1{font-size:1.8rem}.subtitle{font-size:.75rem}}