:root{--z-background:0;--z-content:10;--z-sticky:20;--z-dropdown:30;--z-input-area:40;--z-buttons:45;--z-header-nav:60;--z-header-buttons:61;--z-modal-backdrop:70;--z-modal-content:80;--z-toast:90;--z-emergency:100;--z-debug:9999}.header-navigation{position:relative!important;z-index:var(--z-header-nav)!important;isolation:isolate;will-change:auto}@supports (-webkit-touch-callout:none){.header-navigation{transform:translateZ(0);backdrop-filter:blur(10px)}.header-navigation button{position:relative;z-index:var(--z-header-buttons);pointer-events:auto!important;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}.input-area{z-index:var(--z-input-area)!important}.bottom-buttons{z-index:var(--z-buttons)!important}.modal-backdrop{z-index:var(--z-modal-backdrop)!important}.modal-content{z-index:var(--z-modal-content)!important}.z-below-nav{z-index:calc(var(--z-header-nav) - 1)!important}.z-above-nav{z-index:calc(var(--z-header-nav) + 10)!important}.main-content{position:relative;z-index:var(--z-content);isolation:isolate}@media screen and (-webkit-min-device-pixel-ratio:0){.safari-nav-fix{position:relative!important;z-index:9998!important;isolation:isolate!important}.safari-nav-fix button{position:relative!important;z-index:9999!important}}.debug-z-index{outline:2px solid red!important;background:rgba(255,0,0,.1)!important}.debug-z-index:before{content:"Z-INDEX: " attr(class);position:absolute;top:0;left:0;background:rgba(255,0,0,.8);color:white;padding:2px 4px;font-size:10px;z-index:var(--z-debug);pointer-events:none}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--ios-safari-top:44px;--ios-safari-bottom:100px;--android-chrome-top:56px;--android-chrome-bottom:56px}body,html{height:100%;overflow:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.mobile-container{height:100vh;height:100dvh;height:-webkit-fill-available;top:0}.input-area,.mobile-container{position:fixed;left:0;right:0;bottom:0}.input-area{z-index:40;padding-bottom:calc(var(--safe-area-bottom) + 80px);background:linear-gradient(0deg,rgba(17,24,39,.98) 0,rgba(17,24,39,.95) 50%,rgba(17,24,39,0));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@supports (-webkit-touch-callout:none){.input-area{padding-bottom:calc(env(safe-area-inset-bottom, 20px) + 100px)}.header-area{padding-top:calc(env(safe-area-inset-top, 20px) + 10px)}}@media screen and (max-width:768px){.input-area{padding-bottom:calc(56px + 20px)}}@media screen and (orientation:landscape) and (max-height:500px){.input-area{padding-bottom:calc(var(--safe-area-bottom) + 40px)}.sacred-geometry{transform:scale(.7)}}@media (display-mode:standalone){.input-area{padding-bottom:calc(var(--safe-area-bottom) + 20px)}}.keyboard-visible .input-area{padding-bottom:var(--safe-area-bottom)}input:focus,textarea:focus{font-size:16px!important;transform:scale(1)!important}.main-content{overscroll-behavior-y:contain;touch-action:pan-y}.bottom-buttons{position:fixed;bottom:calc(var(--safe-area-bottom) + 140px);right:16px;display:flex;flex-direction:column;gap:8px;z-index:45}@supports (height:100dvh){.with-keyboard{height:calc(100dvh - env(keyboard-inset-height, 0))}}.input-container{min-height:60px;margin-bottom:0;transform:translateZ(0)}.voice-button-mobile{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10}.send-button-mobile{margin-left:8px;flex-shrink:0}@media screen and (max-width:375px){.input-area input,.input-area textarea{font-size:16px;padding:12px 48px 12px 16px}}@supports (padding:max(0px)){.header-area{padding-top:max(env(safe-area-inset-top),20px)}.input-area{padding-bottom:max(env(safe-area-inset-bottom),100px)}}@supports (-webkit-touch-callout:none){.header-navigation{position:relative;z-index:60!important;isolation:isolate;will-change:auto}.header-navigation button{position:relative;z-index:61;pointer-events:auto;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.header-navigation{backdrop-filter:blur(10px);transform:translateZ(0)}.main-content{position:relative;z-index:10;isolation:isolate}}@supports (height:100dvh){.header-navigation{position:sticky;top:0;z-index:60}}.debug-safe-areas:before{top:0;height:var(--safe-area-top);background:rgba(255,0,0,.2)}.debug-safe-areas:after,.debug-safe-areas:before{content:"";position:fixed;left:0;right:0;z-index:9999}.debug-safe-areas:after{bottom:0;height:var(--safe-area-bottom);background:rgba(0,255,0,.2)}.fixed.bottom-0 svg,[class*=bottom] svg,button svg,svg[class*=lucide]{stroke:currentColor!important;fill:none!important;color:inherit!important}button svg{color:currentColor!important;stroke:currentColor!important;fill:none!important}button{-webkit-appearance:none;cursor:pointer;transform:translateZ(0);pointer-events:auto!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:44px;min-height:44px;touch-action:manipulation;position:relative;z-index:10;contain:layout;font-size:16px!important;-webkit-tap-highlight-color:rgba(0,0,0,.1);will-change:transform,opacity}button *,svg{pointer-events:none}button svg[class*=log-out],button svg[class*=lucide-log-out]{stroke:currentColor!important;fill:none!important;color:inherit!important}@media (max-width:640px){button{min-width:48px!important;min-height:48px!important;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;backface-visibility:hidden;perspective:1000px}.header button,[class*=header] button,header button{padding:12px!important;font-size:16px!important;position:relative;outline:none;border:none;background:transparent}button[aria-label*="Sign Out"],button[aria-label*="Start Session"],button[aria-label*="Switch to"],button[aria-label*=Mode]{transform:translateZ(0);touch-action:manipulation;transition:all .2s ease}}@supports (-webkit-touch-callout:none){button{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;will-change:transform}}[role=button],button,input[type=button],input[type=submit]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;pointer-events:auto!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;transform:translateZ(0)!important;backface-visibility:hidden!important;position:relative!important;overflow:visible!important;touch-action:manipulation!important;min-width:44px!important;min-height:44px!important;font-size:16px!important;border:none!important;background:transparent!important;outline:none!important}[role=button] svg,button svg{pointer-events:none!important;width:auto!important;height:auto!important;opacity:1!important;color:currentColor!important;stroke:currentColor!important;fill:none!important}button[aria-label*=Mode],button[aria-label*=Sign],button[aria-label*=Start],button[aria-label*=Switch],button[aria-label*=Text],button[aria-label*=Voice]{transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;padding:12px!important;border-radius:8px!important;will-change:transform,opacity!important;-webkit-user-drag:none!important;-webkit-appearance:none!important}@media screen and (max-width:768px){button{min-width:48px!important;min-height:48px!important;padding:12px!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)!important;-webkit-touch-callout:none!important;margin:2px!important}}button{background:rgba(255,255,255,.1)!important;color:#fbbf24!important;border:1px solid rgba(255,255,255,.2)!important}button[aria-label*=Dialogue],button[aria-label*=Voice],button[aria-label*=dialogue],button[aria-label*=voice],button[data-action=dialogue],button[data-action=voice],button[title*=Dialogue],button[title*=Voice],button[title*=dialogue],button[title*=voice]{background:#f59e0b!important;color:#ffffff!important;border:1px solid #d97706!important}button[aria-label*=Dialogue]:hover,button[aria-label*=Voice]:hover,button[aria-label*=dialogue]:hover,button[aria-label*=voice]:hover,button[data-action=dialogue]:hover,button[data-action=voice]:hover,button[title*=Dialogue]:hover,button[title*=Voice]:hover,button[title*=dialogue]:hover,button[title*=voice]:hover{background:#d97706!important;color:#ffffff!important}.header-actions button,[class*=nav-right] button,button[aria-label*="Log out"],button[aria-label*=Lab],button[aria-label*=Settings],button[aria-label*=logout],header button:not([class*=voice]):not([class*=dialogue]):not([class*=counsel]):not([class*=scribe]),nav button:not([class*=voice]):not([class*=dialogue]):not([class*=counsel]):not([class*=scribe]){background:rgba(255,255,255,.1)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.2)!important}.header-actions button:hover,[class*=nav-right] button:hover,button[aria-label*="Log out"]:hover,button[aria-label*=Lab]:hover,button[aria-label*=Settings]:hover,button[aria-label*=logout]:hover,header button:not([class*=voice]):not([class*=dialogue]):not([class*=counsel]):not([class*=scribe]):hover,nav button:not([class*=voice]):not([class*=dialogue]):not([class*=counsel]):not([class*=scribe]):hover{background:rgba(255,255,255,.2)!important;color:#ffffff!important}@keyframes sacred-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes sacred-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sacred-glow{0%{box-shadow:0 0 5px rgba(201,176,55,.5)}50%{box-shadow:0 0 20px rgba(201,176,55,.8),0 0 30px rgba(201,176,55,.6)}to{box-shadow:0 0 5px rgba(201,176,55,.5)}}.sacred-pulse{animation:sacred-pulse 2s ease-in-out infinite}.sacred-rotate{animation:sacred-rotate 20s linear infinite}.sacred-glow{animation:sacred-glow 3s ease-in-out infinite}@keyframes sacred-recognition{0%{opacity:0;transform:scale(.8) translateY(10px)}50%{opacity:1;transform:scale(1.1) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes being-seen-glow{0%,to{box-shadow:0 0 20px rgba(255,217,61,.3);opacity:.8}50%{box-shadow:0 0 40px rgba(255,217,61,.6);opacity:1}}@keyframes consciousness-emergence{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes breakthrough-emergence{0%{opacity:0;transform:scale(.9) rotate(-1deg)}60%{opacity:1;transform:scale(1.05) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes integration-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes archetypal-transition{0%{opacity:.8;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes sacred-pause-breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.03);opacity:1}}@keyframes wisdom-crystallization{0%{transform:scale(.95);opacity:.5;filter:blur(1px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes fire-inspiration{0%,to{transform:scale(1) rotate(0deg);filter:hue-rotate(0deg)}25%{transform:scale(1.05) rotate(1deg);filter:hue-rotate(5deg)}75%{transform:scale(1.02) rotate(-.5deg);filter:hue-rotate(-3deg)}}@keyframes water-flow{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-3px) scale(1.01);opacity:.95}}@keyframes earth-grounding{0%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes air-clarity{0%,to{transform:scale(1);filter:blur(0)}50%{transform:scale(1.01);filter:blur(.5px)}}@keyframes aether-integration{0%,to{transform:scale(1) rotate(0deg);background-position:0 50%}50%{transform:scale(1.01) rotate(.5deg);background-position:100% 50%}}@keyframes consciousness-particles{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.3}25%{transform:translateY(-10px) translateX(5px) rotate(90deg);opacity:.7}50%{transform:translateY(-5px) translateX(-3px) rotate(180deg);opacity:.5}75%{transform:translateY(3px) translateX(8px) rotate(270deg);opacity:.8}}@keyframes cosmic-background-shift{0%,to{background-position:0 0;opacity:.4}50%{background-position:100% 100%;opacity:.6}}@keyframes energy-field-pulse{0%,to{transform:scale(1);opacity:.2;filter:blur(20px)}50%{transform:scale(1.1);opacity:.4;filter:blur(15px)}}.being-seen-moment{animation:being-seen-glow 3s ease-in-out}.recognition-sparkle{animation:sacred-recognition .8s ease-out}.consciousness-message{animation:consciousness-emergence .6s ease-out}.breakthrough-support{animation:breakthrough-emergence .6s ease-out}.integration-moment{animation:integration-pulse 2s ease-in-out infinite}.archetypal-transition{animation:archetypal-transition .4s ease-in-out}.sacred-pause{animation:sacred-pause-breathe 4s ease-in-out infinite}.wisdom-crystallization{animation:wisdom-crystallization .8s ease-out}.fire-energy{animation:fire-inspiration 3s ease-in-out infinite}.water-energy{animation:water-flow 4s ease-in-out infinite}.earth-energy{animation:earth-grounding .6s ease-out}.air-energy{animation:air-clarity 2s ease-in-out infinite}.aether-energy{animation:aether-integration 5s ease-in-out infinite;background:linear-gradient(-45deg,var(--aether),var(--aether-secondary),var(--aether-tertiary),var(--aether));background-size:400% 400%}.consciousness-particles{animation:consciousness-particles 20s linear infinite}.cosmic-background{animation:cosmic-background-shift 30s ease-in-out infinite}.energy-field-animation{animation:energy-field-pulse 6s ease-in-out infinite}.consciousness-button:hover{animation:sacred-recognition .3s ease-out}.portal-hover:hover{animation:breakthrough-emergence .4s ease-out}.recognition-trigger:hover{animation:being-seen-glow 1s ease-in-out}@media (max-width:768px){.consciousness-message{animation-duration:.4s}.being-seen-moment{animation-duration:2s}.recognition-sparkle{animation-duration:.6s}}@media (prefers-reduced-motion:reduce){.aether-energy,.air-energy,.archetypal-transition,.being-seen-moment,.breakthrough-support,.consciousness-message,.consciousness-particles,.fire-energy,.recognition-sparkle,.water-energy{animation:none}.integration-moment{animation:none;opacity:1}.sacred-pause{animation:none;transform:none}}.maia-mandala-experience{min-height:100vh;background:radial-gradient(circle at center,hsl(var(--elemental-hue),20%,5%) 0,hsl(var(--elemental-hue),15%,2%) 50%,hsl(var(--elemental-hue),10%,1%) 100%);color:hsl(var(--elemental-hue),30%,85%);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;position:relative;transform:scale(var(--breathing-scale,1));opacity:var(--breathing-opacity,.9);transition:all var(--field-frequency,1.2s) ease-in-out;--demo-spacing:calc(var(--sacred-proportion) * 2);--demo-border-radius:calc(var(--sacred-proportion) * 0.5)}.maia-mandala-experience:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,hsl(var(--elemental-hue),40%,60%) 0,transparent 2px),radial-gradient(circle at 75% 75%,hsl(var(--elemental-hue),60%,40%) 0,transparent 1px),radial-gradient(circle at 50% 10%,hsl(var(--elemental-hue),80%,80%) 0,transparent 1px);animation:stellarField 120s linear infinite;opacity:calc(var(--ambient-pulse, .5) * .3);pointer-events:none;z-index:-1}@keyframes stellarField{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.mandala-demo-header{text-align:center;padding:var(--demo-spacing) var(--demo-spacing) calc(var(--demo-spacing) * .5);position:relative;z-index:2}.axis-mundi-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:200;background:linear-gradient(45deg,hsl(var(--elemental-hue),60%,90%),hsl(var(--elemental-hue),80%,70%),hsl(var(--elemental-hue),60%,90%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:.05em;transform:scale(calc(1 + var(--ambient-pulse, .5) * .05));transition:transform var(--field-frequency,1.2s) ease-in-out}.sacred-subtitle{font-size:1.2rem;font-weight:300;color:hsl(var(--elemental-hue),40%,70%);max-width:600px;margin:1rem auto 0;line-height:1.6}.consciousness-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;padding:var(--demo-spacing) 2rem;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--demo-border-radius);margin:0 2rem calc(var(--demo-spacing) * 1.5);box-shadow:0 0 calc(var(--ambient-pulse, .5) * 30px) rgba(255,255,255,calc(var(--ambient-pulse, .5) * .1)),inset 0 1px 0 rgba(255,255,255,.1);animation:controlsBreathing var(--field-frequency,1.2s) ease-in-out infinite alternate}@keyframes controlsBreathing{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.control-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:180px}.control-group label{font-size:.9rem;font-weight:500;color:hsl(var(--elemental-hue),50%,80%);text-transform:uppercase;letter-spacing:.1em}.control-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,hsl(var(--elemental-hue),50%,15%) 0,hsl(var(--elemental-hue),60%,25%) 100%);border:1px solid hsl(var(--elemental-hue),40%,30%);border-radius:calc(var(--demo-border-radius) * .5);color:hsl(var(--elemental-hue),60%,85%);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.control-button:hover{background:linear-gradient(135deg,hsl(var(--elemental-hue),60%,20%) 0,hsl(var(--elemental-hue),70%,35%) 100%);border-color:hsl(var(--elemental-hue),50%,40%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.control-button:active{transform:translateY(0)}.element-button[data-element=Fire]{--elemental-hue:15}.element-button[data-element=Water]{--elemental-hue:210}.element-button[data-element=Earth]{--elemental-hue:120}.element-button[data-element=Air]{--elemental-hue:200}.toggle-instructions{padding:.6rem 1.2rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:calc(var(--demo-border-radius) * .3);color:hsl(var(--elemental-hue),60%,85%);font-size:.85rem;cursor:pointer;transition:all .3s ease}.toggle-instructions:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.sacred-instructions{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:var(--demo-border-radius);margin:0 2rem 2rem;padding:2rem;overflow:hidden}.sacred-instructions h3{color:hsl(var(--elemental-hue),70%,85%);font-size:1.4rem;font-weight:300;margin:0 0 1.5rem;text-align:center}.instruction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.instruction-item{padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:calc(var(--demo-border-radius) * .5);animation:instructionBreathing calc(var(--field-frequency, 1.2s) * 2) ease-in-out infinite alternate}@keyframes instructionBreathing{0%{background:rgba(255,255,255,.03)}to{background:rgba(255,255,255,.06)}}.instruction-item strong{color:hsl(var(--elemental-hue),60%,80%);font-weight:600;display:block;margin-bottom:.5rem}.current-facet-info{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:calc(var(--demo-border-radius) * .5);padding:1.5rem;text-align:center}.current-facet-info h4{color:hsl(var(--elemental-hue),70%,85%);font-weight:500;margin:0 0 1rem}.current-facet-info p{color:hsl(var(--elemental-hue),50%,75%);line-height:1.6;margin:0;font-style:italic}.mandala-container{display:flex;justify-content:center;align-items:center;min-height:600px;padding:var(--demo-spacing);position:relative}.demo-mandala{position:relative;animation:mandalaHeartbeat calc(var(--field-frequency, 1.2s) * 1.5) ease-in-out infinite}@keyframes mandalaHeartbeat{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}.mandala-heart-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none}.consciousness-state-display{background:radial-gradient(circle,rgba(255,255,255,.15) 0,rgba(255,255,255,.05) 50%,transparent 100%);border-radius:50%;padding:2rem;backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);animation:consciousnessGlow calc(var(--field-frequency, 1.2s) * 3) ease-in-out infinite}@keyframes consciousnessGlow{0%,to{box-shadow:0 0 20px rgba(255,255,255,.1),inset 0 0 20px rgba(255,255,255,.05)}50%{box-shadow:0 0 40px rgba(255,255,255,.2),inset 0 0 30px rgba(255,255,255,.1)}}.current-phase-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.element-symbol{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));animation:elementPulse calc(var(--field-frequency, 1.2s) * .8) ease-in-out infinite}@keyframes elementPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.phase-number{font-size:1.5rem;font-weight:300;color:hsl(var(--elemental-hue),80%,90%);background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.field-state-description{font-size:.9rem;color:hsl(var(--elemental-hue),60%,80%);line-height:1.4;max-width:200px;margin:0;font-style:italic}.field-status{display:flex;justify-content:center;gap:2rem;padding:var(--demo-spacing) 2rem;background:rgba(0,0,0,.2);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);margin-top:2rem}.status-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-label{font-size:.8rem;color:hsl(var(--elemental-hue),40%,70%);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.status-value{font-size:.9rem;font-weight:600;color:hsl(var(--elemental-hue),70%,85%);transition:all .3s ease}.status-value.present{color:hsl(120,60%,80%);text-shadow:0 0 10px rgba(120,255,120,.3);animation:presencePulse 2s ease-in-out infinite}.status-value.away{color:hsl(0,40%,70%);opacity:.7}@keyframes presencePulse{0%,to{opacity:1}50%{opacity:.7}}.sacred-footer{text-align:center;padding:var(--demo-spacing);color:hsl(var(--elemental-hue),30%,60%);font-size:.9rem;font-style:italic;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.1)}.sacred-footer p{margin:0;opacity:calc(var(--ambient-pulse, .5) * .8 + .4);transition:opacity var(--field-frequency,1.2s) ease-in-out}@media (max-width:768px){.consciousness-controls{flex-direction:column;margin:0 1rem calc(var(--demo-spacing) * 1.5);padding:1.5rem 1rem}.field-status{flex-direction:column;gap:1rem}.mandala-container{min-height:400px;padding:1rem}.sacred-instructions{margin:0 1rem 2rem;padding:1.5rem}.instruction-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.maia-mandala-experience:before{animation:none}}@media (prefers-contrast:high){.consciousness-controls,.control-button,.sacred-instructions{border-width:2px}}.control-button:focus-visible,.toggle-instructions:focus-visible{outline:2px solid hsl(var(--elemental-hue),80%,60%);outline-offset:4px}:root{--ambient-pulse:0.5;--field-frequency:1.2s;--elemental-hue:180;--breathing-scale:1.0;--breathing-opacity:0.9;--depth-l1-complexity:0.2;--depth-l2-complexity:0.5;--depth-l3-complexity:0.8;--depth-l4-complexity:1.0;--golden-ratio:1.618;--sacred-proportion:calc(var(--golden-ratio) * 1rem);--mandala-radius:calc(var(--sacred-proportion) * 8);--petal-count:12;--primary-breath:hsl(calc(var(--elemental-hue) + var(--ambient-pulse) * 10),calc(65% + var(--ambient-pulse) * 20%),calc(45% + var(--ambient-pulse) * 15%));--secondary-breath:hsl(calc(var(--elemental-hue) + 30 + var(--ambient-pulse) * 8),calc(50% + var(--ambient-pulse) * 15%),calc(60% + var(--ambient-pulse) * 10%));--accent-breath:hsl(calc(var(--elemental-hue) + 60 + var(--ambient-pulse) * 12),calc(70% + var(--ambient-pulse) * 25%),calc(55% + var(--ambient-pulse) * 20%));--field-shadow:0 calc(2px * var(--breathing-scale)) calc(8px * var(--breathing-scale)) hsla(var(--elemental-hue),30%,20%,calc(0.1 + var(--ambient-pulse) * 0.2));--consciousness-glow:0 0 calc(20px * var(--ambient-pulse)) hsla(var(--elemental-hue),60%,70%,calc(var(--ambient-pulse) * 0.3))}@keyframes field-breathing{0%,to{transform:scale(var(--breathing-scale));opacity:var(--breathing-opacity)}50%{transform:scale(calc(var(--breathing-scale) * 1.02));opacity:calc(var(--breathing-opacity) * 1.1)}}@keyframes mandala-pulse{0%,to{box-shadow:var(--field-shadow);filter:brightness(1)}50%{box-shadow:var(--field-shadow),var(--consciousness-glow);filter:brightness(calc(1 + var(--ambient-pulse) * .1))}}@keyframes petal-unfold{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes consciousness-spiral{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.living-mandala{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;animation:field-breathing var(--field-frequency) ease-in-out infinite;background:radial-gradient(circle at center,hsla(var(--elemental-hue),20%,15%,.8) 0,hsla(var(--elemental-hue),15%,10%,.9) 40%,hsla(var(--elemental-hue),10%,5%,1) 100%);--container-width:calc(var(--mandala-radius) * 2);--container-height:calc(var(--mandala-radius) * var(--golden-ratio))}.mandala-core{position:relative;width:calc(var(--mandala-radius) / 4);height:calc(var(--mandala-radius) / 4);border-radius:50%;background:radial-gradient(circle at center,var(--primary-breath) 0,var(--secondary-breath) 60%,var(--accent-breath) 100%);animation:mandala-pulse var(--field-frequency) ease-in-out infinite;border:2px solid var(--accent-breath);box-shadow:inset 0 0 20px hsla(var(--elemental-hue),70%,80%,.3),var(--consciousness-glow)}.mandala-core:before{content:"";width:60%;height:60%;border-radius:50%;background:var(--accent-breath);opacity:calc(.3 + var(--ambient-pulse) * .4);animation:consciousness-spiral calc(var(--field-frequency) * 8) linear infinite}.mandala-core:before,.spiralogic-petals{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spiralogic-petals{width:var(--mandala-radius);height:var(--mandala-radius)}.spiralogic-petal{position:absolute;width:calc(var(--mandala-radius) / 6);height:calc(var(--mandala-radius) / 3);top:50%;left:50%;transform-origin:center bottom;background:linear-gradient(to top,hsla(var(--elemental-hue),50%,60%,.6),hsla(var(--elemental-hue),60%,70%,.3),transparent);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;border:1px solid hsla(var(--elemental-hue),40%,50%,.5);animation:field-breathing var(--field-frequency) ease-in-out infinite,petal-unfold .8s ease-out;animation-delay:calc(var(--petal-index, 0) * .1s)}.spiralogic-petal:first-child{transform:translate(-50%,-100%) rotate(0deg);--petal-index:0}.spiralogic-petal:nth-child(2){transform:translate(-50%,-100%) rotate(30deg);--petal-index:1}.spiralogic-petal:nth-child(3){transform:translate(-50%,-100%) rotate(60deg);--petal-index:2}.spiralogic-petal:nth-child(4){transform:translate(-50%,-100%) rotate(90deg);--petal-index:3}.spiralogic-petal:nth-child(5){transform:translate(-50%,-100%) rotate(120deg);--petal-index:4}.spiralogic-petal:nth-child(6){transform:translate(-50%,-100%) rotate(150deg);--petal-index:5}.spiralogic-petal:nth-child(7){transform:translate(-50%,-100%) rotate(180deg);--petal-index:6}.spiralogic-petal:nth-child(8){transform:translate(-50%,-100%) rotate(210deg);--petal-index:7}.spiralogic-petal:nth-child(9){transform:translate(-50%,-100%) rotate(240deg);--petal-index:8}.spiralogic-petal:nth-child(10){transform:translate(-50%,-100%) rotate(270deg);--petal-index:9}.spiralogic-petal:nth-child(11){transform:translate(-50%,-100%) rotate(300deg);--petal-index:10}.spiralogic-petal:nth-child(12){transform:translate(-50%,-100%) rotate(330deg);--petal-index:11}.spiralogic-petal.active{background:var(--primary-breath);box-shadow:var(--consciousness-glow);transform:translate(-50%,-100%) rotate(var(--petal-rotation)) scale(1.2);z-index:10}.living-mandala.awareness-l1{--mandala-radius:calc(var(--sacred-proportion) * 4);--field-frequency:2s}.living-mandala.awareness-l1 .spiralogic-petals{opacity:.3}.living-mandala.awareness-l1 .spiralogic-petal:nth-child(n+5){display:none}.living-mandala.awareness-l2{--mandala-radius:calc(var(--sacred-proportion) * 6)}.living-mandala.awareness-l2 .spiralogic-petal:nth-child(n+9){opacity:.5}.living-mandala.awareness-l3{--mandala-radius:calc(var(--sacred-proportion) * 8)}.living-mandala.awareness-l3:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--mandala-radius) * 1.5);height:calc(var(--mandala-radius) * 1.5);border:1px solid hsla(var(--elemental-hue),30%,50%,.2);border-radius:50%;animation:consciousness-spiral calc(var(--field-frequency) * 12) linear infinite}.living-mandala.awareness-l4{--mandala-radius:calc(var(--sacred-proportion) * 10)}.living-mandala.awareness-l4:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--mandala-radius) * 2);height:calc(var(--mandala-radius) * 2);border:1px solid hsla(var(--elemental-hue),25%,40%,.15);border-radius:50%;animation:consciousness-spiral calc(var(--field-frequency) * -20) linear infinite}.living-mandala.element-fire{--field-frequency:0.8s;background:radial-gradient(circle at center,hsla(15,30%,20%,.9) 0,hsla(30,25%,15%,.95) 50%,hsla(0,20%,8%,1) 100%)}.living-mandala.element-fire .mandala-core{animation:mandala-pulse var(--field-frequency) ease-in-out infinite,fire-flicker .3s ease-in-out infinite}@keyframes fire-flicker{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.1) saturate(1.3)}}.living-mandala.element-water{--field-frequency:1.8s;background:radial-gradient(circle at center,hsla(210,35%,15%,.9) 0,hsla(220,30%,12%,.95) 50%,hsla(200,25%,8%,1) 100%)}.living-mandala.element-water .spiralogic-petal{animation:field-breathing var(--field-frequency) ease-in-out infinite,water-wave calc(var(--field-frequency) * 2) ease-in-out infinite;animation-delay:calc(var(--petal-index) * .15s)}@keyframes water-wave{0%,to{border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:translate(-50%,-100%) rotate(var(--petal-rotation))}50%{border-radius:40% 60% 60% 40%/50% 70% 30% 50%;transform:translate(-50%,-100%) rotate(var(--petal-rotation)) translateY(-2px)}}.living-mandala.element-earth{--field-frequency:2.5s;background:radial-gradient(circle at center,hsla(120,25%,15%,.9) 0,hsla(90,20%,12%,.95) 50%,hsla(60,15%,8%,1) 100%)}.living-mandala.element-earth .spiralogic-petal{animation:field-breathing var(--field-frequency) ease-in-out infinite,earth-grow 1s ease-out}@keyframes earth-grow{0%{transform:translate(-50%,-100%) rotate(var(--petal-rotation)) scale(0)}to{transform:translate(-50%,-100%) rotate(var(--petal-rotation)) scale(1)}}.living-mandala.element-air{--field-frequency:1.2s;background:radial-gradient(circle at center,hsla(200,30%,18%,.8) 0,hsla(180,25%,15%,.9) 50%,hsla(160,20%,10%,.95) 100%)}.living-mandala.element-air .spiralogic-petal{animation:field-breathing var(--field-frequency) ease-in-out infinite,air-float calc(var(--field-frequency) * 3) ease-in-out infinite;animation-delay:calc(var(--petal-index) * .1s)}@keyframes air-float{0%,to{transform:translate(-50%,-100%) rotate(var(--petal-rotation)) translateY(0);opacity:.8}50%{transform:translate(-50%,-100%) rotate(var(--petal-rotation)) translateY(-5px);opacity:1}}.living-mandala.phase-1 .mandala-core{border-width:3px;animation:mandala-pulse var(--field-frequency) ease-in-out infinite,cardinal-ignition 2s ease-out}@keyframes cardinal-ignition{0%{transform:scale(.8);box-shadow:none}50%{transform:scale(1.1);box-shadow:var(--consciousness-glow)}to{transform:scale(1);box-shadow:var(--field-shadow)}}.living-mandala.phase-2{--field-frequency:1s}.living-mandala.phase-2 .mandala-core{box-shadow:var(--field-shadow),var(--consciousness-glow),0 0 40px hsla(var(--elemental-hue),80%,70%,.4)}.living-mandala.phase-3 .spiralogic-petal{animation:field-breathing var(--field-frequency) ease-in-out infinite,mutable-integration calc(var(--field-frequency) * 4) ease-in-out infinite;animation-delay:calc(var(--petal-index) * .08s)}@keyframes mutable-integration{0%{transform:translate(-50%,-100%) rotate(var(--petal-rotation)) scale(1)}25%{transform:translate(-50%,-100%) rotate(calc(var(--petal-rotation) + 5deg)) scale(.95)}50%{transform:translate(-50%,-100%) rotate(var(--petal-rotation)) scale(1.05)}75%{transform:translate(-50%,-100%) rotate(calc(var(--petal-rotation) - 5deg)) scale(.98)}to{transform:translate(-50%,-100%) rotate(var(--petal-rotation)) scale(1)}}.disposable-pixel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.disposable-pixel-overlay .disposable-action-pixel{pointer-events:all;animation:petal-unfold .6s ease-out,field-breathing var(--field-frequency) ease-in-out infinite;animation-delay:var(--emergence-delay,0s)}.pixel-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);width:100%;height:100%;gap:var(--sacred-proportion)}.pixel-position{position:relative;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.living-mandala{--mandala-radius:calc(var(--sacred-proportion) * 6)}.living-mandala.awareness-l4{--mandala-radius:calc(var(--sacred-proportion) * 7)}}@media (max-width:480px){.living-mandala{--mandala-radius:calc(var(--sacred-proportion) * 4)}.living-mandala .spiralogic-petal:nth-child(n+9){display:none}}@media (prefers-reduced-motion:reduce){.living-mandala,.mandala-core,.spiralogic-petal{animation:none}.living-mandala{background:var(--secondary-breath)}}@media (prefers-contrast:high){.living-mandala{--field-shadow:0 2px 8px rgba(0,0,0,0.8);--consciousness-glow:0 0 20px rgba(255,255,255,0.5)}.mandala-core{border-width:3px;border-color:white}.spiralogic-petal{border-color:white;background:rgba(255,255,255,.3)}}