:root{--bg-warm: #f7f3ed;--bg-cool: #f2f4f7;--bg-card: #fafaf8;--sage: #b7c4b1;--sage-soft: #d4ddd0;--powder-blue: #b8c9db;--blue-soft: #d2dde8;--lavender: #c5c0d6;--lavender-soft: #ddd9e8;--sand: #d9cfc0;--sand-soft: #e8e0d4;--text-primary: #3d3a38;--text-secondary: #6b6762;--text-muted: #99958f;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-quote: "Cormorant Garamond", "EB Garamond", Georgia, serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition-slow: .6s ease;--transition-med: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-weight:200;color:var(--text-primary);background-color:var(--bg-warm);min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.6;letter-spacing:.01em}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1,h2,h3,h4{font-family:var(--font-ui);font-weight:200;color:var(--text-primary)}.quote-text{font-family:var(--font-quote);font-weight:300;font-style:italic;font-size:1.35rem;line-height:1.75;color:var(--text-primary);text-align:center;max-width:24rem;padding:var(--space-xl)}.quote-attribution{font-family:var(--font-ui);font-weight:300;font-size:.85rem;color:var(--text-secondary);text-align:center;margin-top:var(--space-md);letter-spacing:.03em}.quote-attribution:before{content:"— "}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-family:var(--font-ui);font-weight:300;font-size:.9rem;color:var(--text-primary);background:transparent;border:1px solid var(--text-muted);border-radius:2rem;cursor:pointer;transition:all var(--transition-med);letter-spacing:.02em;-webkit-tap-highlight-color:transparent}.btn:hover,.btn:active{background:#00000008;border-color:var(--text-secondary)}.btn-primary{background:var(--sage-soft);border-color:var(--sage)}.btn-primary:hover,.btn-primary:active{background:var(--sage)}.page{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden}.page-enter{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.soft-divider{width:3rem;height:1px;background:var(--sand);margin:var(--space-lg) auto;border:none}.text-center{text-align:center}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}@keyframes breathe{0%,to{r:80;opacity:.15}50%{r:120;opacity:.3}}@keyframes breatheSmall{0%,to{transform:scale(1);opacity:.12}50%{transform:scale(1.15);opacity:.22}}.breathing-circle{animation:breathe 8s ease-in-out infinite;fill:var(--sage)}.breathing-circle-small{animation:breatheSmall 10s ease-in-out infinite}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) translate(40px);opacity:0}}@keyframes floatUpSlow{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100vh) translate(-30px);opacity:0}}.particle{position:absolute;border-radius:50%;background:var(--sage-soft);pointer-events:none;animation:floatUp 12s ease-in infinite}.particle:nth-child(2n){animation:floatUpSlow 15s ease-in infinite;background:var(--blue-soft)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:400% 400%;animation:gradientShift 20s ease infinite;z-index:-1}@keyframes gentlePulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.5}to{transform:scale(1);opacity:.3}}.completion-ring{animation:gentlePulse 3s ease-in-out infinite}@keyframes timerBeat{0%,to{opacity:.9}50%{opacity:.6}}.timer-active{animation:timerBeat 2s ease-in-out infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .5s ease both}