.rosary-container{flex-direction:column;align-items:center;padding:.75rem .5rem .25rem;display:flex}.rosary-chain{flex-direction:column;align-items:stretch;width:100%;max-width:360px;display:flex}.rosary-group{flex-direction:column;display:flex}.mystery-label{justify-content:center;align-items:center;gap:.4rem;padding:.35rem .5rem .15rem;display:flex}.mystery-label__text{color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.63rem}.mystery-label__dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:4px;height:4px}.rosary-thread-row{align-items:center;min-height:52px;padding:.4rem .25rem;display:flex;position:relative}.rosary-thread{z-index:0;background:linear-gradient(90deg,#0000,#b0976e 6%,#8a7048 25%,#6b5830 50%,#8a7048 75%,#b0976e 94%,#0000);border-radius:1px;height:2px;position:absolute;top:50%;left:.25rem;right:.25rem;transform:translateY(-50%)}.rosary-beads-row{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;padding:0 .25rem;display:flex;position:relative}.bead{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;z-index:2;border:none;border-radius:50%;outline:none;flex-shrink:0;transition:transform .12s,box-shadow .12s;position:relative}.bead:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.bead:active{transform:scale(.84)!important}.bead--ave{background:radial-gradient(circle at 36% 30%,#f5f0e5 0%,#e0d5be 38%,#c8b89a 68%,#a89070 100%);width:26px;height:26px;box-shadow:0 3px 8px #00000042,inset 0 2px 4px #ffffffa6,inset 0 -1px 3px #0000002e}.bead--ave.bead--done{background:radial-gradient(circle at 36% 30%,#4a6fa0 0%,#2d4a7a 48%,#1a2c50 100%);box-shadow:0 2px 6px #2d4a7a66,inset 0 1px 3px #ffffff2e,inset 0 -1px 2px #0000004d}.bead--pater{background:radial-gradient(circle at 36% 30%,#c07040 0%,#8b4513 40%,#6b3010 72%,#3d1a08 100%);width:34px;height:34px;box-shadow:0 4px 10px #0000005c,inset 0 2px 4px #ffffff47,inset 0 -2px 4px #00000059}.bead--pater.bead--done{background:radial-gradient(circle at 36% 30%,#5a2d10 0%,#3a1808 50%,#200e04 100%);box-shadow:0 3px 8px #00000080,inset 0 1px 2px #ffffff1a}.bead--special{background:radial-gradient(circle at 36% 30%,#9a88c8 0%,#6a5aa0 42%,#463a78 74%,#2c2450 100%);width:30px;height:30px;box-shadow:0 3px 8px #0000004d,inset 0 2px 4px #ffffff59,inset 0 -2px 3px #00000052}.bead--special.bead--done{background:radial-gradient(circle at 36% 30%,#3a2d68 0%,#241848 50%,#140e2c 100%);box-shadow:0 2px 6px #00000073,inset 0 1px 2px #ffffff1a}.bead--current{animation:2.2s ease-in-out infinite bead-pulse;background:radial-gradient(circle at 36% 30%,#ffe870 0%,#c9a84c 42%,#a07828 75%,#6b5010 100%)!important;transform:scale(1.18)!important;box-shadow:0 0 0 3px #c9a84c8c,0 0 18px #c9a84ccc,0 4px 10px #0000004d,inset 0 2px 4px #ffffff8c!important}@keyframes bead-pulse{0%,to{box-shadow:0 0 0 3px #c9a84c80,0 0 14px #c9a84cb3,0 4px 10px #0000004d,inset 0 2px 4px #ffffff8c}50%{box-shadow:0 0 0 5px #c9a84c52,0 0 28px #c9a84ce6,0 4px 10px #0000004d,inset 0 2px 4px #ffffff8c}}.bead-legend{color:var(--color-text-muted);font-size:.71rem;font-family:var(--font-sans);align-items:center;gap:1.1rem;padding:.6rem 0 .25rem;display:flex}.bead-legend__item{align-items:center;gap:.35rem;display:flex}.bead-legend__sample{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 1px 4px #00000040,inset 0 1px 2px #ffffff59}.bead-legend__sample--current{background:radial-gradient(circle at 36% 30%,#ffe870,#c9a84c);box-shadow:0 0 0 3px #c9a84c73,0 0 8px #c9a84c99}.contemplative-overlay{z-index:1000;padding:max(2rem, env(safe-area-inset-top)) 1.5rem max(2rem, env(safe-area-inset-bottom));background:linear-gradient(160deg,#0f1a2e 0%,#1a2a4a 40%,#0d1520 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.contemplative-overlay:before{content:"";pointer-events:none;background:radial-gradient(at 30% 30%,#c9a84c0f 0%,#0000 60%),radial-gradient(at 70% 70%,#2d4a7a1a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.contemplative-top{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.contemplative-bead-indicator{color:#c9a84ce6;letter-spacing:.05em;background:#c9a84c1f;border:2px solid #c9a84c99;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:.7rem;animation:3s ease-in-out infinite pulse-soft;display:flex}.contemplative-progress-text{color:#ffffff59;letter-spacing:.08em;font-size:.75rem}.contemplative-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:2rem 0;display:flex}.contemplative-mystery{color:#c9a84cb3;letter-spacing:.1em;text-transform:uppercase;text-align:center;font-size:.8rem}.contemplative-prayer-title{font-family:var(--font-serif);color:#ffffffeb;text-align:center;font-size:1.5rem;font-weight:600;line-height:1.3}.contemplative-prayer-text{font-family:var(--font-serif);color:#ffffffc7;text-align:center;white-space:pre-line;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-height:45vh;font-size:1.05rem;line-height:2;overflow-y:auto}.contemplative-prayer-text::-webkit-scrollbar{display:none}.contemplative-controls{justify-content:center;align-items:center;gap:1rem;width:100%;max-width:320px;display:flex}.contemplative-btn{color:#ffffffbf;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #fff3;border-radius:50px;min-height:48px;padding:.75rem 1.5rem;font-size:.9rem}.contemplative-btn:active{background:#ffffff14;transform:scale(.97)}.contemplative-btn--primary{color:#c9a84cf2;background:#c9a84c33;border-color:#c9a84c80;flex:1;max-width:220px;padding:.875rem 2rem;font-size:1rem}.contemplative-btn--primary:active{background:#c9a84c59}.contemplative-exit{top:max(1rem, env(safe-area-inset-top));color:#fff6;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.05em;background:0 0;border:none;padding:.5rem;font-size:.75rem;position:absolute;right:1rem}.contemplative-progress-bar{background:#ffffff1a;border-radius:1px;width:100%;max-width:200px;height:2px;overflow:hidden}.contemplative-progress-fill{height:100%;transition:width var(--transition-base);background:linear-gradient(90deg,#c9a84c99,#c9a84ce6);border-radius:1px}:root{--color-primary:#2d4a7a;--color-primary-light:#3d6299;--color-primary-dark:#1e3354;--color-accent:#c9a84c;--color-accent-light:#e0c270;--color-background:#f5f0e8;--color-surface:#fdfaf4;--color-surface-elevated:#fff;--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a6a;--color-text-muted:#88a;--color-border:#e2d9c8;--color-border-light:#ede8dc;--color-success:#2e7d52;--color-bead-pending:#d4c9b0;--color-bead-done:#2d4a7a;--color-bead-current:#c9a84c;--color-bead-pater:#8b4513;--font-serif:"Georgia", "Times New Roman", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-soft:0 2px 12px #2d4a7a14;--shadow-card:0 4px 20px #2d4a7a1f;--shadow-elevated:0 8px 32px #2d4a7a29;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-background);min-height:100%;font-family:var(--font-sans);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;padding:0}#app{min-height:100svh}.prayer-text{font-family:var(--font-serif);color:var(--color-text-primary);white-space:pre-line;font-size:1.1rem;line-height:1.9}.prayer-title{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.mystery-name{color:var(--color-accent);letter-spacing:.02em;font-size:.9rem;font-style:italic}.app-container{background:var(--color-surface);flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative}@media (width>=768px){.app-container{box-shadow:0 0 60px #00000014}body{background:linear-gradient(135deg,#e8e0d0 0%,#d5ccbc 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;display:flex}}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:10;padding:1rem 1.25rem .75rem;position:sticky;top:0}.scroll-area{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;overflow-y:auto}.card-devotion{background:var(--color-surface-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer}.card-devotion:active{transform:scale(.98)}.ant-btn-primary{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-btn-primary:hover{background-color:var(--color-primary-light)!important;border-color:var(--color-primary-light)!important}.ant-progress-bg{background-color:var(--color-primary)!important}.safe-bottom{padding-bottom:max(1rem, env(safe-area-inset-bottom))}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes bead-complete{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-base) both}.pulse-soft{animation:2s ease-in-out infinite pulse-soft}