@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap);:root{--color-primary:#14b8a6;--color-secondary:#2563eb;--color-premium:#f59e0b;--color-text:#0f172a;--color-text-light:#334155;--color-bg:#f8fafc;--color-bg-alt:#fff;--color-numbers:#cbe2db;--color-success:#22c55e;--color-border:#0f172a1a;--primary-rgb:20 184 166;--secondary-rgb:37 99 235;--premium-rgb:245 158 11;--font-display:"Nunito",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 2px 10px #0000000f;--shadow-md:0 12px 28px #0000001a;--shadow-lg:0 20px 60px #00000024;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--focus:0 0 0 4px #2563eb2e;--legacy-primary:#76a5a7;--legacy-secondary:#61837a;--legacy-bg:#fffef9;--legacy-border:#76a5a724}*{margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--color-bg);color:#0f172a;color:var(--color-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);line-height:1.6}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}section[id]{scroll-margin-top:90px}#demo,#top{scroll-margin-top:0}.skip-link{background:#fff;border-radius:999px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);left:12px;padding:.75rem 1rem;position:absolute;top:12px;transform:translateY(-140%);transition:transform .2s ease;z-index:2000}.skip-link:focus{box-shadow:0 0 0 4px #2563eb2e,0 2px 10px #0000000f;box-shadow:var(--focus),var(--shadow-sm);outline:none;transform:translateY(0)}h1,h2,h3,h4{color:#0f172a;color:var(--color-text);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(1.75rem,4vw,2.75rem);margin-bottom:1rem}h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:.75rem}p{color:#334155;color:var(--color-text-light);font-size:clamp(1rem,2vw,1.125rem);line-height:1.75}strong{color:#0f172a;color:var(--color-text);font-weight:700}:focus-visible{border-radius:10px;box-shadow:0 0 0 4px #2563eb2e;box-shadow:var(--focus);outline:none}.topbar{backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:#f8fafcb8;border-bottom:1px solid #0f172a14;box-shadow:0 10px 30px #0f172a0f;padding:.75rem 1.25rem .75rem .9rem}.topbar-left{gap:12px}.logo-button{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s}.logo-button:hover{transform:scale(1.05)}.logo-img{display:block;height:28px;width:auto}.nav-desktop{gap:12px}.nav-desktop,.topbar-links{align-items:center;display:flex}.topbar-links{gap:.85rem;margin-right:.5rem}.topbar-link{border-radius:10px;color:#334155;color:var(--color-text-light);font-size:.95rem;padding:.35rem .5rem;transition:background .2s,color .2s}.topbar-link:hover{background:#76a5a71a}.hamburger,.topbar-link:hover{color:#0f172a;color:var(--color-text)}.hamburger{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;padding:0;width:32px}.hamburger span{background:currentColor;border-radius:999px;display:block;height:3px;transition:transform .25s ease,opacity .25s ease;width:100%}.hamburger.is-active span:first-child{transform:translateY(10px) rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0}.hamburger.is-active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.mobile-menu{background:#f8fafc;background:var(--color-bg);border-bottom:1px solid #0f172a1a;border-bottom:1px solid var(--color-border);box-shadow:0 10px 34px #00000024;display:flex;flex-direction:column;gap:1rem;left:0;padding:1.5rem;position:fixed;right:0;top:70px;transform:translateY(-120%);transition:transform .3s;z-index:999}.mobile-menu.active{transform:translateY(0)}.mobile-links{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.mobile-link{background:#fff;background:var(--color-bg-alt);border-radius:14px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--color-text);font-weight:600;padding:.85rem .9rem}.mobile-menu-btn{width:100%}.btn{border:none;border-radius:999px;cursor:pointer;display:inline-block;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:700;min-height:48px;padding:.875rem 2rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.btn:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{opacity:.95;transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#2563eb,#14b8a6);background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));box-shadow:0 6px 18px #2563eb38;box-shadow:0 6px 18px rgba(var(--secondary-rgb)/.22)}.btn-secondary{background:#fff;border:2px solid #76a5a780}.btn-ghost,.btn-secondary{color:#0f172a;color:var(--color-text)}.btn-ghost{background:#ffffffd9;border:2px solid #cbe2db;box-shadow:0 2px 10px #0000000a}.btn-ghost:hover{border-color:#76a5a76b;box-shadow:0 12px 28px #0000001a;box-shadow:var(--shadow-md)}.btn-premium{background:linear-gradient(135deg,#f59e0b,#fdba74);background:linear-gradient(135deg,var(--color-premium),#fdba74);box-shadow:0 10px 24px #f59e0b38;box-shadow:0 10px 24px rgba(var(--premium-rgb)/.22);color:#fff}.topbar-cta{font-size:.9rem}.topbar .btn,.topbar-cta{line-height:1;min-height:36px;padding:.45rem 1rem}section{margin:0;padding:clamp(3rem,8vw,6rem) 1.5rem;width:100%}.section-narrow,section{max-width:none}.hero{align-items:center;background:radial-gradient(1200px 600px at 50% 0,#2563eb1f,#0000 55%),linear-gradient(180deg,#f8fafc,#fff);background:radial-gradient(1200px 600px at 50% 0,rgba(var(--secondary-rgb)/.12),#0000 55%),linear-gradient(180deg,var(--color-bg) 0,#fff 100%);display:flex;flex-direction:column;justify-content:center;min-height:95vh;padding-top:110px;text-align:center}.hero h1{margin-bottom:1.6rem;max-width:820px}.hero-subtitle{animation:fadeInUp .8s ease-out .15s both;font-size:clamp(1.1rem,2.5vw,1.35rem);margin:0 auto 2rem;max-width:740px}.hero-reassurance,.hero-subtitle{color:#334155;color:var(--color-text-light)}.hero-reassurance{animation:fadeInUp .8s ease-out .25s both;display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem 1.6rem;justify-content:center;margin-bottom:2.4rem}.hero-cta{align-items:center;animation:fadeInUp .8s ease-out .35s both;display:flex;flex-direction:column;gap:.85rem;margin-bottom:3rem}.hero-cta .btn{font-size:1.1rem;padding:1.1rem 2.6rem}.cta-undertext{color:#4a5568e6;font-size:.95rem;font-weight:600;margin-top:.25rem}.hero-link{color:#2563eb;color:var(--color-secondary);display:inline-block;font-weight:700;margin-top:1.2rem;opacity:.9;transition:opacity .2s,transform .2s}.hero-link:hover{opacity:1;transform:translateY(1px)}.hero-media{animation:fadeInUp .8s ease-out .5s both;margin-top:.1rem;max-width:920px;width:100%}.hero-video-wrapper{background:#000;border:1px solid #0000000f;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000024;box-shadow:var(--shadow-lg);overflow:hidden;width:100%}.hero-video{height:auto;width:100%}.hero-video,.hero-video-desktop{display:block}.hero-video-mobile{display:none}.hero-video-caption{color:#334155;color:var(--color-text-light);font-size:.95rem;margin-top:1rem;text-align:center}.social-proof{background:#fff}.testimonials-grid{grid-gap:1.8rem;display:grid;gap:1.8rem;margin:2rem 0 2.5rem}.testimonial-card{background:#fff;background:var(--color-bg-alt);border:1px solid #76a5a71a;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);padding:2rem;transition:transform .25s,box-shadow .25s}.testimonial-card:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.testimonial-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.testimonial-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#2563eb);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;height:56px;justify-content:center;width:56px}.testimonial-info h4{font-size:1.15rem;margin-bottom:.25rem}.testimonial-meta{color:#334155;color:var(--color-text-light);font-size:.9rem}.testimonial-stars{color:#f6ad55;font-size:1.2rem;margin-bottom:.8rem}.testimonial-text{color:#0f172a;color:var(--color-text);font-size:1.06rem;line-height:1.7}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;margin-top:2rem;text-align:center}.stat-item{padding:1.25rem}.stat-number{color:#cbe2db;color:var(--color-numbers);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:.5rem}.stat-label{color:#334155;color:var(--color-text-light);font-size:1rem}.mini-cta-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.2rem;justify-content:center;margin-top:2rem}.mini-cta-link{background:#14b8a61a;background:rgba(var(--primary-rgb)/.1);border:1px solid #14b8a629;border:1px solid rgba(var(--primary-rgb)/.16);border-radius:12px;color:#2563eb;color:var(--color-secondary);font-weight:800;padding:.5rem .75rem}.problem-solution{background:#fff;background:var(--color-bg-alt)}.pain-points{grid-gap:1.25rem;display:grid;gap:1.25rem;list-style:none;margin:2rem 0 2.5rem}.pain-point{align-items:flex-start;background:#fff;border-left:4px solid #14b8a6;border-left:4px solid var(--color-primary);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.6rem;transition:transform .25s,box-shadow .25s}.pain-point:hover{box-shadow:0 12px 28px #0000001a;box-shadow:var(--shadow-md);transform:translateX(6px)}.pain-point-icon{flex-shrink:0;font-size:2rem}.transition-text{margin:3.2rem 0 2.4rem;text-align:center}.transition-text h3{color:#14b8a6;color:var(--color-primary);margin-bottom:1.5rem}.transition-benefits{list-style:none;margin:0 auto 1.25rem;max-width:680px;text-align:left}.transition-benefits li{color:#0f172a;color:var(--color-text);font-size:1.12rem;padding:.7rem 0 .7rem 2rem;position:relative}.transition-benefits li:before{color:#22c55e;color:var(--color-success);content:"✓";font-size:1.25rem;font-weight:1000;left:0;position:absolute}.transition-strong{color:#0f172a;color:var(--color-text);font-size:1.12rem;font-weight:800}.solution-pillars{grid-gap:1.6rem;display:grid;gap:1.6rem;margin-top:2.2rem}.pillar-card{background:#fff;border:1px solid #76a5a71a;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);padding:2rem;text-align:center}.pillar-icon{font-size:3rem;margin-bottom:.85rem}.callout{align-items:center;background:#fffc;border:1px solid #0f172a1a;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:900px;padding:1.25rem}.callout-icon{font-size:1.7rem}.callout-title{font-weight:900}.callout-text{color:#334155;color:var(--color-text-light)}.problem-solution-inner{margin:0 auto;max-width:1200px}.pillars-divider{align-items:center;display:flex;gap:1rem;margin:clamp(2rem,4vw,3rem) auto;max-width:980px;opacity:.95}.pillars-divider-line{background:#0f172a1a;background:var(--color-border);flex:1 1;height:1px}.pillars-divider-chip{background:#ffffffbf;border:1px solid #0f172a1a;border:1px solid var(--color-border);border-radius:999px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--color-text);font-size:.95rem;font-weight:900;padding:.55rem .9rem;white-space:nowrap}.uniques-grid{grid-gap:1rem;display:grid;gap:1rem;margin:0 auto;max-width:980px}.unique-card{align-items:flex-start;background:#ffffffd9;border:1px solid #0f172a1a;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.25rem}.unique-icon{font-size:1.7rem;line-height:1;margin-top:.15rem}.unique-title{color:#0f172a;color:var(--color-text);font-weight:900;margin-bottom:.25rem}.unique-text{color:#334155;color:var(--color-text-light);line-height:1.7}@media (min-width:900px){.uniques-grid{gap:1.25rem;grid-template-columns:repeat(3,1fr)}.unique-card{flex-direction:column}.unique-icon{font-size:2rem}}.how-it-works{background:#fff}.steps{grid-gap:1.6rem;display:grid;gap:1.6rem;margin:2.5rem 0}.step{background:#fff;background:var(--color-bg-alt);border:1px solid #76a5a71a;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);gap:1.4rem;padding:2rem}.step,.step-number{align-items:center;display:flex}.step-number{background:#fff;border-radius:50%;box-shadow:0 4px 12px #76a5a733;color:#14b8a6;color:var(--color-primary);color:#cbe2db;color:var(--color-numbers);flex-shrink:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:2.35rem;font-weight:900;height:60px;justify-content:center;line-height:1;text-align:center;width:60px}.cta-secondary{margin-top:1.8rem;text-align:center}.benefits-section{background:#fff;background:var(--color-bg-alt)}.benefits-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;margin:2.5rem 0 2rem}.benefit-card{background:#fff;border:1px solid #76a5a71a;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:2rem}.benefit-card h3{font-size:1.45rem;font-weight:800;margin-bottom:10px}.benefit-card p{color:#334155;color:var(--color-text-light);font-size:1rem;font-weight:500;line-height:1.7;margin:0}.benefit-subtitle{background:#2563eb1a;background:rgba(var(--secondary-rgb)/.1);border:1px solid #2563eb2e;border:1px solid rgba(var(--secondary-rgb)/.18);border-radius:999px;color:#2563eb;color:var(--color-secondary);display:inline-block;font-size:.8rem;font-weight:900;letter-spacing:1px;padding:8px 14px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.benefit-text{color:#334155;color:var(--color-text-light);font-size:1.05rem;font-weight:500;line-height:1.85;margin:0}.benefit-header{display:flex;flex-direction:column;gap:.8rem}.benefit-divider{background:#0f172a1a;background:var(--color-border);height:1px;margin:22px 0}.science-explanation{background:#fff;border:1px solid #76a5a71a;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);padding:2.25rem}.science-note{background:#2563eb1a;background:rgba(var(--secondary-rgb)/.1);border:1px solid #2563eb2e;border:1px solid rgba(var(--secondary-rgb)/.18);border-radius:16px;color:#2563eb;color:var(--color-secondary);font-size:.95rem;font-weight:800;margin-top:28px;padding:14px 18px}.faq-item,.objections-section{background:#fff;background:var(--color-bg-alt)}.faq-item{border:1px solid #76a5a71a;border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden}.objections-section .faq-item{background:#fff}.faq-question{align-items:center;background:none;border:none;color:#0f172a;color:var(--color-text);cursor:pointer;display:flex;font-size:1.08rem;font-weight:900;justify-content:space-between;padding:1.25rem 1.3rem;text-align:left;width:100%}.faq-question>span:first-child{flex:1 1;text-align:left}.faq-question:active,.faq-question:focus,.faq-question:focus-visible,.faq-question:hover{color:#0f172a;color:var(--color-text)}.faq-question span{color:inherit}.faq-toggle{color:#14b8a6;color:var(--color-primary);font-size:1.8rem;transition:transform .25s}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 1.3rem;transition:max-height .28s ease-out,padding .28s ease-out}.faq-item.active .faq-answer{max-height:600px;padding:0 1.3rem 1.15rem}.pricing-section{background:#fff}.pricing-toggle{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1.6rem 0 .2rem}.toggle-btn{background:#ffffffd9;border:1px solid #14b8a638;border:1px solid rgba(var(--primary-rgb)/.22);border-radius:999px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;font-weight:900;padding:.7rem 1rem}.toggle-btn.active{background:linear-gradient(135deg,#76a5a72e,#2563eb24);background:linear-gradient(135deg,#76a5a72e,rgba(var(--secondary-rgb)/.14))}.toggle-chip{background:#f59e0b38;background:rgba(var(--premium-rgb)/.22);border:1px solid #d8b46e47;border-radius:999px;font-size:.85rem;margin-left:.5rem;padding:.25rem .55rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;margin:2.2rem 0}.pricing-card{border:1px solid #76a5a71f;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 12px 28px #0000001a;box-shadow:var(--shadow-md);padding:2.6rem 2.2rem;position:relative}.pricing-free{background:#fff;border:2px solid #76a5a766}.pricing-premium{background:linear-gradient(135deg,#f59e0b2e,#f59e0b14 55%,#fff);background:linear-gradient(135deg,rgba(var(--premium-rgb)/.18) 0,rgba(var(--premium-rgb)/.08) 55%,#fff 100%);border:2px solid #f59e0b59;border:2px solid rgba(var(--premium-rgb)/.35)}.pricing-badge{background:#f59e0b;background:var(--color-premium);border-radius:999px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);color:#fff;font-size:.9rem;font-weight:900;padding:.5rem 1rem;position:absolute;right:20px;top:-12px}.pricing-features{list-style:none;margin:1.6rem 0}.pricing-features li{font-weight:700;padding:.7rem 0 .7rem 2rem;position:relative}.pricing-features li:before{color:#22c55e;color:var(--color-success);content:"✓";font-weight:1000;left:0;position:absolute}.pricing-price{align-items:baseline;display:flex;gap:.35rem;margin-top:.6rem}.price-main{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:2.2rem;font-weight:1000}.price-period{font-weight:900;opacity:.75}.pricing-trust{display:flex;flex-wrap:wrap;font-weight:900;gap:.6rem 1rem;margin-top:1rem;opacity:.85}.final-cta{background:linear-gradient(135deg,#76a5a7,#61837a);background:linear-gradient(135deg,var(--legacy-primary),var(--legacy-secondary));color:#fff;max-width:none;padding:5rem 1.5rem;text-align:center}.final-cta h2{color:#fff}.final-benefits{list-style:none;margin:2rem auto;max-width:560px}.final-benefits li{font-size:1.125rem;font-weight:800;padding:.65rem 0}.final-cta-btn{background:#fff!important;color:#61837a!important;color:var(--legacy-secondary)!important;font-size:1.15rem;padding:1.15rem 2.6rem}.final-reassurance{display:flex;flex-wrap:wrap;font-weight:800;gap:1rem 2rem;justify-content:center;margin-top:2.6rem;opacity:.92}.final-disclaimer{font-size:.92rem;margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:860px;opacity:.82}.sticky-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffef9fa;border-top:1px solid #76a5a724;border-top:1px solid var(--legacy-border);bottom:0;box-shadow:0 -4px 20px #0000001f;display:flex;gap:1rem;justify-content:space-between;left:0;padding:.95rem 1.2rem;position:fixed;right:0;transform:translateY(110%);transition:transform .3s;z-index:999}.sticky-bar.visible{transform:translateY(0)}.sticky-bar-text{font-size:.98rem;font-weight:900}.sticky-bar .btn{font-size:.95rem;min-height:44px;padding:.75rem 1.6rem}footer{background:#2d3748;color:#fffc;padding:3rem 1.5rem 1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.2rem 1.5rem;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.footer-links a{color:#ffffffd1;font-weight:700}.footer-links a:hover{color:#fff}.footer-bottom p{color:#ffffffd9;margin-bottom:.5rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.benefits-grid,.solution-pillars,.stats-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.mobile-menu{border-radius:0 16px 16px 0;box-shadow:0 16px 50px #00000024;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:auto;top:64px;transform:translateY(-10px);width:300px;z-index:1001}.mobile-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-links{grid-template-columns:1fr}.topbar-left{gap:16px}.nav-desktop .topbar-cta{align-items:center;display:inline-flex;font-size:.95rem;gap:16px;height:40px;justify-content:center;min-height:40px;padding:0 18px;white-space:nowrap;width:186px}.topbar .btn.topbar-cta{border-radius:999px;height:36px;line-height:1;min-height:36px;padding:0 14px}.nav-desktop{display:none}}@media (max-width:767px){.nav-desktop{display:none}.hamburger{display:flex}.logo-button{margin-left:auto}.topbar{padding-inline:1rem}.hero-video-desktop{display:none}.hero-video-mobile{display:block}.hero{min-height:100vh;padding-top:96px}.hero h1{font-size:2rem}.hero-cta .btn{font-size:1rem;padding:1rem 1.5rem;width:100%}.hero-link{margin-top:1.9rem}.sticky-bar{flex-direction:column;padding:1.1rem 1rem}.sticky-bar .btn{width:100%}.sticky-bar-text{text-align:center}}section>.benefits-grid,section>.callout,section>.faq-cta,section>.faq-list,section>.mini-cta-row,section>.pain-points,section>.pricing-grid,section>.pricing-toggle,section>.science-explanation,section>.solution-pillars,section>.stats-grid,section>.steps,section>.testimonials-grid,section>h2,section>h3,section>p{margin-left:auto;margin-right:auto;max-width:1200px}.section-narrow>.cta-secondary,.section-narrow>.faq-cta,.section-narrow>.faq-list,.section-narrow>.steps,.section-narrow>h2,.section-narrow>h3,.section-narrow>p{margin-left:auto;margin-right:auto;max-width:900px}.pricing-toggle--mobile{display:none}.footer-link-btn{background:#0000;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-decoration:none}.footer-link-btn:hover{text-decoration:underline}.email-modal-overlay{align-items:center;animation:emailOverlayIn .18s ease-out both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1000;z-index:var(--z-modal,1000)}.email-modal{animation:emailModalIn .28s cubic-bezier(.34,1.56,.64,1) both;background:#fffffff5;border:2px solid #e5e7eb;border-radius:24px;box-shadow:0 20px 60px #00000026;padding:clamp(18px,3.5vw,26px);text-align:center;transform-origin:center;width:min(92vw,520px)}.email-modal-title{color:#1f2937;color:var(--text-primary,#1f2937);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-size:clamp(18px,4.2vw,22px);font-weight:800;letter-spacing:-.2px;margin:0 0 10px}.email-modal-actions{grid-gap:12px;display:grid;gap:12px;margin-top:12px}.email-modal-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;color:#1f2937;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:15px;font-weight:700;justify-content:center;padding:14px 16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.email-modal-btn:hover{background:linear-gradient(135deg,#f9fafb,#fff);border-color:#cbe2db;box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.email-modal-btn:active{transform:translateY(-1px) scale(.99)}.email-modal-btn:focus-visible{border-color:#61837a;box-shadow:0 0 0 4px #61837a24,0 8px 24px #0000001a;outline:none}.email-modal-btn.secondary{background:linear-gradient(135deg,#cbe2db38,#fffffff2);border-color:#cbe2dbd9;box-shadow:0 6px 18px #76a5a71f;color:#36495b}.email-modal-btn.secondary:hover{border-color:#76a5a7bf;box-shadow:0 10px 26px #76a5a72e}.email-modal-cancel{-webkit-tap-highlight-color:transparent;background:#0000;border:2px solid #e5e7eb;border-radius:14px;color:#6b7280;cursor:pointer;font-family:var(--font-sans);font-size:15px;font-weight:600;margin-top:14px;padding:14px 16px;transition:background .2s ease,border-color .2s ease,color .2s ease;width:100%}.email-modal-cancel:hover{background:#f0f4ff;border-color:#36495b;color:#61837a}.email-modal-cancel:focus-visible{box-shadow:0 0 0 4px #6366f11f;outline:none}@keyframes emailOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes emailModalIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.email-modal-overlay{align-items:center;justify-content:center;padding:18px}.email-modal{-webkit-overflow-scrolling:touch;border-radius:24px;max-height:85vh;overflow-y:auto;width:min(92vw,520px)}@keyframes emailSheetUp{0%{opacity:.85;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.email-modal,.email-modal-overlay{animation:none!important}.email-modal-btn{transition:none!important}}@media (max-width:767px){.pricing-toggle--desktop{display:none}.pricing-toggle--mobile{display:flex;margin:1.2rem 0}}.hero{overflow:hidden;position:relative}.hero-inner{align-items:center;display:flex;flex-direction:column;position:relative;text-align:center;width:100%;z-index:1}.hero-kicker{align-items:center;animation:fadeInUp .8s ease-out .05s both;background:#ffffffbf;border:1px solid #14b8a629;border:1px solid rgba(var(--primary-rgb)/.16);border-radius:999px;box-shadow:0 2px 10px #0000000f;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--color-text);display:inline-flex;font-weight:900;gap:.6rem;margin-bottom:2.2rem;padding:.45rem .85rem}.hero-subline{color:#4a5568eb;display:inline-block;font-weight:800;margin-top:.4rem}.hero-bg{inset:-80px}.hero-noise{background:repeating-linear-gradient(0deg,rgba(0,0,0,.025),rgba(0,0,0,.025) 1px,#0000 2px,#0000 4px);inset:0;mix-blend-mode:multiply;opacity:.22;position:absolute}main>section:not(.hero){border-top:1px solid #0f172a1a;border-top:1px solid var(--color-border)}.science-explanation p+.science-note{margin-top:2.25rem!important}.hero-title-breathe{animation:fadeInUp .8s ease-out,heroBreathSmooth 6.2s cubic-bezier(.37,0,.23,1) infinite;display:inline-block;transform-origin:50% 80%;will-change:transform}@media (prefers-reduced-motion:reduce){.hero-title-breathe{animation:none!important;transform:none!important}}.hero-accent-shimmer{animation:heroShimmerSoft 6.5s ease-in-out infinite;background:linear-gradient(90deg,#a78bfa 10%,#22d3ee 50%,#34d399 90%);-webkit-background-clip:text;background-clip:text;background-size:180% 100%;color:#0000;display:inline-block;will-change:background-position,filter}@keyframes heroShimmerSoft{0%,to{background-position:0 50%;filter:drop-shadow(0 10px 18px rgba(34,211,238,.1))}50%{background-position:100% 50%;filter:drop-shadow(0 12px 22px rgba(167,139,250,.14))}}.hero-title-gradient{animation:heroGradientFlow 14s ease-in-out infinite,heroBreathSmooth 6.2s cubic-bezier(.37,0,.23,1) infinite;background:linear-gradient(120deg,#144406,#36495b,#3b82f6,#76a5a7,#cbe2db);-webkit-background-clip:text;background-clip:text;background-position:0 50%;background-size:300% 300%;color:#0000;display:inline-block;will-change:background-position,transform}@keyframes heroBreathSmooth{0%,to{transform:scale(1)}38%{transform:scale(1.12)}55%{transform:scale(1.12)}88%{transform:scale(1)}}@keyframes heroGradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.hero-title-gradient{animation:none!important;transform:none!important}}.hero-kicker-group{animation:fadeInUp .8s ease-out .05s both;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-bottom:2.2rem}.hero-kicker-pill{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #ffffffd9;border-radius:999px;box-shadow:0 2px 12px #0000000f,inset 0 1px 0 #ffffffe6;color:#0f172a;color:var(--color-text);display:inline-flex;font-size:.9rem;font-weight:800;gap:.35rem;letter-spacing:.01em;padding:.45rem 1rem;transition:transform .2s,box-shadow .2s}.hero-kicker-pill:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.hero-kicker-pill--sleep{border-color:#6366f138}.hero-kicker-pill--calm{border-color:#14b8a640}.hero-kicker-pill--focus{border-color:#f59e0b38}.hero-bg{inset:-120px;pointer-events:none;position:absolute;z-index:0}.hero-orb{border-radius:999px;filter:blur(70px);opacity:.1;position:absolute;transform:translateZ(0)}.hero-orb--1{background:#2563eb4d;background:rgba(var(--secondary-rgb)/.3);height:520px;left:-190px;top:-160px;width:520px}.hero-orb--2{background:#14b8a642;background:rgba(var(--primary-rgb)/.26);height:480px;right:-190px;top:-90px;width:480px}.hero-orb--3{background:#2563eb24;background:rgba(var(--secondary-rgb)/.14);bottom:-260px;height:560px;left:18%;width:560px}@media (prefers-reduced-motion:no-preference){.hero-orb--1{animation:heroOrbFloat 18s ease-in-out infinite alternate}.hero-orb--2{animation:heroOrbFloat 22s ease-in-out infinite alternate}.hero-orb--3{animation:heroOrbFloat 26s ease-in-out infinite alternate}}@keyframes heroOrbFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,-30px,0) scale(1.06)}}.hero-noise{mix-blend-mode:soft-light;opacity:.1}.hero-kicker{backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);background:#ffffff94;border:1px solid #0f172a14;box-shadow:0 10px 28px #0f172a0f;color:#0f172ac7;font-size:.72rem;letter-spacing:.14em;padding:.55rem .95rem;text-transform:uppercase}.hero-title{letter-spacing:-.03em}.hero-title-main{color:#0f172a;color:var(--color-text)}.hero-title--one-shimmer{display:inline-block;position:relative}.hero-title--one-shimmer:after{background:linear-gradient(120deg,#fdf0e000,#fdf0e000 38%,#fdf0e0d9 50%,#fdf0e000 62%,#fdf0e000);-webkit-background-clip:text;background-clip:text;background-position:0 50%;background-size:260% 100%;color:#0000;content:attr(data-text);inset:0;mix-blend-mode:screen;opacity:.85;pointer-events:none;position:absolute;will-change:background-position}@media (prefers-reduced-motion:no-preference){.hero-title--one-shimmer:after{animation:heroAccentFlow 14s ease-in-out infinite}}.hero-title-accent{background:linear-gradient(120deg,#cbe2db,#76a5a7,#61837a,#164936,#fdf0e0,#36495b,#144406);-webkit-background-clip:text;background-clip:text;background-position:0 50%;background-size:320% 320%;color:#0000;display:inline-block;will-change:background-position}@keyframes heroAccentFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes heroBreathMicro{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-1px) scale(1.02)}55%{transform:translateY(-1px) scale(1.02)}90%{transform:translateY(0) scale(1)}}.hero-subtitle span[aria-hidden=true]{font-weight:800;opacity:.35;padding:0 .35rem}.hero-reassurance{gap:.8rem}.hero-reassurance span{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 8px 22px #0f172a0d;color:#334155f2;display:inline-flex;font-weight:800;gap:.5rem;padding:.55rem .85rem}.hero-reassurance span:before{color:#14b8a6;color:var(--color-primary);content:"✓";font-weight:1000}.hero-cta{width:100%}.hero-cta-buttons{align-items:center;display:flex;flex-direction:column;gap:.85rem;width:100%}@media (min-width:640px){.hero-cta-buttons{flex-direction:row;justify-content:center}.hero-cta-buttons .btn{min-width:240px;width:auto}}@media (max-width:639px){.hero-cta-buttons .btn{width:100%}}.hero-link--hint{backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);background:#ffffff8c;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 10px 26px #0f172a0d;padding:.55rem .95rem}.scroll-arrow{display:inline-block;transform:translateY(1px)}@media (prefers-reduced-motion:no-preference){.scroll-arrow{animation:arrowFloat 1.9s ease-in-out infinite}}@keyframes arrowFloat{0%,to{opacity:.85;transform:translateY(1px)}50%{opacity:1;transform:translateY(5px)}}:root{--font-display:"Nunito",system-ui,sans-serif;--font-sans:"DM Sans",system-ui,sans-serif;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-gradient:linear-gradient(135deg,#f0f4ff,#f5f3ff 50%,#faf5ff);--text-primary:#1f2937;--text-secondary:#6b7280;--card-bg:#fff;--card-border:#e5e7eb;--card-shadow:0 4px 16px #0000000d;--fg:#1f2937;--muted:#6b7280;--brand1:#3b82f6;--brand2:#cbe2db;--tb-badge-h:24px;--tb-badge-px:9px;--tb-badge-font:11px;--tb-badge-gap:4px;--tb-badge-emoji:12px}#root,body,html{padding:0}html{-webkit-overflow-scrolling:touch;overflow-y:scroll;scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background:#0000!important;color:#1f2937;color:var(--fg);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;position:relative}body.no-bounce{overscroll-behavior-y:none}.app-fill{display:flex;flex:1 0 auto;flex-direction:column;min-height:0;overflow-y:visible;position:relative}.player-container.player--full.player-with-topbar{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;justify-content:stretch;max-width:100%;min-height:calc(100vh - 56px);padding:0;width:100%}.player-card.player-card--flat{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0;max-width:none;width:100%}.app-safe{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.app-safe--no-top{padding-top:0}*{box-sizing:border-box;max-width:100vw}button,input,textarea{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans)}input,select,textarea{font-size:16px}button,input[type=range]{-webkit-touch-callout:none;touch-action:manipulation}.app-background,.app-bg,.background-layer{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@supports (-webkit-touch-callout:none){.app-background,.app-bg,.background-layer{background-attachment:scroll!important;height:100vh;height:100dvh}}.h1-brand{text-wrap:balance;animation:titleAppear .8s ease-out;background:linear-gradient(120deg,#cbe2db,#76a5a7 50%,#61837a);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 4px 12px rgba(97,131,122,.35)) drop-shadow(0 8px 24px rgba(118,165,167,.25)) drop-shadow(0 2px 4px rgba(0,0,0,.1));font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(32px,6vw,56px);font-weight:800;letter-spacing:.5px;line-height:1.05;margin-bottom:clamp(8px,1.5vh,16px)!important;margin-top:clamp(4px,1vh,12px)!important;text-align:center}@media (max-width:480px){.h1-brand{filter:drop-shadow(0 3px 8px rgba(99,102,241,.3)) drop-shadow(0 6px 16px rgba(139,92,246,.2));font-size:clamp(24px,7vw,34px)!important;margin-bottom:4px!important;margin-top:2px!important}}.tagline-hero{text-wrap:balance;color:#6b7280;color:var(--muted);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(14px,3vw,20px);font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.12px;line-height:1.15;margin:0!important;text-align:center}.tagline-ink{color:#4b5563}.tagline-teal{background:linear-gradient(45deg,#10b981,#14b8a6);-webkit-background-clip:text;background-clip:text;color:#0000}.tagline-plum{color:#6d28d9}.tagline{color:#6b7280;color:var(--muted);font-weight:500;margin-bottom:clamp(10px,2vw,14px);margin-top:6px;text-align:center}.auth-lead,.tagline{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);letter-spacing:.2px}.auth-lead{color:#374151;font-weight:600}.small-muted{color:#6b7280;color:var(--muted);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px}.logo-main{animation:floaty 5s ease-in-out infinite;display:block;height:auto;margin-bottom:clamp(10px,2vh,20px);margin-top:clamp(5px,1.5vh,20px);width:clamp(70px,15vw,90px)}@media (max-width:480px){.logo-main{margin-bottom:6px;margin-top:10px;width:68px}}.logo-wrap{display:flex;justify-content:center;margin-bottom:16px}.cq-hero{container-name:hero;container-type:inline-size}.hero-stack{grid-row-gap:10px;grid-row-gap:var(--hero-gap,10px);display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;justify-items:center;padding-bottom:clamp(6px,1.5vh,16px);padding-top:clamp(2px,.8vh,8px);row-gap:10px;row-gap:var(--hero-gap,10px)}@container hero (min-width: 360px){.hero-stack{--hero-gap:12px}}@container hero (min-width: 480px){.hero-stack{--hero-gap:14px}}@container hero (min-width: 640px){.hero-stack{--hero-gap:18px}}.welcome-hero{align-items:center;display:flex;flex-direction:column;gap:clamp(6px,1.2vw,10px);padding-bottom:clamp(10px,2.5vw,18px);padding-top:clamp(6px,2vw,14px);text-align:center}button{background:none}.btn-primary,button{border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#61837a 20%,#76a5a7 80%);border-radius:12px;box-shadow:0 4px 16px #61837a59;color:#fff;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(15px,3.2vw,17px);font-weight:700;letter-spacing:.3px;padding:16px 24px;transition:all .2s ease;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #61837a73;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-primary-large{margin-top:8px}.btn-press{transition:transform .18s ease,box-shadow .18s ease}button.btn-press:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-1px)}button.btn-press:active{transform:translateY(0)}@keyframes titleAppear{0%{filter:drop-shadow(0 0 0 rgba(99,102,241,0)) drop-shadow(0 0 0 rgba(139,92,246,0));opacity:0;transform:translateY(-10px) scale(.95)}to{filter:drop-shadow(0 4px 12px rgba(99,102,241,.35)) drop-shadow(0 8px 24px rgba(139,92,246,.25)) drop-shadow(0 2px 4px rgba(0,0,0,.1));opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer-slide{to{transform:translateX(100%)}}.auth-card h1,.custom-compo-title,.duration-time,.h1-brand,.music-modal-title,.objective-title,.onboarding-title,.player-title,.reco-title,.section-title,.section-title-small,.suggestion-title,.topbar-title,h1,h2,h3,h4,h5,h6{font-family:Nunito,system-ui,sans-serif!important;font-weight:800!important}.logo-float{animation:floaty 5s ease-in-out infinite}.brand-shimmer{animation:shimmer 3.8s ease-in-out infinite}.fade-up{animation:fadeUp .45s ease-out both}.fade-up-slow{animation:fadeUp .7s ease-out .05s both}.card-appear{animation:fadeScale .5s ease-out both}.pulse-breathe{animation:breathe 2.6s ease-in-out infinite}.hover-lift{transition:transform .18s ease,box-shadow .18s ease}.hover-lift:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.btn-press:active{transform:translateY(0) scale(.98)}.glow-anim{animation:softGlow 2.8s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*{transition:none!important}*,.logo-float,.pulse-breathe{animation:none!important}}.welcome-container{align-items:flex-start;background:#0000!important;display:flex;justify-content:flex-start;margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:12px 0 0!important;padding-bottom:40px;width:100%}@media (min-width:768px){.welcome-container{align-items:flex-start;justify-content:flex-start;padding:72px 24px 56px}.card-full{background:#fffffff5;border-radius:24px;box-shadow:0 18px 45px #0f172a1a;margin:0 auto;max-width:960px;width:100%}}.welcome-card{animation:fadeScale .4s ease-out both;background:#0000;border-radius:24px;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;max-width:520px;padding:clamp(24px,5vw,36px);width:100%}.welcome-card:focus,.welcome-card:focus-visible{border:none!important;outline:none!important}.section-spacing{margin-bottom:24px;margin-top:24px}@media (max-width:768px){.section-spacing{margin-bottom:28px;margin-top:28px}}.section-title{color:#1f2937;font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(20px,4.5vw,26px);font-weight:700;letter-spacing:.2px;margin:0 0 20px;text-align:center}.daytime-banner{background:linear-gradient(90deg,#fffffff5,#fafafff5);border-bottom:1px solid #cbe2db1f;height:38px;margin-bottom:clamp(12px,3vw,20px);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8%,#000 92%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 8%,#000 92%,#0000)}.daytime-banner,.daytime-scroll{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.daytime-scroll{color:#374151;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:13.5px;font-weight:600;height:100%;justify-content:flex-start;letter-spacing:.3px;white-space:nowrap}.daytime-message{animation-fill-mode:forwards;animation-name:banner-line;animation-timing-function:linear;display:inline-block;white-space:nowrap;will-change:transform}@keyframes banner-line{0%{transform:translateX(100vw)}to{transform:translateX(-100%)}}.daytime-message.reduced{animation:none!important;transform:none!important}@media (max-width:480px){.daytime-banner{height:34px}.daytime-scroll{font-size:12.5px}}.objective-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:clamp(40px,8vw,64px)!important}.duration-card,.objective-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.duration-card{min-height:120px}.duration-card:hover,.objective-card:hover{border-color:#cbe2db;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.duration-card.selected,.duration-card[data-selected=true],.objective-card.selected,.objective-card[data-selected=true]{background:linear-gradient(135deg,#9bcebc05,#cbe2db1a);border-color:#cbe2db;box-shadow:0 8px 24px #6366f11f}.objective-emoji{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));font-size:clamp(40px,8vw,56px);margin-bottom:4px}.objective-title{color:#1f2937;font-size:clamp(15px,3.2vw,17px);font-weight:700}.objective-subtitle,.objective-title{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);margin:0}.objective-subtitle{color:#6b7280;font-size:clamp(13px,2.8vw,14px);font-weight:500}.duration-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:clamp(32px,6vw,48px)!important}.duration-card.locked{background:radial-gradient(120% 120% at 110% -10%,#fbbf241f 0,#f59e0b14 42%,#ffffffdb 70%);border-color:#f59e0b61;box-shadow:0 18px 46px #f59e0b2e,inset 0 1px 0 #ffffff8c;filter:grayscale(.2);opacity:.8}.duration-card.locked:hover{border-color:#f59e0b73;box-shadow:0 22px 52px #f59e0b38;transform:translateY(-2px)}.duration-card.locked:active{transform:translateY(0) scale(.98)}.duration-lock{align-items:center;animation:pulseGold 2s ease-in-out infinite;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #f59e0b4d;border-radius:999px;box-shadow:0 10px 22px #f59e0b33;color:#b45309;display:flex;font-size:11px;font-weight:700;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:2}@keyframes pulseGold{0%,to{box-shadow:0 10px 22px #f59e0b33;transform:scale(1)}50%{box-shadow:0 12px 28px #f59e0b47;transform:scale(1.05)}}.duration-time{color:#1f2937;font-size:clamp(18px,4vw,22px);font-weight:800;margin:4px 0}.duration-label,.duration-time{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans)}.duration-label{color:#6b7280;font-size:clamp(12px,2.5vw,13px);font-weight:500}@media (max-width:480px){.objective-emoji{font-size:48px}.duration-grid{gap:10px}.duration-card{min-height:90px;padding:14px 10px}}@media (min-width:769px){.objective-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}.grid-choices{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-choices>button{min-width:0;padding:12px 10px}@media (max-width:360px){.grid-choices>button{padding:10px 8px}.grid-choices>button div:first-of-type{font-size:14px}.grid-choices>button div:last-of-type{font-size:11px}}@media (max-width:430px){.grid-choices{gap:10px}.grid-choices>button{padding:12px 10px}.grid-choices>button svg{height:18px;width:18px}.grid-choices>button div:first-of-type{font-size:15px}.grid-choices>button div:last-of-type{font-size:12px}}@media (min-width:481px) and (min-height:800px){.welcome-card{display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:max(40px,8vh)!important;padding-top:max(10px,3vw)!important}.logo-main{margin-bottom:clamp(15px,3vh,25px);margin-top:clamp(8px,2vh,22px)}}.pg{background:#fffffff0!important;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000d!important;margin-bottom:clamp(14px,2vw,20px);padding:16px;position:relative}.pg__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pg__title{color:#1f2937;font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:800}.pg__legend{color:#6b7280;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:600}.pg__row{align-items:center;display:flex;gap:12px;margin-top:8px}.pg__meta{display:flex;flex-direction:column;gap:2px;min-width:120px}.pg__label{color:#374151;font-weight:700}.pg__label,.pg__value{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:12px}.pg__value{color:#6b7280;font-weight:600}.pg__bar{background:#76a5a726;flex:1 1;height:10px;overflow:hidden;position:relative}.pg__bar,.pg__fill{border-radius:999px}.pg__fill{background:linear-gradient(90deg,#76a5a7 20%,#4b7cf6 80%);height:100%;transition:width .35s ease}.pg__row--circle{justify-content:flex-start}.pg__circle{height:64px;width:64px}.pg__ringBg{stroke:#e5e7eb}.pg__ringFg{stroke:url(#pgGrad),#3b82f6;stroke:url(#pgGrad),var(--brand1);stroke-linecap:round}.pg__ring{filter:drop-shadow(0 2px 8px rgba(99,102,241,.12))}.pg__ringText{fill:#374151;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:800}.pg__btn{background:linear-gradient(135deg,#3b82f6,#4b7cf6);border:none;border-radius:50%;bottom:14px;box-shadow:0 3px 10px #0003;color:#fff;cursor:pointer;font-size:20px;height:42px;position:absolute;right:14px;transition:transform .15s ease,box-shadow .15s ease;width:42px;z-index:2}.pg__btn:hover{box-shadow:0 4px 12px #6366f140;transform:translateY(-1px)}.pg__btn:active{transform:translateY(0)}@media (max-width:480px){.pg{border-radius:14px;padding:14px}.pg__meta{min-width:110px}}.topbar{align-items:center;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);background:#ffffff2e;display:flex;gap:8px;height:52px;justify-content:space-between;left:0;padding:0 10px;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.topbar{gap:6px;height:56px;padding:0 10px}}.topbar.scrolled{backdrop-filter:saturate(200%) blur(20px);-webkit-backdrop-filter:saturate(200%) blur(20px);background:#fff6;box-shadow:0 4px 20px #0000001a}.topbar-left{flex:1 1;gap:10px;min-width:0;position:relative}.topbar-left,.topbar-right{align-items:center;display:flex}.topbar-right{flex-shrink:0;gap:8px}.menu-button,.topbar-logo-link{align-items:center;display:flex}.menu-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 10px #00000014;color:#1f2937;color:var(--fg);cursor:pointer;justify-content:center;padding:6px 8px;transition:all .25s ease}.menu-button:hover{background:#f3f4f6;transform:scale(1.05)}.menu-button.active{background:#fff}.menu-button svg{stroke:currentColor!important}.dropdown-menu{animation:dropdownFade .18s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border:1px solid #0f172a0f;border-radius:18px;box-shadow:0 18px 45px #0f172a29,0 0 0 1px #94a3b814;left:12px;min-width:230px;padding:6px 0;position:absolute;top:52px;z-index:1200}.dropdown-item{align-items:center;background:#0000;border:0;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:9px 14px;text-decoration:none;transition:background .18s ease,color .18s ease,padding-left .18s ease;width:100%}.dropdown-item+.dropdown-item{border-top:1px solid #e2e8f0b3}.dropdown-item:hover{background:#f7faf9;color:#164936;padding-left:18px}.dropdown-item.logout{color:#b91c1c}.dropdown-item.logout:hover{background:#fef2f2;color:#991b1b}.dropdown-item.logout .logout-content{align-items:flex-start;display:flex;flex-direction:column}.dropdown-item.logout .logout-label{line-height:1.2}.dropdown-item.logout .logout-email{font-size:12px;font-weight:400;margin-top:2px;max-width:220px;opacity:.65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bg-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;flex-shrink:0;font-size:18px;padding:6px 8px}.bg-toggle:hover{background:#f3f4f6}@keyframes shimmer-move{to{transform:translateX(100%)}}.onboarding-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.onboarding-card{animation:fadeScale .5s ease-out both}.onboarding-options{gap:14px}.onboarding-option{align-items:center;display:flex;justify-content:flex-start;padding:12px;text-align:left;transition:all .25s ease}@media (max-width:480px){.onboarding-card{border-radius:0;box-shadow:none;min-height:100vh;padding:28px 20px}.onboarding-option-inner{justify-content:space-between}.onboarding-text{font-size:15px}}.reco-page-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.reco-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 0 auto;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:24px 32px 80px;width:100%}@media (max-width:768px){.reco-container{padding:16px 16px 100px}}.reco-content{box-sizing:border-box;margin:0;max-width:none;padding:0;width:100%}.reco-header{align-items:stretch;display:flex;flex-direction:column;margin:0 auto clamp(32px,6vh,48px);position:relative;width:100%}.reco-back{align-items:center;background:#fff;border:1px solid #94a3b899;border-radius:999px;box-shadow:0 6px 16px #0f172a0f;color:#0f172a;cursor:pointer;display:inline-flex;height:36px;justify-content:center;left:16px;position:fixed;top:16px;transition:background .2s ease,box-shadow .2s ease,color .2s ease;width:36px;z-index:2000}.reco-back:hover{background-color:#6366f10d;box-shadow:0 10px 20px #6366f12e;color:#3b82f6;color:var(--brand1)}.reco-back,.reco-back:active,.reco-back:focus-visible,.reco-back:hover{transform:none!important}.reco-header-text{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:700px;padding:0 24px;text-align:center}.reco-category{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:2px solid #e0e7ff;border-radius:20px;box-shadow:0 2px 8px #6366f114;color:#36495b;display:inline-block;font-size:14px;font-weight:700;margin-bottom:8px;padding:8px 16px}.reco-info h1,.reco-title{color:#1f2937;font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(22px,5vw,32px);font-weight:800;line-height:1.2;margin:0}.reco-info p,.reco-subtitle{color:#6b7280;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(14px,3vw,16px);line-height:1.6;margin:0}.reco-info{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:700px;padding:0 24px;text-align:center}.reco-grid{grid-gap:clamp(20px,3vw,32px);box-sizing:border-box;display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;margin:32px auto 0;padding:0 clamp(16px,4vw,64px);width:100%}.reco-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:420px;overflow:hidden;padding:clamp(20px,4vw,28px);position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.reco-card:hover{border-color:#cbe2db;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.reco-card--compact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-radius:14px;gap:8px;min-height:auto;padding:14px 14px 16px}.reco-card--compact:hover{transform:translateY(-2px)}.reco-card.locked{background:radial-gradient(120% 120% at 110% -10%,#fbbf241f 0,#f59e0b14 42%,#ffffffdb 70%);border-color:#f59e0b61;box-shadow:0 18px 46px #f59e0b2e,inset 0 1px 0 #ffffff8c;filter:grayscale(.2);opacity:.8}.reco-card.locked:hover{box-shadow:0 22px 52px #f59e0b38}.reco-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.08));font-size:clamp(48px,10vw,64px);margin-bottom:8px}.reco-card--compact .reco-icon.small{background:radial-gradient(120% 120% at 110% -10%,#1118270f 0,#1118270a 50%,#ffffffe6 70%);border:1px solid #94a3b840;border-radius:12px;color:#111827;display:grid;height:40px;place-items:center;width:40px}.reco-card.locked .reco-icon.small{background:radial-gradient(120% 120% at 110% -10%,#fbbf242e 0,#f59e0b1a 45%,#ffffffeb 68%);border-color:#f59e0b4d;box-shadow:0 8px 20px #f59e0b2e}.reco-card h3,.reco-title--compact{color:#1f2937;font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(18px,4vw,22px);font-weight:800;line-height:1.3;margin:0}.desc--compact,.reco-card .desc{color:#6b7280;flex:1 1;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(13px,3vw,15px);line-height:1.6;margin:0}.pattern{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#4b5563;font-size:clamp(11px,2.5vw,13px);font-weight:600;line-height:1.4;padding:10px 14px;width:100%}.pattern--compact{border-radius:999px;font-size:12px;margin-top:6px;padding:8px 12px}.volume-bar{background:linear-gradient(90deg,#61837a,#cbe2db);border-radius:999px;height:4px;margin-top:12px;width:80%}.reco-btn{background:linear-gradient(135deg,#76a5a7,#61837a);border:none;border-radius:12px;box-shadow:0 4px 12px #76a5a740;color:#fff;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(14px,3vw,16px);font-weight:700;padding:14px 20px;transition:all .2s ease;width:100%}.reco-btn:hover{box-shadow:0 6px 18px #76a5a759;transform:translateY(-2px)}.reco-btn:active{transform:translateY(0)}.reco-btn.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf2440}.reco-btn.premium:hover{box-shadow:0 6px 18px #fbbf2459}.reco-lock{align-items:center;background:#fffffff2;border:1px solid #fcd34d;border-radius:12px;box-shadow:0 2px 8px #fbbf2433;color:#b45309;display:flex;font-size:11px;font-weight:700;gap:4px;padding:6px 10px;position:absolute;right:12px;top:12px}.reco-card--compact .reco-lock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #f59e0b4d;border-radius:999px;box-shadow:0 10px 22px #f59e0b33;font-size:12px;padding:6px 10px;right:10px;top:10px}.player-container{-webkit-overflow-scrolling:touch;align-items:flex-start;background:#0000!important;display:flex;justify-content:flex-start;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;width:100%}.player-card{animation:fadeScale .5s ease-out both;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000014;max-width:520px;padding:clamp(24px,5vw,32px);position:relative;width:100%}.player--full{align-items:stretch;display:flex;justify-content:stretch;min-height:100vh;min-height:100dvh;padding:0;width:100%}.player--full .player-card,.player-card--flat{background:#0000;border:0;border-radius:0;box-shadow:none;max-width:none;min-height:100vh;min-height:100dvh;padding:clamp(20px,3.5vw,28px);width:100%}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:24px;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;pointer-events:all;position:absolute;z-index:100}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4b7cf6;height:48px;width:48px}.loading-text{color:#6b7280;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:600}.player-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:24px}.player-status{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:20px;color:#1a1a1a;flex:1 1;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:600;padding:8px 16px;text-align:center}.player-visual{margin-bottom:24px}.player-icon-circle,.player-visual{display:flex;justify-content:center}.player-icon-circle{align-items:center;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:3px solid #fff;border-radius:50%;box-shadow:0 8px 32px #6366f126;height:140px;transition:all .3s ease;width:140px}.player-icon-circle.playing{animation:breathe 3s ease-in-out infinite;box-shadow:0 12px 48px #6366f140}.player-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));font-size:64px}.player-info{margin-bottom:20px;text-align:center}.player-title{color:#1f2937;font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(22px,5vw,28px);font-weight:800;line-height:1.2;margin:0 0 8px}.player-description{color:#6b7280;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.5;margin:0}.instructions-box{background:linear-gradient(135deg,#f0f9ff,#faf5ff);border:2px solid #e0e7ff;border-radius:16px;margin-bottom:24px;padding:16px}.instructions-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.instructions-icon{font-size:18px}.instructions-title{color:#36495b;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.instructions-text,.instructions-title{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:13px}.instructions-text{color:#374151;font-weight:500;line-height:1.6;margin:0 0 12px}.rhythm-badge{align-items:center;background:#fff;border:1px solid #ddd6fe;border-radius:12px;color:#36495b;display:inline-flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.player-card--flat .breathing-animation-compact{margin-bottom:20px;margin-top:12px}@media (max-width:480px){.player-card--flat .breathing-animation-compact{margin-bottom:16px;margin-top:8px}}.play-button{background:#ffffffe0;border:1px solid #0f172a1f;border-radius:999px;color:#0f172aeb;cursor:pointer;display:grid;height:44px;place-items:center;transition:transform .12s ease,background .12s ease;width:44px}.play-button:hover{background:#fffffff5}.play-button:active{transform:scale(.98)}.play-icon{display:flex;font-size:22px;line-height:1}.icon-btn,.play-icon{align-items:center;justify-content:center}.icon-btn{background:#fffffff7;border:1px solid #e5e7eb;border-radius:9999px;box-shadow:0 6px 18px #6366f11f;color:#111827;cursor:pointer;display:inline-flex;height:40px;padding:0;width:40px}.icon-btn:hover{background:#ffffffe0}.icon-btn.active{border-color:#76a5a7}.icon-btn.is-muted{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;filter:grayscale(1)}.icon-btn:after,.icon-btn:before{content:none!important}.player-transport{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(0deg,#ffffffc7,#ffffff8c);border:1px solid #0f172a1a;border-radius:16px;bottom:12px;box-shadow:0 10px 25px #0f172a14;display:flex;flex-direction:column;gap:10px;margin-top:22px;overflow:hidden;padding-top:10px;position:-webkit-sticky;position:sticky;z-index:50}.player-transport .progress-container{margin-bottom:-18px;margin-top:-13px;padding:10px 12px 6px}.player-transport .player-controls-row{padding:10px 10px 12px}.player-controls-row{align-items:center;display:flex;justify-content:flex-start;width:100%}.player-controls-left{align-items:center;display:flex;gap:10px}.volume-wrap{align-items:center;display:inline-flex;position:relative}.progress-bar{--p:0%;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#76a5a7 20%,#4b7cf6 80%) 0/var(--p) 100% no-repeat,#76a5a72e;border-radius:999px;cursor:pointer;height:6px;outline:none;width:100%}.progress-bar::-webkit-slider-runnable-track{background:#0000;border-radius:999px;height:6px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #0f172a2e;border-radius:999px;box-shadow:0 2px 10px #0000001f;height:14px;margin-top:-4px;width:14px}.progress-bar::-moz-range-track{background:#76a5a72e;border-radius:999px;height:6px}.progress-bar::-moz-range-progress{background:linear-gradient(90deg,#76a5a7 20%,#4b7cf6 80%);border-radius:999px;height:6px}.progress-bar::-moz-range-thumb{background:#fff;border:1px solid #0f172a2e;border-radius:999px;box-shadow:0 2px 10px #0000001f;height:14px;width:14px}.infoCard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #e5e7ebe6;border-radius:16px;box-shadow:0 10px 25px #0000000f;padding:12px}.infoCard.open{background:linear-gradient(#ffffffeb,#ffffffeb) padding-box,linear-gradient(90deg,#76a5a7,#4b7cf6) border-box;border:1px solid #0000}.infoCard__header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:6px 6px 10px;text-align:left;width:100%}.infoCard__headerLeft{align-items:center;display:flex;gap:10px}.infoCard__icon{font-size:18px}.infoCard__title{color:#36495b;font-weight:700}.infoCard__chev{color:#6b7280;font-size:12px}.infoCard__summary{align-items:flex-start;display:flex;gap:10px;grid-template-columns:1fr auto;padding:0 6px 8px}.rhythm-pill{-webkit-box-orient:vertical;border-radius:9999px;box-sizing:border-box;color:#36495b;display:-webkit-box;flex:1 1;font-size:12.5px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.35;max-width:100%;min-width:0;overflow:visible;overflow-wrap:anywhere;padding:10px 12px;white-space:normal;word-break:break-word}.infoCard__hint{color:#9ca3af;font-size:12px;white-space:nowrap}.infoCard__body{padding:8px 6px 4px}.infoCard__text{color:#111827;font-size:14px;line-height:1.55;margin:0}.section-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:12px}.section-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));font-size:24px}.section-title-small{align-items:center;color:#1f2937;display:flex;font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:18px;font-weight:800;gap:10px;justify-content:center;letter-spacing:.2px;margin:0 0 12px;text-align:center}.section-title-small .section-icon{align-items:center;display:inline-flex;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));font-size:24px;justify-content:center}.section-description{color:#6b7280;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1.6;margin:0 0 20px;text-align:center}.sounds-counter{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:10px;margin-bottom:12px;padding:12px 16px;transition:all .3s ease}.sounds-counter.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.counter-icon{color:#6b7280;font-size:16px}.sounds-counter.active .counter-icon{color:#10b981}.counter-text{color:#374151}.counter-text,.stop-all-button{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:600}.stop-all-button{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.stop-all-button:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.finish-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:15px;font-weight:700;padding:16px 24px;transition:all .2s ease;width:100%}.finish-button:hover{background:#eff6ff;border-color:#61837a;color:#76a5a7}@media (max-width:480px){.player-container{align-items:flex-start;padding:60px 0 40px}.player-card{border-radius:0;min-height:100vh;padding:20px 16px}.player-icon-circle{height:120px;width:120px}.player-icon{font-size:56px}.play-button{font-size:24px;height:64px;width:64px}.icon-btn{height:44px;width:44px}}.natural-sounds-section{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin-bottom:24px;margin-top:20px;max-width:100%;overflow:visible!important;padding:28px 0;position:relative;width:100%}.natural-sounds-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px;max-width:100%;overflow:visible;padding:0;width:100%}.natural-sound-item{margin:0!important;outline:none!important;padding:0!important}.natural-sound-item,.natural-sound-item>*{background:#0000!important;border:none!important;box-shadow:none!important}.natural-sound-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #94a3b84d;border-radius:18px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:170px;overflow:hidden;padding:20px 16px;position:relative;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.natural-sound-button:hover{background:#ede9fee6;border-color:#c4b5fd;box-shadow:0 6px 18px #6366f126;transform:translateY(-2px)}.natural-sound-button:active{transform:translateY(0)}.natural-sound-button.active,.natural-sound-button.is-playing,.natural-sound-button[data-playing=true]{background:#76a5a72e!important;border-color:#76a5a7bf!important;box-shadow:0 6px 20px #76a5a747!important}.natural-sound-button.locked{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(120% 120% at 110% -10%,#fbbf241f 0,#f59e0b14 42%,#ffffffdb 70%);border-color:#f59e0b61;box-shadow:0 4px 12px #00000014;cursor:pointer;position:relative}.natural-sound-button.locked:hover{border-color:#f59e0b73;box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.natural-sound-button.locked:active{transform:translateY(0) scale(.98)}.natural-sound-lock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #f59e0b4d;border-radius:999px;box-shadow:0 10px 22px #f59e0b33;color:#b45309;font-weight:700;gap:4px;padding:4px 8px}.natural-sound-lock,.sound-indicator{align-items:center;display:flex;font-size:11px;position:absolute;right:8px;top:8px;z-index:2}.sound-indicator{animation:pulseIndicator 1.5s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#14b8a6);border-radius:50%;box-shadow:0 2px 8px #10b98166;color:#fff;height:20px;justify-content:center;width:20px}@keyframes pulseIndicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.sound-emoji-circle{align-items:center;background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:50%;box-shadow:0 3px 8px #0000000d;display:flex;height:100px;justify-content:center;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;width:100px;will-change:transform}.sound-icon-img{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));height:85%;object-fit:contain;transition:transform .25s ease,filter .25s ease;width:85%}.natural-sound-button:hover .sound-emoji-circle{box-shadow:0 8px 16px #0000001f}.natural-sound-button:active .sound-emoji-circle{box-shadow:0 4px 8px #0000001a}.natural-sound-button.active .sound-icon-img{filter:saturate(1.2);transform:scale(1.08)}.sound-emoji{font-size:24px;line-height:1}.sound-name{word-wrap:break-word;align-items:center;color:#374151;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;justify-content:center;letter-spacing:.1px;line-height:1.3;margin-top:8px;max-height:36px;min-height:36px;overflow:hidden;text-align:center;text-overflow:ellipsis}.natural-sound-button.active .sound-name{color:#065f46}.natural-sounds-section:before{background:linear-gradient(90deg,#0000,#00000014,#0000);content:"";display:block;height:1px;margin-bottom:20px}@media (max-width:480px){.sound-emoji-circle{height:72px;width:72px}.sound-icon-img{height:82%;width:82%}}.volume-control{align-items:center;box-sizing:border-box;display:flex;gap:10px;margin-top:10px;min-height:44px;padding:6px 4px;width:100%}.volume-icon{color:#10b981;flex-shrink:0}.volume-slider{-webkit-appearance:none;appearance:none;background:#d1d5db;border-radius:999px;cursor:pointer;flex:1 1;height:10px;outline:none;position:relative}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#76a5a7,#4b7cf6);border-radius:999px;height:10px}.volume-slider::-moz-range-track{background:linear-gradient(90deg,#76a5a7,#4b7cf6);border-radius:999px;height:10px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #76a5a7;border-radius:50%;box-shadow:0 3px 8px #76a5a766;cursor:pointer;height:22px;margin-top:-6px;width:22px}.volume-slider::-moz-range-thumb{background:#fff;border:2px solid #76a5a7;border-radius:50%;box-shadow:0 3px 8px #76a5a766;height:22px;width:22px}.volume-popover{align-items:center;background:#0f172af7;border:1px solid #94a3b873;border-radius:14px;box-shadow:0 14px 34px #0f172a8c,0 0 0 1px #0f172ae6;display:flex;justify-content:center;left:100%;margin-left:8px;max-width:min(150px,calc(100vw - 80px));padding:10px 12px;position:absolute;top:50%;transform:translateY(-50%);width:clamp(130px,30vw,190px);z-index:40}.volume-popover.flip-left{left:100%!important;margin-left:8px!important;margin-right:0!important;right:auto!important}.volume-popover-arrow{background:#0f172af7;border-left:1px solid #94a3b866;border-top:1px solid #94a3b866;height:12px;left:-6px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:12px}.volume-vertical-shell{align-items:center;display:flex;height:auto;justify-content:center;max-width:100%;padding:2px 0;width:100%}.volume-vertical{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#cbe2db,#fff);border:0;border-radius:8px;cursor:pointer;height:8px;margin:0;outline:none;padding:0;transition:background .05s ease;width:100%}.volume-vertical::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#cbe2db!important;border:2px solid #cbe2db!important;border-radius:50%;box-shadow:0 3px 10px #76a5a773;cursor:pointer;height:18px;-webkit-transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease;width:18px}.volume-vertical::-moz-range-thumb{background:#cbe2db!important;border:2px solid #cbe2db!important;border-radius:50%;box-shadow:0 3px 10px #76a5a773;cursor:pointer;height:22px;-moz-transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease;width:2px}.volume-vertical:hover::-moz-range-thumb,.volume-vertical:hover::-webkit-slider-thumb{transform:scale(1.2)}.volume-vertical:active::-webkit-slider-thumb,.volume-vertical:hover::-webkit-slider-thumb{background:#fff!important;border-color:#76a5a7!important;transform:scale(1.2)}.volume-vertical:active::-moz-range-thumb,.volume-vertical:hover::-moz-range-thumb{background:#fff!important;border-color:#76a5a7!important;transform:scale(1.2)}.breathing-toggle{align-items:center;background:#fff;border:1.5px solid #0000001f;border-radius:9999px;cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:box-shadow .15s ease,transform .08s ease,border-color .15s ease;width:48px}.breathing-toggle:hover{box-shadow:0 2px 6px #0000001a}.breathing-toggle.active{background:#ffffff24;border-color:#ffffff2e}.breathing-toggle.is-muted{filter:grayscale(.35);opacity:.55}.btn-primary--gold{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#f5e6b3,#e7c888 50%,#d8b46e);border:1.5px solid #d8b46e8c;border-radius:12px;box-shadow:0 6px 16px #d8b46e40,inset 0 1px 0 #fff9;color:#6b4e19;font-weight:800;letter-spacing:.3px;overflow:hidden;position:relative;transition:all .25s ease}.btn-primary--gold:after{animation:shimmer-slide 3s ease-in-out infinite;background:linear-gradient(120deg,#fff0,#ffffff59 45%,#fff0 90%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-120%)}.btn-primary--gold:hover:not(:disabled){background:linear-gradient(135deg,#f7ebc1,#e9cf95 50%,#dbbc77);border-color:#d8b46ebf;box-shadow:0 10px 26px #d8b46e52;transform:translateY(-2px)}.btn-primary--gold:active{box-shadow:0 3px 10px #d8b46e33;transform:translateY(0)}.auth-page-wrapper{align-items:center;animation:fadeIn .5s ease-out;background:linear-gradient(135deg,#f0f4ff,#f5f3ff 50%,#faf5ff);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.auth-page-container{max-width:440px;width:100%}.auth-card{animation:fadeScale .5s ease-out both;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000014;padding:clamp(32px,6vw,48px) clamp(24px,5vw,40px)}.auth-header{align-items:center;animation:fadeIn .6s ease-out;display:flex;flex-direction:column;margin-bottom:32px;text-align:center}.auth-tagline{color:#6b7280;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:.2px;margin:0}.auth-form{gap:20px;margin-bottom:24px}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:8px}.auth-label{color:#374151;font-size:14px;font-weight:600;margin:0}.auth-input,.auth-label{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans)}.auth-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.auth-input::placeholder{color:#9ca3af}.auth-input:hover{border-color:#d1d5db}.auth-input:focus{background:#fafbff;border-color:#61837a;box-shadow:0 0 0 4px #6366f11a;outline:none}.auth-extra-row{display:flex;justify-content:flex-end;margin-bottom:4px;margin-top:4px}.auth-forgot-link{background:none;border:none;color:#cbe2db;cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.auth-forgot-link:hover{color:#cbe2db}.auth-success{color:#16a34a;font-size:.9rem;margin-top:12px}.auth-error{align-items:center;animation:shake .4s ease;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:18px}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.auth-toggle{border-top:1px solid #e5e7eb;padding:20px 0;text-align:center}.auth-toggle-text{color:#6b7280;font-weight:500;margin:0 0 12px}.auth-toggle-button,.auth-toggle-text{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px}.auth-toggle-button{background:#cbe2db;border:2px solid #cbe2db;border-radius:12px;color:#61837a;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .2s ease}.auth-toggle-button:hover{background:#cbe2db;border-color:#61837a;box-shadow:0 4px 12px #61837a26;transform:translateY(-2px)}.auth-toggle-button:active{transform:translateY(0)}.auth-legal{margin-top:24px;text-align:center}.legal-text{color:#9ca3af;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:1.6;margin:0}.legal-link{color:#36495b;font-weight:600;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:#36495b;text-decoration:underline}@media (max-width:480px){.auth-page-wrapper{align-items:stretch;padding:0}.auth-card{border-radius:0;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:32px 20px}.auth-header{margin-bottom:28px}}.music-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.music-modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;inset:0;position:absolute}.music-modal-content{-webkit-overflow-scrolling:touch;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:480px;overflow-y:auto;padding:clamp(24px,5vw,32px);position:relative;width:100%}.music-modal-header{margin-bottom:28px;text-align:center}.music-modal-title{color:#1f2937;font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(22px,5vw,26px);font-weight:800;line-height:1.2;margin:0 0 8px}.music-modal-subtitle{color:#6b7280;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.5;margin:0}.music-choices-grid{grid-gap:16px;display:grid;gap:16px;margin-bottom:20px}.music-choice-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.music-choice-card:before{background:linear-gradient(135deg,#cbe2db40,#76a5a72e 50%,#61837a1f);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.music-choice-card:hover{border-color:#cbe2db;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.music-choice-card:hover:before{opacity:.14}.music-choice-card:active{transform:translateY(-2px) scale(.99)}.choice-icon-circle{align-items:center;background:radial-gradient(120% 120% at 110% -10%,#61837a14 0,#61837a0a 50%,#fffffff2 70%);border:1.5px solid #1f1f1f;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:4px;position:relative;transition:all .3s ease;width:64px;z-index:1}.music-choice-card:hover .choice-icon-circle{background:radial-gradient(120% 120% at 110% -10%,#76a5a729 0,#cbe2db1f 45%,#fffffff5 70%);border-color:#1f1f1f;box-shadow:0 6px 18px #0000002e;transform:scale(1.06) rotate(2deg)}.choice-icon{align-items:center;display:flex;font-size:32px;justify-content:center}.choice-title{color:#1f2937;font-size:18px;font-weight:700}.choice-description,.choice-title{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);margin:0;position:relative;z-index:1}.choice-description{color:#6b7280;font-size:13px;font-weight:500;line-height:1.5}.choice-arrow{color:#d1d5db;font-size:24px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.music-choice-card:hover .choice-arrow{color:#61837a;transform:translateY(-50%) translateX(4px)}.music-modal-cancel{background:#0000;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:15px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.music-modal-cancel:hover{background:#f0f4ff;border-color:#36495b;color:#61837a}@media (max-width:480px){.music-modal-overlay{align-items:flex-end;padding:0}.music-modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);border-radius:24px 24px 0 0;max-height:85vh;max-width:none;width:100%}.choice-icon-circle{height:56px;width:56px}.choice-icon{font-size:28px}}.custom-compo-card{animation:fadeScale .5s ease-out both;background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 24px #6366f114;margin:45px auto;max-width:520px;padding:clamp(24px,5vw,36px);text-align:center}.custom-compo-title{color:#1f2937;color:var(--text-primary);font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(18px,4vw,22px);font-weight:800;margin-bottom:12px}.custom-compo-intro{color:#6b7280;color:var(--text-secondary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(14px,3vw,16px);font-weight:600;line-height:1.6;margin-bottom:18px}.custom-compo-list{align-items:center;gap:8px;list-style:none;margin:0 0 20px;padding:0}.custom-compo-list li{background:linear-gradient(135deg,#f9fafb,#fff);border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000008;color:#1f2937;color:var(--text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(13px,3vw,15px);font-weight:500;max-width:380px;padding:10px 14px;transition:all .25s ease;width:100%}.custom-compo-list li:hover{border-color:#36495b;box-shadow:0 4px 12px #6366f11f;transform:translateY(-2px)}.custom-compo-contact,.custom-compo-more{color:#6b7280;color:var(--text-secondary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(13px,2.5vw,15px);font-weight:600;line-height:1.6;margin-top:10px}.custom-compo-link{color:#36495b;font-weight:700;text-decoration:none;transition:color .2s ease,border-bottom-color .25s ease}.custom-compo-link:hover{color:#36495b;text-decoration:underline}.custom-compo-subtitle{color:#1f2937;color:var(--text-primary);font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(16px,4vw,20px);font-weight:700;margin:24px 0 12px;text-align:left}.custom-compo-text{color:#6b7280;color:var(--text-secondary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(14px,3vw,15px);line-height:1.7;margin-bottom:16px;text-align:left}.custom-compo-card{padding:clamp(28px,4vw,40px)}.custom-compo-list{margin-bottom:32px}.custom-compo-footer{border-top:1px solid #0000000f;display:flex;flex-direction:column;gap:18px;margin-top:36px;padding-top:24px}.custom-compo-contact,.custom-compo-more{line-height:1.7;margin:0}.custom-compo-title{margin-bottom:20px}.custom-compo-intro{line-height:1.65;margin-bottom:24px}.custom-compo-list{display:flex;flex-direction:column;gap:14px;list-style-position:inside;margin-bottom:36px;padding-left:0}.custom-compo-list li{line-height:1.6}@media (min-width:768px){.custom-compo-title{margin-bottom:24px}.custom-compo-intro{margin-bottom:28px}.custom-compo-list{gap:16px}.custom-compo-footer{gap:22px;margin-top:42px;padding-top:28px}}.custom-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #00000008;margin:16px 0;overflow:hidden;width:100%}.custom-table th{background:#f5f6ff;color:#cbe2db;font-weight:700;text-align:left}.custom-table td,.custom-table th{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);padding:10px 14px}.custom-table td{border-top:1px solid #e5e7eb;color:#1f2937;color:var(--text-primary);font-size:14px}.custom-table tr:hover{background:#fafbff}.suggestion-card{background:#fff;background:var(--card-bg);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000a;display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(40px,8vw,64px)!important;padding:20px 24px;text-align:center;transition:all .25s ease}.suggestion-card:hover{box-shadow:0 8px 18px #0000000f;transform:translateY(-2px)}.suggestion-top{align-items:center;display:flex;gap:8px;justify-content:center}.suggestion-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.05));font-size:1.3rem}.suggestion-title{color:#1f2937;color:var(--text-primary);font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(18px,4vw,22px);font-weight:700}.suggestion-body{align-items:center;display:flex;flex-direction:column;gap:12px}.suggestion-line{color:#6b7280;color:var(--text-secondary);font-size:clamp(13px,2.8vw,15px);font-weight:500;line-height:1.6;margin:0}.btn-suggestion,.suggestion-line{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans)}.btn-suggestion{background:linear-gradient(135deg,#76a5a7,#61837a);border:none;border-radius:12px;box-shadow:0 4px 14px #76a5a740;color:#fff;cursor:pointer;font-size:clamp(14px,3vw,16px);font-weight:700;letter-spacing:.2px;padding:12px 24px;transition:all .25s ease}.btn-suggestion:hover{box-shadow:0 6px 18px #76a5a752;transform:translateY(-2px)}.btn-suggestion:active{transform:translateY(0)}@media (max-width:480px){.suggestion-card{border-radius:14px;padding:16px 18px}.suggestion-title{font-size:16px}.btn-suggestion{padding:10px 20px}}.ressenti-page{background:linear-gradient(180deg,#f9fafb,#fff);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);inset:0;overflow-y:auto;position:fixed;z-index:9999}.ressenti{display:flex;flex-direction:column;padding:24px}.history-title,.ressenti-title{font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display)}.history-date,.history-text,.ressenti-back,.ressenti-save-btn,.ressenti-subtitle,.ressenti-textarea{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans)}.ressenti h1{font-size:1.4rem;margin-bottom:16px}.ressenti-textarea,.ressenti__textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;min-height:200px;padding:12px;resize:vertical}.ressenti-save-btn,.ressenti__save{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:.95rem;margin-top:12px;padding:10px 16px}.ressenti__msg{color:#16a34a;margin-top:8px}.settings-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:24px;box-shadow:0 10px 30px #00000014;margin:100px auto;max-width:600px;padding:20px;text-align:center}.settings-title{color:#065f46;font-size:1.5rem;font-weight:600;margin-bottom:24px}.settings-list{display:flex;flex-direction:column;gap:12px}.settings-item{align-items:center;background:#ffffffb3;border:1px solid #0000000d;border-radius:12px;color:#374151;display:flex;gap:10px;justify-content:flex-start;padding:12px 16px;text-decoration:none;transition:all .2s ease}.settings-item:hover{background:#10b9811f;color:#065f46;transform:translateY(-2px)}.onboarding-card{align-items:center;background:#fff;background:var(--card-bg);border-radius:24px;box-shadow:0 12px 40px #00000014;display:flex;flex-direction:column;margin:15vh auto;max-width:480px;padding:clamp(32px,6vw,48px) clamp(24px,5vw,36px);text-align:center;transition:all .3s ease;width:100%}.onboarding-progress{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:clamp(20px,3vw,32px)}.onboarding-dot{background:#e0e7ff;border-radius:50%;height:10px;transform:scale(1);transition:all .3s ease;width:10px}.onboarding-dot.active{background:linear-gradient(135deg,#3b82f6,#cbe2db);background:linear-gradient(135deg,var(--brand1),var(--brand2));transform:scale(1.25)}.onboarding-dot.past{background:#3b82f6;background:var(--brand1);opacity:.5}.onboarding-title{color:#1f2937;color:var(--text-primary);font-family:Nunito,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(20px,4vw,26px);font-weight:800;margin-bottom:8px}.onboarding-subtitle{color:#6b7280;color:var(--text-secondary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(14px,3vw,16px);font-weight:500;line-height:1.5;margin-bottom:clamp(24px,4vw,36px)}.onboarding-options{align-items:stretch;display:flex;flex-direction:column;gap:12px;width:100%}.onboarding-option{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;padding:12px 14px;transition:all .2s ease;width:100%}.onboarding-option:hover{border-color:#3b82f6;border-color:var(--brand1);box-shadow:0 6px 18px #6366f11a;transform:translateY(-2px)}.onboarding-option-inner{align-items:center;display:flex;gap:14px;justify-content:flex-start;width:100%}.onboarding-emoji{align-items:center;background:linear-gradient(135deg,#3b82f6,#cbe2db);background:linear-gradient(135deg,var(--brand1),var(--brand2));border-radius:50%;box-shadow:0 4px 10px #6366f140;color:#fff;display:flex;flex-shrink:0;font-size:1.6rem;height:52px;justify-content:center;width:52px}.onboarding-text{color:#1f2937;color:var(--text-primary);flex:1 1;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-sans);font-size:clamp(15px,3.2vw,17px);font-weight:600;letter-spacing:.1px;text-align:left}.fade-in{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.fade-out{opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}.onboarding-wrapper .app-header,.onboarding-wrapper .app-header--compact,.onboarding-wrapper .header-floating,.onboarding-wrapper .tl,.onboarding-wrapper .tl-spacer{display:none!important}@media (max-width:480px){.onboarding-card{border-radius:0;box-shadow:none;min-height:100vh;padding:28px 20px}}.badge-premium{background:linear-gradient(90deg,#facc15,#f59e0b);box-shadow:0 6px 18px #fbbf244d}.plan-badge.free{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#fdf0e0,#cbe2db);border:1.5px solid #e5e7eb;border-radius:9999px;box-shadow:0 2px 6px #0000000a;color:#1f2937;display:inline-flex;flex-shrink:0;font-size:11px;font-size:var(--tb-badge-font);font-weight:700;height:24px;height:var(--tb-badge-h);letter-spacing:.15px;line-height:1;padding:0 9px;padding:0 var(--tb-badge-px);transition:all .25s ease;white-space:nowrap}.plan-badge.free:hover{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-color:#a5b4fc;box-shadow:0 4px 10px #6366f11a;color:#61837a;transform:translateY(-1px)}.plan-badge.premium{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#fef3c7,#facc15 50%,#f59e0b);border:1.5px solid #fbbf2499;border-radius:9999px;box-shadow:0 4px 14px #fbbf244d;color:#78350f;display:inline-flex;flex-shrink:0;font-size:11px;font-size:var(--tb-badge-font);font-weight:800;height:24px;height:var(--tb-badge-h);letter-spacing:.15px;line-height:1;padding:0 9px;padding:0 var(--tb-badge-px);position:relative;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.plan-badge.premium:after{animation:shimmer-soft 4.2s ease-in-out infinite;background:linear-gradient(120deg,#fff0,#ffffff26 25%,#ffffff14 50%,#fff0 75%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-120%)}@keyframes shimmer-soft{0%{opacity:.4;transform:translateX(-120%)}45%{opacity:.55}to{opacity:.3;transform:translateX(120%)}}.plan-badge.premium:hover{box-shadow:0 6px 20px #fbbf2473;filter:brightness(1.05);transform:translateY(-1px) scale(1.05)}.sons-wrapper{display:flex;gap:.75rem}.son{background:#f6f6f6;border:none;border-radius:14px;height:180px;overflow:hidden;padding:0;position:relative;width:180px}.son__inner{display:grid;height:100%;place-items:center;transform-origin:center;transition:transform .18s ease;width:100%}.son.is-active .son__inner{transform:scale(1.08)}.topbar-logo{flex-shrink:0;height:clamp(22px,3.4vw,30px);margin-left:8px;margin-right:0;object-fit:contain;position:relative;top:-.5px;transition:transform .2s ease;width:auto}.topbar-logo:hover{transform:scale(1.05)}@media (max-width:400px){.topbar{padding:0 8px}.plan-badge{font-size:11px;padding:4px 8px}}.topbar--inner{align-items:center;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);background:#ffffff2e;border-bottom:1px solid #94a3b838;display:flex;height:56px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:1000}.topbar--inner.scrolled{backdrop-filter:saturate(200%) blur(20px);-webkit-backdrop-filter:saturate(200%) blur(20px);background:#fff6;box-shadow:0 4px 20px #0000001a}@media (max-width:768px){.topbar--inner{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#ffffffd9!important}}.topbar--inner .topbar-left{align-items:center;display:flex;gap:12px;height:100%}.topbar--inner .topbar-titles{display:flex;flex-direction:column;gap:3px;justify-content:center}.topbar-back.subtle{align-items:center;background:#0000;border:none;border-radius:999px;color:#94a3b8;display:inline-flex;height:32px;justify-content:center;line-height:0;opacity:.8;padding:0;transition:opacity .15s ease,transform .15s ease;width:32px}.topbar-back.subtle:hover{opacity:1;transform:translateX(-2px)}.topbar-back.subtle:active{opacity:.6}.topbar-back{align-items:center;background:#fff;border:1px solid #94a3b8b3;border-radius:999px;box-shadow:0 6px 16px #0f172a0f;color:#0f172a;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background .18s ease,box-shadow .18s ease,color .18s ease,transform .14s ease;width:36px}.topbar-back:hover{background-color:#6366f10a;box-shadow:0 10px 22px #6366f12e;color:#36495b;transform:translateY(-1px)}.topbar-back:active{box-shadow:0 4px 10px #0f172a2e;transform:translateY(0)}.topbar-titles{display:flex;flex-direction:column;gap:3px;justify-content:center;transform:translateY(1px)}.topbar-eyebrow{color:#9ca3af;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.topbar-title{color:#36495b;font-family:Nunito,system-ui,sans-serif;font-size:1.1rem;font-weight:650;letter-spacing:-.3px;line-height:1.15;margin:0;text-shadow:0 1px 0 #fff9}@media (max-width:767px){.topbar--inner{padding-inline:12px}.topbar-back{height:32px;width:32px}.topbar-title{font-size:1rem}}:root{--z-bg:0;--z-app:1;--z-float:10;--z-modal:1000;--gold1:#fbbf24;--gold2:#f59e0b}.app-background,.app-bg,.background-layer{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;filter:none!important;inset:0;opacity:1!important;pointer-events:none;position:fixed!important;transition:opacity 1s ease-in-out;will-change:opacity;z-index:-1!important}.app-bg-tint{background:none!important;display:none!important;opacity:0!important}#root,body,html{height:100%;margin:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-fill,.auth-page-wrapper,.player-container,.reco-container,.ressenti-page,.welcome-container{background:#0000!important;position:relative!important;z-index:1!important}.loading-overlay,.music-modal-backdrop,.music-modal-content,.music-modal-overlay,.onboarding-wrapper{z-index:1000!important;z-index:var(--z-modal)!important}.reco-with-topbar{margin-top:59px}.player-with-topbar{margin-top:55px}.topbar .topbar-title,.topbar--inner .topbar-title{font-size:1.1rem!important;line-height:1.2}.topbar-badges{align-items:center;display:flex;flex-shrink:0;gap:8px;min-width:0}@media (max-width:768px){.topbar-badges{gap:6px}}@media (max-width:380px){.topbar-badges{gap:6px}.plan-badge{font-size:12px;line-height:1;padding:4px 8px}.topbar{--sb-gap:3px;--sb-py:4px;--sb-px:8px;--sb-font:12px;--sb-emoji:14px}}@media (max-width:430px){.topbar-badges{gap:5px}.topbar{gap:5px;padding:0 8px}.topbar-right{gap:6px}}@media (max-width:390px){.topbar-badges{gap:4px}.plan-badge.free,.plan-badge.premium{align-items:center;display:inline-flex;font-size:11px!important;font-size:var(--tb-badge-font)!important;height:24px!important;height:var(--tb-badge-h)!important;justify-content:center;line-height:1!important;min-height:24px!important;min-height:var(--tb-badge-h)!important;padding:0 9px!important;padding:0 var(--tb-badge-px)!important}.topbar{gap:4px;padding:0 6px}.topbar-right{gap:5px}}.background-layer{-webkit-overflow-scrolling:touch;inset:0!important;overflow:hidden;position:fixed!important;z-index:-1!important}.background-layer__image{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;transform:translateZ(0)}@media (max-width:768px){.app-background,.app-bg,.background-layer{height:100vh!important;height:100dvh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important}.background-layer__image{background-attachment:scroll!important;min-height:100vh;min-height:100dvh}}@supports (-webkit-touch-callout:none){.background-layer__image{background-attachment:scroll!important;height:100vh;height:100dvh;position:fixed}}@media (max-width:768px){body:before{background:linear-gradient(135deg,#f0f4ff,#f5f3ff 50%,#faf5ff);content:"";inset:0;position:fixed;z-index:-2}.app-fill,.app-shell{position:relative;z-index:1}.header-floating{left:0;position:fixed;right:0;top:0;z-index:100}.app-safe--no-top{padding-top:60px!important}.welcome-card{margin-top:0!important;padding-top:20px!important}}@supports (-webkit-touch-callout:none){.auth-page-wrapper,.player-container,.reco-container,.welcome-container{-webkit-overflow-scrolling:touch;transform:translateZ(0)}}@media (min-width:900px){.app-fill.app-safe--no-top .welcome-container{margin:0!important;max-width:100%!important;padding-inline:clamp(32px,5vw,56px);width:100%!important}.welcome-card.cq-hero{background:#0000!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;padding:32px 0 48px;width:100%!important}}@media (max-width:768px){.welcome-card{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:100%!important;padding:0 16px!important}.app-fill,.app-safe--no-top{padding-top:0!important}.welcome-container{padding-bottom:80px;padding-top:45px!important}.player-with-topbar,.reco-page-wrapper{padding-top:64px}.topbar-logo{height:clamp(16px,4.5vw,20px)}}.welcome-card .pg,.welcome-card .suggestion-card{background:linear-gradient(135deg,#fffffffa,#fafbfffa 40%,#f5f9f7fa);border-radius:22px;border-width:2px;box-shadow:0 10px 28px #0f172a1f,0 2px 4px #0000000a;margin-bottom:clamp(32px,6vw,48px);padding:clamp(24px,5vw,34px)}@media (max-width:480px){.welcome-card .pg,.welcome-card .suggestion-card{border-radius:18px;margin-bottom:32px;padding:20px 18px}}@media (min-width:768px) and (max-width:1024px){.welcome-container{align-items:flex-start!important;justify-content:center!important;padding-left:clamp(16px,3vw,32px)!important;padding-right:clamp(16px,3vw,32px)!important}.welcome-card{margin:0 auto!important;max-width:860px!important;width:100%!important}.welcome-card .pg,.welcome-card .suggestion-card{max-width:100%!important;width:100%!important}}@media (max-width:480px){.subscribe-button{align-items:center;display:inline-flex;justify-content:center;line-height:1.2!important;max-width:340px!important;text-align:center;white-space:normal!important;width:100%!important}.subscribe-button,.subscribe-button.btn-sm{min-height:52px!important;padding:14px 18px!important}.subscribe-button.btn-sm{font-size:.95rem!important}}.tooltip-bubble{--tooltip-x:-5px;word-wrap:break-word;animation:tooltipSlideIn .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172abf;border-radius:12px;box-shadow:0 12px 28px #00000040,0 0 0 1px #ffffff14;color:#fffffff2;cursor:pointer;font-size:13px;font-weight:600;line-height:1.5;max-width:calc(100vw - 40px);padding:10px 14px;pointer-events:auto;position:absolute;right:0;text-align:left;top:calc(100% + 8px);transform:translateX(var(--tooltip-x)) translateY(0) scale(1);white-space:normal;width:220px;z-index:10000}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateX(var(--tooltip-x)) translateY(-8px) scale(.95)}to{opacity:1;transform:translateX(var(--tooltip-x)) translateY(0) scale(1)}}.tooltip-bubble--bottom{--tooltip-x:calc(-50% + var(--tooltip-shift, 0px));left:50%;right:auto}.tooltip-bubble:hover{background:#0f172ad9;box-shadow:0 14px 32px #0000004d,0 0 0 1px #ffffff1f}.tooltip-bubble:before{background:#0f172af7;border-radius:2px;box-shadow:-2px -2px 4px #0000001a;content:"";height:10px;position:absolute;right:12px;top:-5px;transform:rotate(45deg);width:10px}.tooltip-bubble--bottom:before{left:50%;left:calc(50% - var(--tooltip-shift, 0px));right:auto;transform:translateX(-50%) rotate(45deg)}.tooltip-bubble--player{left:50%!important;right:auto!important;transform:translateX(-50%)!important}.tooltip-bubble--player:before{left:50%!important;right:auto!important;transform:translateX(-50%) rotate(45deg)!important}@media (max-width:480px){.tooltip-bubble--player{left:50%;max-width:calc(100vw - 32px);right:auto}}.tooltip-player{z-index:2147483647!important}@media (max-width:480px){.tooltip-bubble{font-size:12px;padding:9px 12px;width:200px}}.player-card,.player-container,.player-transport{overflow:visible!important}.loading-error{animation:pulse 1.5s ease-in-out infinite;font-size:48px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.btn-sm{font-size:14px;margin-top:16px;padding:10px 20px}@media (min-width:430px){:root{--tb-badge-h:28px;--tb-badge-px:11px;--tb-badge-font:12.5px;--tb-badge-gap:5px;--tb-badge-emoji:14px}}@media (min-width:1024px){:root{--tb-badge-h:30px;--tb-badge-px:12px;--tb-badge-font:13px;--tb-badge-gap:6px;--tb-badge-emoji:15px}}@media (max-width:768px){:root{--tb-badge-h:30px;--tb-badge-px:11px;--tb-badge-font:12.5px}.topbar-badges{flex:1 1 auto;gap:8px;min-width:0}.plan-badge.free,.plan-badge.premium{align-items:center;display:inline-flex;font-size:11px!important;font-size:var(--tb-badge-font)!important;height:24px!important;height:var(--tb-badge-h)!important;justify-content:center;line-height:1!important;padding:0 9px!important;padding:0 var(--tb-badge-px)!important;white-space:nowrap}}@media (max-width:390px){:root{--tb-badge-h:28px;--tb-badge-px:10px;--tb-badge-font:12px}}@media (max-width:360px) and (min-height:720px){.topbar-right{max-width:44%;min-width:0}.topbar-logo{display:block;height:clamp(16px,4.2vw,20px);max-width:92px;object-fit:contain;width:auto}:root{--tb-badge-h:26px;--tb-badge-px:9px;--tb-badge-font:11.5px}.plan-badge.free,.plan-badge.premium{font-size:11px!important;font-size:var(--tb-badge-font)!important;height:24px!important;height:var(--tb-badge-h)!important;padding:0 9px!important;padding:0 var(--tb-badge-px)!important}.topbar{--sb-py:4px;--sb-px:8px;--sb-font:11.5px;--sb-emoji:13px;--sb-gap:3px}.topbar-badges{flex:1 1 auto;gap:6px;min-width:0}}@media (max-width:480px){.duration-lock{animation:none!important;gap:4px;height:22px;left:50%!important;padding:0 8px;right:auto!important;top:12px!important;transform:translateX(-50%)!important;white-space:nowrap}.duration-lock,.duration-lock>span{align-items:center;display:inline-flex;justify-content:center;line-height:1}}@media (max-width:360px){.volume-control .volume-slider{max-width:100px}.volume-popover{max-width:105px!important;padding:8px 10px!important;width:105px!important}}*{scroll-behavior:smooth}.breathing-animation-compact{height:160px;margin:16px 0 20px;overflow:visible;width:100%}.breathing-animation-compact,.breathing-shape{align-items:center;display:flex;justify-content:center;position:relative}.breathing-shape{background:radial-gradient(circle,#6c8f89 0,#54766e 100%);box-shadow:0 8px 32px #0000001f,inset 0 0 20px #ffffff26;height:120px;overflow:hidden;transform:translateY(0) scale(1);transform:translateY(var(--offsetY,0)) scale(var(--scale,1));transition:filter 1.8s ease-in-out;width:120px;will-change:transform,filter;z-index:1}.breathing-halo{background:radial-gradient(circle,#ffffff73 0,#fff0 60%);border-radius:inherit;filter:blur(10px);inset:-30%;opacity:0;position:absolute;transform:scale(.9);transition:opacity 2.2s ease-in-out,transform 4s cubic-bezier(.4,0,.2,1);transition:opacity 2.2s ease-in-out,transform var(--duration,4s) cubic-bezier(.4,0,.2,1);z-index:1}.phase-inhale .breathing-halo{opacity:.9;transform:scale(1.1)}.breathing-bg{animation:gradientDrift 18s ease-in-out infinite;background-size:180% 180%;border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 2.5s ease-in-out;z-index:0}.breathing-bg--inhale{background:radial-gradient(circle at 30% 30%,#76a5a7 0,#76a5a7 30%,#cbe2db 70%,#f9fafb 100%)}.breathing-bg--exhale{background:radial-gradient(circle at 70% 70%,#61837a 0,#61837a 30%,#cbe2db 70%,#f9fafb 100%)}.phase-exhale .breathing-bg--exhale,.phase-inhale .breathing-bg--inhale,.phase-inhale1 .breathing-bg--inhale,.phase-inhale2 .breathing-bg--inhale{opacity:1}.breathing-gradient{border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 1.8s ease-in-out}.breathing-gradient--inhale{background:radial-gradient(circle at 30% 30%,#76a5a7 0,#76a5a7 35%,#cbe2db 70%,#f9fafb 100%)}.breathing-gradient--exhale{background:radial-gradient(circle at 70% 70%,#61837a 0,#61837a 35%,#cbe2db 70%,#f9fafb 100%)}.phase-exhale .breathing-gradient--exhale,.phase-inhale .breathing-gradient--inhale,.phase-inhale1 .breathing-gradient--inhale,.phase-inhale2 .breathing-gradient--inhale{opacity:1}.breathing-shape.idle{opacity:.7}.breathing-shape--circle{border-radius:50%}.breathing-shape--square{border-radius:20px;position:relative;transition:filter 1.8s ease-in-out}.breathing-shape--square .square-cursor{animation:squareCursorGlow 2.4s ease-in-out infinite;background:#f9fafbfa;border-radius:999px;box-shadow:0 0 14px #f9fafbf2,0 0 32px #7dd3fce6,0 0 52px #065f46bf;height:18px;left:50%;left:var(--cursor-x,50%);opacity:0;pointer-events:none;position:absolute;top:50%;top:var(--cursor-y,50%);transform:translate(-50%,-50%);width:18px;z-index:3}.breathing-shape--square.idle .square-cursor{animation-play-state:paused;opacity:0}.breathing-shape--square:not(.idle) .square-cursor{animation-play-state:running}@keyframes squareCursorGlow{0%,to{box-shadow:0 0 10px #f9fafbe6,0 0 26px #7dd3fce6,0 0 40px #065f46b3;opacity:.8}50%{box-shadow:0 0 16px #f9fafb,0 0 34px #7dd3fc,0 0 56px #065f46e6;opacity:1}}.breathing-shape--square:not(.idle) .square-cursor{opacity:1}.breathing-shape--square .square-cursor:after{background:radial-gradient(circle,#f8fafcb3 0,#f8fafc00 75%);border-radius:inherit;content:"";filter:blur(8px);inset:-10px;pointer-events:none;position:absolute}.breathing-shape--triangle .triangle-cursor{animation:triangleCursorGlow 2.4s ease-in-out infinite;background:#f9fafbfa;border-radius:999px;box-shadow:0 0 14px #f9fafbf2,0 0 32px #7dd3fce6,0 0 52px #065f46bf;height:18px;left:50%;left:var(--cursor-x,50%);opacity:0;pointer-events:none;position:absolute;top:50%;top:var(--cursor-y,50%);transform:translate(-50%,-50%);width:18px;z-index:3}.breathing-shape--triangle.idle .triangle-cursor{animation-play-state:paused;opacity:0}.breathing-shape--triangle:not(.idle) .triangle-cursor{animation-play-state:running;opacity:1}@keyframes triangleCursorGlow{0%,to{box-shadow:0 0 10px #f9fafbe6,0 0 26px #818cf8e6,0 0 40px #0f172ab3;opacity:.8}50%{box-shadow:0 0 16px #f9fafb,0 0 34px #818cf8,0 0 56px #0f172ae6;opacity:1}}.breathing-shape--triangle .triangle-cursor:after{background:radial-gradient(circle,#f8fafcb3 0,#f8fafc00 75%);border-radius:inherit;content:"";filter:blur(8px);inset:-10px;pointer-events:none;position:absolute}.phase-inhale1 .breathing-halo{opacity:.9;transform:scale(1.15)}.phase-pause .breathing-halo{opacity:.85;transform:scale(1.1)}.phase-inhale2 .breathing-halo{opacity:1;transform:scale(1.2)}.phase-exhale .breathing-halo{opacity:.45;transform:scale(.95)}.breathing-shape--triangle{border-radius:8px;-webkit-clip-path:polygon(50% 5%,100% 95%,0 95%);clip-path:polygon(50% 5%,100% 95%,0 95%)}.breathing-shape--pulse{animation:quickPulse .5s ease-in-out infinite;border-radius:50%}.breathing-label-inside{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;display:flex;filter:blur(0);inset:0;justify-content:center;opacity:1;padding:0;position:absolute;text-align:center;transform:translateY(0);transition:opacity .22s ease-out,filter .22s ease-out,transform .22s ease-out;width:100%;z-index:3}.breathing-label-inside--triangle{align-items:flex-end;justify-content:center;padding-bottom:16%}.breathing-label-inside--triangle .breathing-label-main{font-size:11px;letter-spacing:.18em;line-height:1.3;white-space:normal}.breathing-label-inside--transition{filter:blur(6px);opacity:0;transform:translateY(4px)}.breathing-label-main{--label-offset:0px;--label-x:0px;animation:labelFadeIn .25s ease-out;color:#f9fafb;display:inline-block;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.22em;text-align:center;text-shadow:0 1px 3px #0f172a73,0 0 12px #f8fafc59;text-transform:uppercase;transform:translate(var(--label-x),var(--label-offset))}.breathing-shape--pulse .breathing-label-inside{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:0 14px}.breathing-shape--pulse .breathing-label-main{--label-x:-0.07em;--label-offset:0px;display:block;font-size:12px;-webkit-hyphens:none;hyphens:none;letter-spacing:.14em;line-height:1.2;margin-block:0;max-width:92%;overflow-wrap:normal;text-align:center;white-space:normal;word-break:normal}@keyframes labelFadeIn{0%{filter:blur(4px);opacity:0;transform:translateY(4px);transform:translate(var(--label-x,0),calc(var(--label-offset, 0px) + 4px))}to{filter:blur(0);opacity:1;transform:translate(0);transform:translate(var(--label-x,0),var(--label-offset,0))}}@keyframes quickPulse{0%,to{opacity:1}50%{opacity:.7}}.breathing-ring{border-radius:inherit;inset:-15%;pointer-events:none;position:absolute;z-index:2}.breathing-ring:before{animation:ringGlow 3s ease-in-out infinite;border:2px solid #ffffff40;border-radius:inherit;content:"";inset:0;opacity:.5;position:absolute}.breathing-ring:after{background:conic-gradient(from -90deg,#f8fafce6 0deg,#f8fafce6 0deg,#0000 0deg,#0000 1turn);background:conic-gradient(from -90deg,#f8fafce6 0deg,#f8fafce6 calc(var(--phase-progress, 0)*1turn),#0000 calc(var(--phase-progress, 0)*1turn),#0000 1turn);border-radius:inherit;content:"";inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 70%,#000 71%);mask:radial-gradient(farthest-side,#0000 70%,#000 71%);opacity:.9;position:absolute;transition:background .1s linear,opacity .3s ease-out}@keyframes ringGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.breathing-shape--square .breathing-ring,.breathing-shape--triangle .breathing-ring{display:none!important}.phase-inhale{filter:brightness(1.1)}.phase-exhale{filter:brightness(.95)}.phase-hold,.phase-hold1,.phase-hold2,.phase-pause{animation:holdGlow 1.5s ease-in-out infinite}@keyframes holdGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes labelAppear{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes gradientDrift{0%{background-position:0 0}50%{background-position:100% 50%}to{background-position:0 0}}.breathing-orbit-layer{animation:orbitDrift 32s ease-in-out infinite;background:radial-gradient(circle,#0f172a59 0,#0f172a00 60%),radial-gradient(circle,#020617 0,#020617 100%);background:radial-gradient(circle,#0f172a59 0,#0f172a00 60%),var(--orbit-gradient,radial-gradient(circle,#020617 0,#020617 100%));border-radius:999px;filter:blur(20px);height:220px;left:50%;opacity:.22;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:220px;z-index:0}.breathing-orbit-layer:after,.breathing-orbit-layer:before{border:1px solid #94a3b859;border-radius:999px;box-shadow:0 0 24px #94a3b866,0 0 48px #0f172ab3;content:"";inset:12%;opacity:.55;position:absolute}.breathing-orbit-layer:before{animation:orbitSpinSlow 46s linear infinite;transform:rotate(8deg)}.breathing-orbit-layer:after{animation:orbitSpinSlowReverse 60s linear infinite;inset:20%;opacity:.35;transform:rotate(-14deg)}@keyframes orbitDrift{0%{opacity:.2;transform:translate(-50%,-50%) scale(1)}30%{opacity:.26;transform:translate(-50%,-50%) scale(1.04)}60%{opacity:.21;transform:translate(-50%,-50%) scale(.97)}to{opacity:.2;transform:translate(-50%,-50%) scale(1)}}@keyframes orbitSpinSlow{0%{transform:rotate(8deg)}to{transform:rotate(368deg)}}@keyframes orbitSpinSlowReverse{0%{transform:rotate(-14deg)}to{transform:rotate(-374deg)}}@media (max-width:480px){.breathing-animation-compact{height:140px;margin:12px 0 16px}.breathing-shape{height:96px;width:96px}.breathing-label-inside{padding:0 8px}.breathing-label-main{display:inline-block;font-size:10px;letter-spacing:.14em;line-height:1.4;max-width:100%;padding:0 4px;text-align:center}.breathing-label-inside--triangle{align-items:flex-end;justify-content:center;padding-bottom:15%}.breathing-label-inside--triangle .breathing-label-main{font-size:9px;letter-spacing:.12em;line-height:1.3}.breathing-orbit-layer{filter:blur(20px);height:180px;opacity:.2;width:180px}.breathing-shape--pulse .breathing-label-inside{padding:0 10px}.breathing-shape--pulse .breathing-label-main{--ls:0.10em;--label-offset:-0.5px;font-size:9px;letter-spacing:var(--ls);line-height:1.15;margin-right:calc(var(--ls)*-1);max-width:88%;overflow-wrap:normal;padding-left:var(--ls);white-space:normal;word-break:normal}}@media (prefers-reduced-motion:reduce){.breathing-bg,.breathing-halo,.breathing-ring,.breathing-shape,.breathing-shape--pulse{animation:none!important;transition:none!important}.breathing-shape{transform:scale(1)!important;transform:scale(var(--scale,1))!important}.breathing-label-inside{transition:none!important}}
/*# sourceMappingURL=main.e85c2fff.css.map*/