*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--surface:#16213e;--card:#0f3460;--primary:#e94560;--gold:#d4a574;--text:#eaeaea;--muted:#a0a0b0;--white:#fff;--radius:12px;--radius-sm:8px;--shadow:0 4px 20px rgba(0,0,0,.3);--transition:.3s ease}html{font-size:16px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.mystery-select{max-width:480px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:2rem}.cross-icon{font-size:3rem;color:var(--gold);margin-bottom:.5rem}.header h1{font-size:2rem;color:var(--gold);font-weight:700;letter-spacing:.02em}.subtitle{color:var(--muted);font-size:.95rem;margin-top:.25rem}.today-suggestion{margin-bottom:2rem}.today-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.mystery-card{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:var(--surface);border:2px solid transparent;border-radius:var(--radius);color:var(--text);cursor:pointer;transition:all var(--transition);font-size:1rem;text-align:left;font-family:inherit}.mystery-card:hover{background:var(--card);transform:translateY(-2px);box-shadow:var(--shadow)}.mystery-card:active{transform:translateY(0)}.today-card{background:var(--card);border-width:2px}.mystery-icon{font-size:1.75rem;flex-shrink:0}.mystery-title{font-weight:600;flex:1}.mystery-days{font-size:.8rem;color:var(--muted);flex-shrink:0}.all-mysteries{flex:1}.all-mysteries h2{font-size:1.1rem;color:var(--muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.06em}.mystery-grid{display:flex;flex-direction:column;gap:.75rem}.footer{text-align:center;padding-top:2rem;margin-top:auto;color:var(--muted);font-size:.8rem}.rosary-prayer{max-width:480px;margin:0 auto;padding:1rem 1.5rem 2rem;min-height:100vh;display:flex;flex-direction:column}.prayer-topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.btn-back{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem;padding:.5rem 0;transition:color var(--transition);font-family:inherit}.btn-back:hover{color:var(--text)}.btn-toggle-text{background:none;border:1px solid var(--muted);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:1.1rem;padding:.25rem .5rem;transition:all var(--transition);line-height:1}.btn-toggle-text:hover{border-color:var(--gold);background:#d4a5741a}.btn-toggle-text.active{border-color:var(--gold);background:#d4a57426}.prayer-title-bar{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.prayer-mystery-icon{font-size:1.25rem}.prayer-mystery-name{font-weight:600;color:var(--gold);font-size:1rem}.progress-container{position:relative;background:var(--surface);border-radius:100px;height:24px;margin-bottom:.75rem;overflow:hidden}.progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:100px;transition:width .4s ease}.progress-text{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:.7rem;color:var(--white);font-weight:600;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.section-indicator{text-align:center;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.prayer-card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;flex:1;display:flex;flex-direction:column;box-shadow:var(--shadow);min-height:280px}.prayer-header{margin-bottom:1rem}.prayer-header h2{color:var(--gold);font-size:1.35rem;margin-bottom:.5rem}.intention-badge,.bead-counter,.mystery-badge{display:inline-block;font-size:.75rem;padding:.2rem .6rem;border-radius:100px;margin-right:.5rem;margin-bottom:.25rem}.intention-badge{background:#e9456033;color:var(--primary);border:1px solid rgba(233,69,96,.3)}.bead-counter{background:#d4a57433;color:var(--gold);border:1px solid rgba(212,165,116,.3)}.mystery-badge{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.25);font-size:.7rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prayer-text-container{flex:1;display:flex;flex-direction:column;justify-content:center}.prayer-text{font-size:1.05rem;line-height:1.8;color:var(--white);text-align:justify;animation:fadeIn .5s ease}.prayer-text-hidden{font-size:.9rem;color:var(--muted);font-style:italic;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mystery-announcement{text-align:center}.mystery-number{font-size:.85rem;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.mystery-announcement .mystery-title{font-size:1.25rem;color:var(--gold);margin-bottom:1.5rem;font-weight:700}.mystery-content{text-align:left}.scripture,.intention-prayer{margin-bottom:1.25rem}.scripture h3,.intention-prayer h3{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.scripture p{font-style:italic;color:#c0c0d0;font-size:.95rem;line-height:1.7}.intention-prayer p{color:var(--white);font-size:.95rem;line-height:1.7}.prayer-nav{display:flex;gap:1rem;margin-top:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:all var(--transition);font-weight:600;font-family:inherit}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#d63851;transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--muted)}.btn-secondary:hover{background:var(--card)}.btn-nav{flex:1}.btn-nav:disabled{opacity:.3;cursor:not-allowed;transform:none}.decade-visual{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:.5rem}.decade-label{font-size:.75rem;color:var(--muted)}.decade-dots{display:flex;gap:.5rem}.decade-dot{width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--muted);transition:all var(--transition)}.decade-dot.active{background:var(--gold);border-color:var(--gold)}.decade-dot.current{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px #e9456080}.completed{display:flex;align-items:center;justify-content:center}.completion-screen{text-align:center;padding:2rem}.completion-icon{font-size:4rem;margin-bottom:1rem}.completion-screen h1{color:var(--gold);font-size:2rem;margin-bottom:.5rem}.completion-screen p{color:var(--muted);margin-bottom:.5rem}.completion-message{font-style:italic;color:var(--text)!important;margin-bottom:2rem!important;line-height:1.7}.completion-actions{display:flex;flex-direction:column;gap:.75rem;max-width:280px;margin:0 auto}@media (max-width:480px){.mystery-select,.rosary-prayer{padding-left:1rem;padding-right:1rem}.header h1{font-size:1.75rem}.prayer-card{padding:1rem}.prayer-text{font-size:.95rem}}@media (min-width:768px){.mystery-select,.rosary-prayer{max-width:540px;padding-top:3rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--card);border-radius:3px}