:root{--color-primary: #F47D31;--color-primary-hover: #E0671C;--color-primary-light: #FFF0E6;--color-primary-glow: rgba(244, 125, 49, .25);--color-blue: #3870FF;--color-blue-light: #EEF3FF;--color-blue-glow: rgba(56, 112, 255, .25);--color-yellow: #FFBE3B;--color-yellow-light: #FFF8E6;--color-yellow-glow: rgba(255, 190, 59, .25);--color-teal: #00A389;--color-teal-light: #E6F7F4;--color-teal-glow: rgba(0, 163, 137, .25);--color-purple: #7F56D9;--color-purple-light: #F4F0FF;--color-dark: #1E293B;--color-dark-surface: #0F172A;--color-bg: #FAF6F0;--color-surface: #FFFFFF;--color-surface-alt: #F4EEE5;--color-border: #E8E0D2;--color-border-subtle: #F0EAE0;--color-text-main: #2E3438;--color-text-muted: #6B7280;--color-text-light: #9CA3AF;--color-text-on-primary: #FFFFFF;--font-family-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs: 8px;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(46, 52, 56, .04);--shadow-md: 0 8px 24px rgba(46, 52, 56, .08);--shadow-lg: 0 16px 36px rgba(46, 52, 56, .12);--shadow-glow: 0 8px 28px var(--color-primary-glow);--safe-bottom: env(safe-area-inset-bottom, 16px);--safe-top: env(safe-area-inset-top, 16px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:#ece5d8;font-family:var(--font-family-body);color:var(--color-text-main);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;justify-content:center;align-items:stretch;background-color:#e8e0d2}.mobile-app-wrapper{width:100%;max-width:460px;min-height:100vh;background-color:var(--color-bg);position:relative;display:flex;flex-direction:column;box-shadow:0 0 50px #00000014;overflow-x:hidden;padding-bottom:calc(76px + var(--safe-bottom))}@media(min-width:768px){.mobile-app-wrapper{margin:20px auto;min-height:calc(100vh - 40px);border-radius:var(--radius-xl);overflow:hidden}}h1,h2,h3,h4,.font-display{font-family:var(--font-family-display);font-weight:700;line-height:1.25;color:var(--color-text-main)}h1{font-size:26px}h2{font-size:20px}h3{font-size:17px}p{font-size:14.5px}.btn-primary{background:var(--color-primary);color:#fff;border:none;font-family:var(--font-family-display);font-weight:700;font-size:15px;padding:14px 24px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 16px var(--color-primary-glow);transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none;width:100%}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 22px #f47d3159}.btn-primary:active{transform:translateY(1px) scale(.98)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text-main);border:1px solid var(--color-border);font-family:var(--font-family-display);font-weight:600;font-size:14px;padding:12px 20px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-secondary:hover{background:#eae3d6}.btn-icon{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-main);transition:all .2s ease}.btn-icon:hover{background:var(--color-surface-alt);transform:scale(1.05)}.btn-icon:active{transform:scale(.95)}.card-soft{background:var(--color-surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.card-soft:hover{box-shadow:var(--shadow-md)}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes breatheGuide{0%{transform:scale(.85);box-shadow:0 0 20px #f47d314d}50%{transform:scale(1.18);box-shadow:0 0 60px #f47d3199}to{transform:scale(.85);box-shadow:0 0 20px #f47d314d}}.animate-float{animation:floatSlow 4s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2.5s ease-in-out infinite}.slider-container{width:100%;position:relative;height:24px;display:flex;align-items:center;cursor:pointer}.slider-track{width:100%;height:6px;border-radius:3px;background:#ffffff40;position:relative;overflow:hidden}.slider-progress{height:100%;background:#fff;border-radius:3px;transition:width .1s linear}.slider-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2e343826;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2e34384d}