@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Noto+Serif+KR:wght@300;400;500&family=Noto+Sans+KR:wght@300;400;500&display=swap";:root{--gold: #F88378;--gold-dark: #d45748;--gold-light: #FAA89F;--gold-pale: #FEF5F4;--cream: #FFF0EE;--cream-dark: #FDE8E5;--card-bg: #FFFAF8;--glow-rgba-light: rgba(248, 131, 120, .12);--glow-rgba: rgba(248, 131, 120, .35);--card-verse-bg: rgba(248, 131, 120, .07);--shadow-soft: 0 8px 40px rgba(248, 131, 120, .15);--shadow-card: 0 20px 80px rgba(248, 131, 120, .18), 0 4px 20px rgba(248, 131, 120, .1);--text-primary: #3A4A4A;--text-secondary: #5A7070;--text-muted: #8CA0A0;--brown: #5A7070;--brown-dark: #3A4A4A;--white: #FFFFFF;--font-serif: "Cormorant Garamond", "Noto Serif KR", Georgia, serif;--font-sans: "Noto Sans KR", -apple-system, sans-serif;--border-radius: 20px;--border-radius-sm: 12px}[data-theme=sunrise]{--gold: #F88378;--gold-dark: #d45748;--gold-light: #FAA89F;--gold-pale: #FEF5F4;--cream: #FFF0EE;--cream-dark: #FDE8E5;--card-bg: #FFFAF8;--glow-rgba-light: rgba(248, 131, 120, .12);--glow-rgba: rgba(248, 131, 120, .35);--card-verse-bg: rgba(248, 131, 120, .07);--shadow-soft: 0 8px 40px rgba(248, 131, 120, .15);--shadow-card: 0 20px 80px rgba(248, 131, 120, .18), 0 4px 20px rgba(248, 131, 120, .1)}[data-theme=peach]{--gold: #F88378;--gold-dark: #d45748;--gold-light: #FAA89F;--gold-pale: #FEF5F4;--cream: #FEF0E6;--cream-dark: #FDE4CC;--card-bg: #FFFCF8;--glow-rgba-light: rgba(251, 206, 177, .3);--glow-rgba: rgba(248, 131, 120, .35);--card-verse-bg: rgba(251, 206, 177, .35);--shadow-soft: 0 8px 40px rgba(251, 206, 177, .35);--shadow-card: 0 20px 80px rgba(251, 206, 177, .35), 0 4px 20px rgba(248, 131, 120, .1)}[data-theme=garden]{--gold: #43B3AE;--gold-dark: #2d8a86;--gold-light: #8ACFCB;--gold-pale: #EBF7F6;--cream: #EFF8EF;--cream-dark: #E2F2E1;--card-bg: #F8FFF8;--glow-rgba-light: rgba(175, 217, 174, .35);--glow-rgba: rgba(67, 179, 174, .35);--card-verse-bg: rgba(175, 217, 174, .3);--shadow-soft: 0 8px 40px rgba(175, 217, 174, .35);--shadow-card: 0 20px 80px rgba(175, 217, 174, .35), 0 4px 20px rgba(67, 179, 174, .1)}[data-theme=ocean]{--gold: #43B3AE;--gold-dark: #2d8a86;--gold-light: #8ACFCB;--gold-pale: #EBF7F6;--cream: #E8F6F5;--cream-dark: #D8EEEE;--card-bg: #F5FFFD;--glow-rgba-light: rgba(67, 179, 174, .12);--glow-rgba: rgba(67, 179, 174, .35);--card-verse-bg: rgba(67, 179, 174, .08);--shadow-soft: 0 8px 40px rgba(67, 179, 174, .15);--shadow-card: 0 20px 80px rgba(67, 179, 174, .18), 0 4px 20px rgba(67, 179, 174, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{background:var(--cream);font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background .4s ease}.app-root{min-height:100vh;background:linear-gradient(160deg,var(--cream) 0%,var(--cream-dark) 50%,var(--cream) 100%);position:relative;overflow:hidden;transition:background .4s ease}.theme-selector{display:flex;gap:15px;justify-content:center;margin-bottom:35px}.theme-dot{width:15px;height:15px;border-radius:50%;border:2.5px solid transparent;background-color:var(--dot);cursor:pointer;padding:0;box-shadow:0 2px 6px #0000002e;outline:none;flex-shrink:0}.theme-dot--active{border-color:#28282859;box-shadow:0 0 0 3px #ffffffbf,0 2px 8px #00000038;transform:scale(1.2)}.welcome-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;position:relative}.welcome-container{width:100%;max-width:480px;position:relative;z-index:1}.bg-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.bg-glow-1{width:500px;height:500px;top:-100px;left:-150px;background:radial-gradient(circle,var(--glow-rgba-light) 0%,transparent 70%);transition:background .4s ease}.bg-glow-2{width:400px;height:400px;bottom:-80px;right:-100px;background:radial-gradient(circle,var(--glow-rgba-light) 0%,transparent 70%);transition:background .4s ease}.app-logo{text-align:center;margin-bottom:0;display:flex;align-items:center;justify-content:center}.logo-img{width:120px;height:120px;object-fit:contain}.language-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}.lang-btn{padding:6px 14px;border-radius:100px;border:1px solid var(--gold-light);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.lang-btn:hover{background:var(--gold-pale);border-color:var(--gold)}.lang-btn.active{background:var(--gold);border-color:var(--gold);color:var(--white);font-weight:500}.welcome-text{text-align:center;margin-bottom:32px}.welcome-title{font-family:var(--font-serif);font-size:32px;font-weight:400;color:var(--brown-dark);line-height:1.3;margin-bottom:8px}.welcome-subtitle{font-family:var(--font-serif);font-size:19px;font-weight:300;color:var(--text-secondary);line-height:1.5;font-style:italic}.input-area{position:relative;margin-bottom:8px}.concern-input{width:100%;padding:20px 22px;border:1.5px solid var(--gold-light);border-radius:var(--border-radius);background:#fffc;font-family:var(--font-sans);font-size:15px;color:var(--text-primary);line-height:1.7;resize:none;transition:border-color .25s ease,box-shadow .25s ease;outline:none}.concern-input::placeholder{color:var(--text-muted);white-space:pre-line}.concern-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px var(--glow-rgba-light);background:#fffffff2}.char-count{text-align:right;font-size:11px;color:var(--text-muted);margin:6px 4px 20px}.submit-btn{width:100%;padding:16px 24px;border-radius:100px;border:none;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--white);font-family:var(--font-sans);font-size:16px;font-weight:500;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px var(--glow-rgba)}.submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.submit-btn:not(:disabled):hover{box-shadow:0 6px 28px var(--glow-rgba)}.btn-arrow{font-size:18px}.voice-title{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--brown-dark);text-align:center;margin-bottom:28px}.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.voice-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border-radius:var(--border-radius-sm);border:1.5px solid var(--gold-light);background:#ffffffb3;cursor:pointer;transition:all .2s ease}.preview-btn{margin-top:8px;padding:5px 12px;border-radius:100px;border:1px solid var(--gold-light);background:transparent;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .2s;font-family:var(--font-sans);width:100%}.preview-btn:hover{background:var(--gold-pale);color:var(--brown);border-color:var(--gold)}.preview-btn.preview-playing{background:var(--gold);color:var(--white);border-color:var(--gold)}.voice-card:hover{background:var(--gold-pale);border-color:var(--gold)}.voice-card.selected{background:var(--gold-pale);border-color:var(--gold);box-shadow:0 0 0 3px var(--glow-rgba-light)}.voice-icon{font-size:22px;color:var(--gold)}.voice-name{font-weight:500;font-size:15px;color:var(--brown-dark)}.voice-preview{font-size:12px;color:var(--text-muted)}.voice-actions{display:flex;gap:12px;align-items:center}.back-btn{flex:0 0 auto;padding:14px 18px;border-radius:100px;border:1.5px solid var(--gold-light);background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--gold-pale)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-container{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative}.loading-cross{font-size:48px;color:var(--gold);position:relative;z-index:2}.ripple-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:80px;height:80px}.ripple-ring{position:absolute;top:0;left:0;width:80px;height:80px;border-radius:50%;border:1.5px solid var(--gold-light)}.loading-text{font-family:var(--font-serif);font-size:17px;color:var(--text-secondary);font-style:italic;text-align:center;max-width:280px;line-height:1.6;margin-top:16px}.loading-dots{display:flex;gap:8px}.loading-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block}.animation-screen{min-height:100vh;display:flex;flex-direction:column;padding:0;max-width:600px;margin:0 auto}.anim-header{padding:32px 28px 24px;text-align:center;flex-shrink:0}.anim-app-name{font-family:var(--font-serif);font-size:13px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}.anim-prayer-title{font-family:var(--font-serif);font-size:26px;font-weight:400;color:var(--brown-dark);margin-bottom:20px}.anim-controls{display:flex;align-items:center;justify-content:center;gap:12px}.tts-btn{padding:10px 22px;border-radius:100px;border:1.5px solid var(--gold);background:transparent;color:var(--brown);font-size:14px;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.tts-btn:hover,.tts-btn.playing{background:var(--gold);color:var(--white)}.auto-reveal-btn{padding:10px 18px;border-radius:100px;border:1px solid var(--gold-light);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.auto-reveal-btn:hover{background:var(--gold-pale);color:var(--brown)}.tts-error-msg{margin-top:8px;font-size:.78rem;color:var(--brown);opacity:.65;text-align:center;line-height:1.5}.prayer-lines-container{flex:1;overflow-y:auto;padding:16px 36px 40px;scroll-behavior:smooth;position:relative}.prayer-line{font-family:var(--font-serif);font-size:19px;font-weight:300;line-height:1.85;color:var(--text-primary);margin-bottom:18px;text-align:center;letter-spacing:.01em}.prayer-line.line-active{color:var(--brown-dark);font-weight:400}@keyframes shimmerFade{0%,to{color:var(--text-primary)}25%{color:var(--gold);text-shadow:0 0 20px var(--gold-pale)}50%{color:var(--brown-dark)}75%{color:var(--gold);text-shadow:0 0 30px var(--gold-pale)}}.prayer-line.line-shimmer{animation:shimmerFade 2.5s ease-in-out forwards}.completion-sparkle{text-align:center;margin-top:32px;position:relative;display:flex;align-items:center;justify-content:center}.sparkle-cross{font-size:40px;color:var(--gold);position:relative;z-index:2}.sparkle-ring{position:absolute;width:60px;height:60px;border-radius:50%;border:1.5px solid var(--gold-light);z-index:1}.continue-area{padding:20px 28px 40px;text-align:center;flex-shrink:0}.continue-label{font-size:13px;color:var(--text-muted);margin-bottom:12px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-serif)}.continue-btn{padding:14px 36px;border-radius:100px;border:none;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--white);font-size:15px;font-family:var(--font-sans);font-weight:500;cursor:pointer;box-shadow:0 4px 20px var(--glow-rgba);letter-spacing:.04em}.card-screen{min-height:100vh;padding:24px 16px 60px;display:flex;flex-direction:column;align-items:center}.card-actions{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.action-btn{padding:10px 18px;border-radius:100px;font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;border:1.5px solid var(--gold-light);background:#fffc;color:var(--brown)}.action-btn:hover{background:var(--gold-pale);border-color:var(--gold)}.action-btn-save{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-color:transparent;color:var(--white);box-shadow:0 4px 16px var(--glow-rgba-light)}.action-btn-save:hover{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%)}.prayer-card{width:100%;max-width:440px;background:var(--card-bg);border-radius:24px;padding:36px 32px 40px;box-shadow:var(--shadow-card);border:1px solid var(--gold-pale);position:relative;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.prayer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--gold-light),var(--gold),var(--gold-light),transparent)}.card-header{text-align:center;margin-bottom:24px}.card-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.card-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500;font-family:var(--font-sans)}.card-app-name{font-family:var(--font-serif);font-size:12px;letter-spacing:.12em;color:var(--text-muted);flex-shrink:0}.card-prayer-title{font-family:var(--font-serif);font-size:26px;font-weight:400;color:var(--brown-dark);line-height:1.4;margin-bottom:8px;word-break:keep-all;overflow-wrap:break-word}.card-date{font-size:13px;color:var(--text-muted);font-family:var(--font-sans)}.card-divider{display:flex;align-items:center;gap:12px;margin:4px 0 24px}.card-divider:before,.card-divider:after{content:"";flex:1;height:.5px;background:linear-gradient(90deg,transparent,var(--gold-light))}.card-divider:after{background:linear-gradient(90deg,var(--gold-light),transparent)}.divider-cross{font-size:14px;color:var(--gold);flex-shrink:0}.card-section{margin-bottom:24px}.section-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:10px;font-family:var(--font-sans)}.comfort-text{font-family:var(--font-serif);font-size:15px;line-height:1.8;color:var(--text-secondary);font-style:italic}.card-verse{background:var(--card-verse-bg);border-radius:14px;padding:18px 20px;border-left:3px solid var(--gold-light);transition:background .4s ease,border-color .4s ease}.verse-text{font-family:var(--font-serif);font-size:15px;line-height:1.8;color:var(--text-primary);font-style:italic;margin-bottom:8px}.verse-ref{font-size:12px;color:var(--gold);font-style:normal;font-weight:500;font-family:var(--font-sans);display:block;text-align:right}.prayer-text{font-family:var(--font-serif);font-size:15px;line-height:1.75;color:var(--text-primary)}.card-footer{text-align:center;margin-top:16px;padding-top:16px;border-top:.5px solid var(--gold-pale);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.footer-cross{font-size:14px;color:var(--gold-light)}.footer-text{font-family:var(--font-serif);font-size:12px;letter-spacing:.12em;color:var(--text-muted)}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#3a3530;color:#fdf8f4;padding:12px 24px;border-radius:100px;font-size:14px;z-index:999}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gold-light);border-radius:4px}@media (max-width: 480px){.prayer-lines-container{padding:12px 24px 32px}.prayer-line{font-size:17px}.prayer-card{padding:28px 22px 32px;border-radius:20px}.card-prayer-title{font-size:22px}.welcome-title{font-size:26px}.voice-grid{grid-template-columns:1fr 1fr}}.anim-inner{position:relative;z-index:1}.finale-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--cream);z-index:10}.finale-cross{font-size:52px;color:var(--gold);position:relative;z-index:3;text-shadow:0 0 40px var(--gold-light)}.finale-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:1.5px solid var(--gold-light);z-index:2}.finale-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);z-index:2}