.respira-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:var(--theme-forest-mystic-glow-accent,var(--accent));--tone-surface:var(--theme-forest-mystic-background,var(--tone-surface));--tone-ink:var(--theme-forest-mystic-foreground,var(--tone-ink));background:radial-gradient(circle at 50% -10%, color-mix(in oklab, var(--tone-surface) 90%, var(--color-surface) 10%) 0, transparent 55%), radial-gradient(circle at 5% 120%, color-mix(in oklab, var(--accent) 6%, var(--tone-surface) 94%) 0, transparent 60%), var(--tone-surface);min-height:100vh;color:var(--tone-ink);filter:saturate(.85)contrast(.98);--leaf-main:color-mix(in oklab, var(--accent) 26%, var(--tone-surface) 74%);--leaf-soft:color-mix(in oklab, var(--accent) 40%, var(--tone-surface) 60%);--leaf-shadow:color-mix(in oklab, var(--accent) 18%, var(--color-text) 82%);--bark-main:color-mix(in oklab, var(--color-accent) 70%, var(--tone-surface) 30%);--bark-shadow:var(--color-text);--breath-glow:radial-gradient(circle, color-mix(in oklab, var(--accent) 16%, var(--color-accent) 84%) 0%, transparent 60%);--band-1:color-mix(in oklab, var(--color-accent,var(--accent)) 60%, var(--tone-surface) 40%);--band-2:color-mix(in oklab, var(--theme-forest-mystic-amber,var(--color-accent)) 55%, var(--tone-surface) 45%);--band-3:color-mix(in oklab, var(--theme-forest-mystic-leaf,var(--color-accent)) 65%, var(--tone-surface) 35%);--band-4:color-mix(in oklab, var(--theme-forest-mystic-mushroom,var(--color-accent)) 55%, var(--tone-surface) 45%);--band-5:color-mix(in oklab, var(--theme-forest-mystic-glow-blue,var(--color-accent)) 45%, var(--tone-surface) 55%);flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vh,3rem);transition:background 1.4s ease-out,filter 1.2s ease-out;display:flex;position:relative;overflow:hidden}.respira-root[data-breathing=true]{background:radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--accent) 10%, var(--color-surface) 5%, var(--tone-surface) 85%) 0, transparent 55%), radial-gradient(circle at 50% 130%, var(--color-text) 0, var(--color-text) 70%);filter:saturate(.82)brightness(.98)}.respira-root[data-light-on=true]{background:radial-gradient(circle at 45% -8%, var(--color-surface) 0%, transparent 55%), radial-gradient(circle at 80% 120%, color-mix(in oklab, var(--accent) 22%, var(--color-surface) 78%) 0%, transparent 60%), color-mix(in oklab, var(--tone-surface) 70%, var(--color-surface) 30%);color:color-mix(in oklab, var(--tone-ink,var(--color-text)) 80%, var(--color-text) 20%);transition:background .8s ease-out,color .6s ease-out}.respira-prepulse{pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--color-surface) 15%, transparent), transparent 45%);z-index:4;animation:.2s ease-out forwards respira-prepulse-fade;position:fixed;inset:0}@keyframes respira-prepulse-fade{0%{opacity:0}40%{opacity:.15}to{opacity:0}}.respira-root[data-transitioning=true]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:color-mix(in oklab, var(--tone-surface) 85%, var(--color-text) 15%);transition:-webkit-backdrop-filter .4s,backdrop-filter .4s,background-color .4s}.respira-root[data-vortex-theme=forest-winamp]{filter:saturate(.9)}.respira-root[data-vortex-theme=forest-winamp] .respira-tree{filter:saturate(.9)contrast(.96)}.respira-root[data-vortex-theme=forest-winamp] .respira-tree-canopy{background:radial-gradient(ellipse at center, var(--leaf-soft) 0%, var(--leaf-main) 55%, var(--leaf-shadow) 100%)}.respira-root[data-vortex-theme=forest-winamp] .respira-bands .band-1{background:var(--band-1)}.respira-root[data-vortex-theme=forest-winamp] .respira-bands .band-2{background:var(--band-2)}.respira-root[data-vortex-theme=forest-winamp] .respira-bands .band-3{background:var(--band-3)}.respira-root[data-vortex-theme=forest-winamp] .respira-bands .band-4{background:var(--band-4)}.respira-root[data-vortex-theme=forest-winamp] .respira-bands .band-5{background:var(--band-5)}.respira-root[data-vortex-theme=mushroom-orchard]{background:radial-gradient(circle at 10% -10%, color-mix(in oklab, var(--theme-forest-mystic-mushroom,var(--color-accent)) 16%, var(--color-text) 84%) 0%, transparent 55%), radial-gradient(circle at 90% 120%, color-mix(in oklab, var(--theme-forest-mystic-amber,var(--color-accent)) 18%, var(--color-text) 82%) 0%, transparent 60%), var(--color-text);filter:saturate(.9)}[data-vortex-theme=mushroom-orchard] .respira-tree-canopy{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--theme-forest-mystic-mushroom,var(--color-accent)) 55%, var(--tone-surface) 45%) 0%, color-mix(in oklab, var(--theme-forest-mystic-leaf,var(--color-accent)) 55%, var(--color-text) 45%) 50%, var(--color-text) 100%)}[data-vortex-theme=mushroom-orchard] .respira-tree-trunk{background:linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 70%, var(--tone-surface) 30%), var(--color-text))}[data-vortex-theme=mushroom-orchard] .respira-bands .band-1{background:color-mix(in oklab, var(--theme-forest-mystic-mushroom,var(--color-accent)) 65%, var(--tone-surface) 35%)}[data-vortex-theme=mushroom-orchard] .respira-bands .band-2{background:color-mix(in oklab, var(--theme-forest-mystic-amber,var(--color-accent)) 70%, var(--color-text) 30%)}[data-vortex-theme=mushroom-orchard] .respira-bands .band-3{background:color-mix(in oklab, var(--theme-forest-mystic-leaf,var(--color-accent)) 60%, var(--color-text) 40%)}[data-vortex-theme=mushroom-orchard] .respira-bands .band-4{background:color-mix(in oklab, var(--theme-forest-mystic-fruit-gold,var(--color-accent)) 45%, var(--tone-surface) 55%)}[data-vortex-theme=mushroom-orchard] .respira-bands .band-5{background:color-mix(in oklab, var(--theme-forest-mystic-glow-blue,var(--color-accent)) 40%, var(--color-text) 60%)}.respira-root[data-vortex-theme=aurora-orb]{background:radial-gradient(circle at 50% -20%, color-mix(in oklab, var(--theme-forest-mystic-glow-blue,var(--color-accent)) 16%, var(--color-text) 84%) 0%, transparent 60%), radial-gradient(circle at 0% 120%, color-mix(in oklab, var(--theme-forest-mystic-leaf-light,var(--color-accent)) 14%, var(--color-text) 86%) 0%, transparent 60%), var(--color-text);filter:saturate(1.05)}[data-vortex-theme=aurora-orb] .respira-tree-canopy{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--theme-forest-mystic-glow-blue,var(--color-accent)) 70%, var(--tone-surface) 30%) 0%, color-mix(in oklab, var(--theme-forest-mystic-leaf-light,var(--color-accent)) 55%, var(--color-text) 45%) 55%, var(--color-text) 100%)}[data-vortex-theme=aurora-orb] .respira-tree-trunk{background:linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 40%, var(--theme-forest-mystic-glow-blue,var(--color-accent)) 60%), var(--color-text))}[data-vortex-theme=aurora-orb] .respira-bands .band-1{background:color-mix(in oklab, var(--theme-forest-mystic-glow-blue,var(--color-accent)) 70%, var(--color-text) 30%)}[data-vortex-theme=aurora-orb] .respira-bands .band-2{background:color-mix(in oklab, var(--color-accent) 55%, var(--color-text) 45%)}[data-vortex-theme=aurora-orb] .respira-bands .band-3{background:color-mix(in oklab, var(--theme-forest-mystic-leaf-light,var(--color-accent)) 60%, var(--color-text) 40%)}[data-vortex-theme=aurora-orb] .respira-bands .band-4{background:color-mix(in oklab, var(--theme-forest-mystic-berry-gold,var(--color-accent)) 50%, var(--color-text) 50%)}[data-vortex-theme=aurora-orb] .respira-bands .band-5{background:color-mix(in oklab, var(--theme-forest-mystic-glow-blue,var(--color-accent)) 80%, var(--color-surface) 20%)}.respira-root:after{content:"";background-image:radial-gradient(color-mix(in oklab, var(--color-surface) 4%, transparent) 1px, transparent 0);opacity:.3;pointer-events:none;background-size:140px 140px;position:absolute;inset:0}.respira-root[data-breathing=true]:before{content:"";background:radial-gradient(circle at 60% 12%, color-mix(in oklab, var(--accent,var(--color-accent)) 10%, transparent) 0, transparent 55%), color-mix(in oklab, var(--color-text) 92%, var(--color-text) 8%);-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;pointer-events:none;z-index:0;transition:opacity 1s ease-out;position:fixed;inset:0}.respira-root:before{opacity:0;transition:opacity 1s ease-out}.respira-topbar{z-index:3;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:absolute;top:1.25rem;left:1.5rem;right:1.5rem}.respira-lang-switch{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--color-surface) 70%, transparent);background:color-mix(in oklab, var(--color-text) 18%, transparent);border:1px solid color-mix(in oklab, var(--color-surface) 12%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:11px;display:inline-flex}.respira-lang-chip{opacity:.6;transition:opacity .16s,color .16s}.respira-lang-chip.is-active{opacity:1;color:var(--accent,var(--color-accent))}.respira-theme-switch{justify-content:center;align-items:center;gap:.75rem;display:flex}.respira-theme-dot{border:1px solid var(--color-surface)22;background:color-mix(in oklab, var(--color-text) 66%, transparent);opacity:.65;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;line-height:1;transition:opacity .14s ease-out,transform .14s ease-out}.respira-theme-dot:hover{opacity:1;transform:translateY(-1px)}.respira-portal{z-index:1;flex-direction:column;align-items:center;gap:1.25rem;width:100%;min-height:60vh;margin:auto;display:flex;position:relative}.respira-hero{aspect-ratio:16/9;width:min(880px,100vw - 3rem);box-shadow:0 34px 90px color-mix(in oklab, var(--color-text) 65%, transparent);background:radial-gradient(circle at 10% 0%, color-mix(in oklab, var(--color-surface) 12%, transparent), transparent 55%), radial-gradient(circle at 100% 100%, color-mix(in oklab, var(--color-text) 70%, transparent), transparent 60%);opacity:1;border-radius:32px;margin:clamp(3rem,14vh,6rem) auto 1.5rem;transition:opacity .25s ease-out;position:relative;overflow:hidden}.respira-hero-media{filter:saturate(.85)brightness(.94)contrast(.96);position:absolute;inset:0}.respira-hero-media img,.respira-hero-media>span{object-fit:cover;border-radius:inherit;width:100%;height:100%}.respira-mantra{opacity:.85;text-align:center;font-size:.9rem}.respira-mountain-btn{background:color-mix(in oklab, var(--accent,var(--color-accent)) 90%, var(--color-text) 10%);box-shadow:0 14px 32px color-mix(in oklab, var(--accent,var(--color-accent)) 22%, var(--color-text) 78%);color:var(--on-accent,var(--color-on-accent));cursor:pointer;border:none;border-radius:999px/26px;margin-top:.25rem;padding:.9rem 2.8rem;font-size:.95rem;font-weight:500;transition:transform .16s,box-shadow .16s,opacity .2s}.respira-mountain-btn:hover{box-shadow:0 18px 42px color-mix(in oklab, var(--accent,var(--color-accent)) 26%, var(--color-text) 74%);transform:translateY(-1px)scale(1.01)}.respira-mountain-btn:active{box-shadow:0 10px 24px color-mix(in oklab, var(--accent,var(--color-accent)) 20%, var(--color-text) 80%);transform:translateY(0)scale(.99)}.respira-footer{z-index:2;opacity:0;justify-content:center;padding-top:.75rem;padding-bottom:.25rem;transition:opacity .7s cubic-bezier(.18,.72,.28,.99),transform .7s cubic-bezier(.18,.72,.28,.99);display:flex;position:relative;transform:translateY(6px)}.respira-footer[data-visible=true]{opacity:1;transform:translateY(0)}.respira-continue-block{flex-direction:column;align-items:center;gap:.35rem;display:flex}.respira-continue{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-surface)26;background:var(--color-surface)10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:inherit;border-radius:999px;padding:.6rem 1.25rem;font-size:.85rem;text-decoration:none}.respira-continue-button{background:color-mix(in oklab, var(--tone-surface) 85%, var(--color-text) 15%);border:1px solid color-mix(in oklab, var(--accent) 26%, transparent);color:var(--tone-ink)}.respira-continue-button:hover{background:color-mix(in oklab, var(--tone-surface) 78%, var(--color-text) 22%);color:var(--tone-ink)}.respira-continue-whisper{opacity:.75;letter-spacing:.02em;font-size:.8rem}.respira-breath-layer{pointer-events:none;z-index:2;opacity:0;place-items:center;transition:opacity .3s ease-out .2s;display:grid;position:absolute;inset:0}.respira-bands{pointer-events:none;opacity:.65;filter:blur(40px)saturate(.85);flex-direction:column;gap:6px;width:260px;height:260px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.respira-bands .band{border-radius:40px;flex:1;transition:transform 2s ease-in-out,opacity 1.5s ease-in-out}.band-1{background:var(--band-1)}.band-2{background:var(--band-2)}.band-3{background:var(--band-3)}.band-4{background:var(--band-4)}.band-5{background:var(--band-5)}.respira-bands:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--band-3) 50%, transparent) 0%, transparent 70%);filter:blur(50px);opacity:.3;border-radius:50%;position:absolute;inset:0}.respira-root[data-transitioning=true] .respira-hero{opacity:0}.respira-root[data-breathing=true] .respira-breath-layer{opacity:1}.respira-tree{aspect-ratio:3/4;justify-content:center;align-items:flex-end;width:min(280px,60vw);transition:transform .9s ease-out,filter .9s ease-out;display:flex;position:relative}.respira-tree-aura{background:var(--breath-glow);opacity:.9;border-radius:32px;transition:transform .8s ease-out,opacity .8s ease-out;position:absolute;inset:8%}.respira-tree-canopy{background:radial-gradient(ellipse at center, var(--leaf-soft) 0%, var(--leaf-main) 55%, var(--leaf-shadow) 100%);box-shadow:0 0 60px color-mix(in oklab, var(--leaf-soft) 30%, transparent), 0 24px 40px color-mix(in oklab, var(--color-text) 60%, transparent);border-radius:999px 999px 60px 60px;transition:transform .8s ease-out,filter .8s ease-out,opacity .8s ease-out;position:absolute;inset:10% 22% 32%;overflow:hidden}.respira-tree-canopy:before,.respira-tree-canopy:after{content:"";background:radial-gradient(ellipse at center, color-mix(in oklab, var(--leaf-soft) 65%, var(--leaf-main) 35%) 0%, var(--leaf-main) 70%, var(--leaf-shadow) 100%);opacity:.9;border-radius:999px;width:32%;height:42%;position:absolute;bottom:14%}.respira-tree-canopy:before{left:-8%}.respira-tree-canopy:after{right:-8%}.respira-tree-trunk{background:linear-gradient(180deg, var(--bark-main), var(--bark-shadow));height:32%;box-shadow:0 12px 24px color-mix(in oklab, var(--color-text) 70%, transparent), 0 0 0 1px color-mix(in oklab, var(--color-text) 35%, transparent);border-radius:999px;position:absolute;inset:auto 46% 16%}.respira-tree-roots{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--bark-main) 50%, var(--color-text) 50%) 0%, transparent 70%);opacity:.9;border-radius:999px;height:14%;position:absolute;inset:auto 32% 8%}.respira-labels{text-align:center;font-family:var(--font-funkhaus,inherit);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;display:flex;position:absolute;inset:auto 0 10%}.respira-label-phase{color:color-mix(in oklab, var(--accent) 70%, var(--tone-ink) 30%)}.respira-label-rhythm{letter-spacing:.06em;opacity:.85;margin-top:.25rem;font-size:1rem}.respira-label-steps{opacity:.55;margin-top:-2px;font-size:.85rem}.respira-label-abuelo{text-transform:none;opacity:.9;margin-top:2px;font-size:.7rem}.respira-tree-canopy,.respira-tree-aura,.respira-tree-trunk,.respira-tree-roots{transition:transform .9s ease-out,filter .9s ease-out,opacity .9s ease-out}.respira-root[data-breath-phase=inhale] .respira-tree-canopy{filter:saturate(1.08);transform:translateY(-4px)scale(1.04)}.respira-root[data-breath-phase=inhale] .respira-tree-aura{opacity:1;transform:scale(1.12)}.respira-root[data-breath-phase=inhale] .respira-tree-trunk{transform:translate(-50%,-2px)scaleY(1.03)}.respira-root[data-breath-phase=inhale] .respira-tree-roots{opacity:.9}.respira-root[data-breath-phase=inhale] .respira-bands .band{opacity:.85;transform:scaleY(1.6)}.respira-root[data-breath-phase=hold] .respira-tree-canopy{filter:saturate(1.12)brightness(1.02);transform:translateY(-6px)scale(1.07)}.respira-root[data-breath-phase=hold] .respira-tree-aura{opacity:1;transform:scale(1.16)}.respira-root[data-breath-phase=hold] .respira-tree-trunk{transform:translate(-50%,-3px)scaleY(1.05)}.respira-root[data-breath-phase=hold] .respira-bands .band{opacity:.95;transform:scaleY(1.2)}.respira-root[data-breath-phase=exhale] .respira-tree-canopy{filter:saturate(.9);transform:translateY(-2px)scale(.97)}.respira-root[data-breath-phase=exhale] .respira-tree-aura{opacity:.75;transform:scale(.98)}.respira-root[data-breath-phase=exhale] .respira-tree-roots{opacity:1}.respira-root[data-breath-phase=exhale] .respira-tree-trunk{transform:translate(-50%,1px)scaleY(.98)}.respira-root[data-breath-phase=exhale] .respira-bands .band{opacity:.45;transform:scaleY(.6)}.respira-root[data-breath-phase=inhale]{box-shadow:inset 0 0 120px color-mix(in oklab, var(--color-accent) 8%, transparent)}.respira-root[data-breath-phase=exhale]{box-shadow:inset 0 0 120px color-mix(in oklab, var(--color-text) 45%, transparent)}@media (max-width:768px){.respira-root{padding:1.5rem 1.25rem 2.5rem}.respira-hero{width:min(760px,100vw - 2rem);margin:clamp(2rem,12vh,4rem) auto 1.25rem}.respira-tree{width:min(210px,70vw)}.respira-labels{inset:50% 10% 5%}}