.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;transition:background-color .3s ease,backdrop-filter .3s ease}.site-header.transparent{background:transparent}.site-header.solid{background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{font-size:28px;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-1px}.header-nav{display:flex;align-items:center;gap:20px}.nav-link{color:#ffffffb3;text-decoration:none;font-size:16px;font-weight:500;transition:color .3s ease;padding:8px 16px}.nav-link:hover{color:#c084fc}.user-email{color:#ffffff80;font-size:14px;padding:0 10px}.nav-button{padding:10px 24px;font-size:14px;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none;font-family:inherit}.nav-button.login{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.nav-button.login:hover{background:#ffffff1a;border-color:#ffffff80}.nav-button.signup{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.nav-button.signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.nav-button.logout{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2)}.nav-button.logout:hover{background:#ff64641a;border-color:#ff646480;color:#ff6b6b}@media (max-width: 768px){.site-header{padding:15px 20px}.header-nav{gap:10px}.nav-link{padding:6px 10px;font-size:14px}.nav-button{padding:8px 16px;font-size:13px}.user-email{display:none}}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#000;color:#fff;overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1a1a2e,#0a0a0a)}.hero-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.hero-content{text-align:center;z-index:1;max-width:1200px;padding:40px}.hero-title{font-size:clamp(64px,10vw,120px);font-weight:900;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-3px;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 30px rgba(102,126,234,.4))}50%{filter:drop-shadow(0 0 60px rgba(102,126,234,.8))}}.hero-tagline{font-size:clamp(32px,5vw,56px);color:#c084fc;margin-bottom:40px;font-weight:600}.hero-description{font-size:clamp(20px,3vw,28px);color:#a78bfa;line-height:1.6;margin-bottom:60px;max-width:900px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:25px 60px;font-size:24px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 10px 40px #667eea66}.cta-button:hover{transform:translateY(-5px);box-shadow:0 20px 60px #667eea99}.section{padding:120px 40px;max-width:1400px;margin:0 auto}.section-title{font-size:clamp(42px,6vw,64px);margin-bottom:60px;text-align:center;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-content{max-width:900px;margin:0 auto;text-align:center}.section-text{font-size:24px;color:#a78bfa;line-height:1.8;margin-top:40px}.section-text.light{color:#d8b4fe}.highlight-problem{color:#667eea;font-size:28px}.highlight-solution{color:#4ade80;font-size:28px}.bubble-section{background:linear-gradient(135deg,#8a2be21a,#4b00821a);border-radius:40px;padding:100px 60px;margin:80px auto;max-width:1600px}.bubble-title{font-size:clamp(42px,6vw,64px);margin-bottom:20px;text-align:center;color:#e9d5ff}.bubble-intro{text-align:center;font-size:22px;color:#d8b4fe;max-width:1000px;margin:0 auto 60px}.bubble-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:60px;align-items:center;margin-top:60px}.bubble-side{background:#00000080;padding:50px;border-radius:30px;border:3px solid}.bubble-left{border-color:#8a2be2}.bubble-right{border-color:#4ade80}.bubble-center{background:#c084fc33;padding:80px;border-radius:50%;border:6px solid #c084fc;text-align:center;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 100px #c084fc99;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.bubble-side h3,.bubble-center h3{font-size:32px;margin-bottom:20px;color:#fbbf24}.bubble-center h3{color:#fff;font-size:48px}.bubble-side p,.bubble-center p{font-size:18px;color:#d8b4fe;line-height:1.7}.bubble-center p{font-size:20px}.bubble-footer{text-align:center;font-size:24px;color:#fbbf24;margin-top:60px;line-height:1.8}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:60px}.example-card{background:#ffffff08;padding:50px;border-radius:30px;border:2px solid rgba(255,255,255,.1);transition:all .4s ease;position:relative;overflow:hidden}.example-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.1) 100%);opacity:0;transition:opacity .4s ease}.example-card:hover{transform:translateY(-15px);border-color:#667eea;box-shadow:0 30px 60px #667eea66}.example-card:hover:before{opacity:1}.example-card .icon{font-size:64px;margin-bottom:25px;display:block}.example-card h3{font-size:28px;margin-bottom:20px;color:#667eea;position:relative;z-index:1}.example-card p{font-size:18px;color:silver;line-height:1.7;position:relative;z-index:1}.testimonial{background:#ffffff0d;padding:60px;border-radius:30px;border-left:6px solid #667eea;max-width:1000px;margin:0 auto}.testimonial-text{font-size:24px;font-style:italic;color:#d8b4fe;line-height:1.8;margin-bottom:20px}.testimonial-author{font-size:18px;color:#a78bfa;font-style:normal}.final-cta{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:120px 60px;border-radius:40px;text-align:center;margin:80px auto;max-width:1600px}.final-cta h2{font-size:clamp(48px,7vw,72px);margin-bottom:30px;color:#fff}.final-cta p{font-size:clamp(20px,3vw,28px);margin-bottom:50px;opacity:.95}.cta-button-white{display:inline-block;padding:25px 60px;font-size:24px;font-weight:600;color:#667eea;background:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 10px 40px #0000004d}.cta-button-white:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0006}.final-tagline{margin-top:40px;font-size:18px;opacity:.8}.infinite-transition-zone{position:relative;height:100px;background:linear-gradient(to bottom,#000,#1a1a2e80,#000);overflow:hidden}.transition-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(102,126,234,.1) 30%,rgba(118,75,162,.15) 50%,rgba(102,126,234,.1) 70%,transparent 100%);animation:transitionShimmer 3s ease-in-out infinite}@keyframes transitionShimmer{0%,to{opacity:.3}50%{opacity:.8}}.infinite-clone{position:relative}.wrap-pulse-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;opacity:0;transition:opacity .15s ease-out;background:radial-gradient(ellipse at center,rgba(102,126,234,.15) 0%,rgba(118,75,162,.1) 30%,transparent 70%)}.wrap-pulse-overlay.active{opacity:1;animation:wrapPulseFlash .3s ease-out}@keyframes wrapPulseFlash{0%{opacity:0;transform:scale(.95)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.landing-page.wrap-pulse{box-shadow:inset 0 0 100px #667eea33}@media (max-width: 1024px){.bubble-grid{grid-template-columns:1fr}.bubble-center{order:-1;max-width:400px;margin:0 auto}}@media (max-width: 768px){.section{padding:80px 20px}.examples-grid{grid-template-columns:1fr}.bubble-section{padding:60px 30px;margin:40px 20px;border-radius:20px}.final-cta{padding:80px 30px;margin:40px 20px;border-radius:20px}.cta-button,.cta-button-white{padding:20px 40px;font-size:20px}}.ethereal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:0}.ethereal-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,rgba(88,28,135,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(30,58,138,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(15,23,42,.8) 0%,transparent 80%),linear-gradient(180deg,#000,#0a0a0f,#000)}.ethereal-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;will-change:transform,opacity}.ethereal-orb-1{width:40vw;height:40vw;max-width:500px;max-height:500px;background:radial-gradient(circle,rgba(147,51,234,.3) 0%,transparent 70%);top:10%;left:-10%;animation:etherealFloat1 20s ease-in-out infinite}.ethereal-orb-2{width:35vw;height:35vw;max-width:450px;max-height:450px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);bottom:10%;right:-10%;animation:etherealFloat2 25s ease-in-out infinite;animation-delay:-8s}.ethereal-orb-3{width:30vw;height:30vw;max-width:400px;max-height:400px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:etherealFloat3 30s ease-in-out infinite;animation-delay:-15s}@keyframes etherealFloat1{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(10vw,5vh) scale(1.1);opacity:.8}50%{transform:translate(5vw,10vh) scale(.95);opacity:.5}75%{transform:translate(-5vw,5vh) scale(1.05);opacity:.7}}@keyframes etherealFloat2{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(-8vw,-8vh) scale(1.15);opacity:.7}66%{transform:translate(-4vw,4vh) scale(.9);opacity:.4}}@keyframes etherealFloat3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}.ethereal-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;mix-blend-mode:overlay}.ethereal-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%);animation:etherealBreathe 8s ease-in-out infinite}@keyframes etherealBreathe{0%,to{opacity:.8}50%{opacity:1}}.ethereal-low .ethereal-orb{animation-duration:40s;filter:blur(120px)}.ethereal-low .ethereal-orb-1{opacity:.3}.ethereal-low .ethereal-orb-2{opacity:.25}.ethereal-low .ethereal-orb-3{opacity:.15}.ethereal-low .ethereal-vignette{animation:none;opacity:.9}.ethereal-high .ethereal-orb{filter:blur(60px)}.ethereal-high .ethereal-orb-1{background:radial-gradient(circle,rgba(168,85,247,.4) 0%,transparent 70%)}.ethereal-high .ethereal-orb-2{background:radial-gradient(circle,rgba(59,130,246,.35) 0%,transparent 70%)}.ethereal-high .ethereal-orb-3{background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%)}@media (prefers-reduced-motion: reduce){.ethereal-orb,.ethereal-vignette{animation:none!important}.ethereal-orb-1{opacity:.5}.ethereal-orb-2{opacity:.4}.ethereal-orb-3{opacity:.25}.ethereal-vignette{opacity:.85}}@media (max-width: 768px){.ethereal-orb{filter:blur(60px)}.ethereal-orb-1{width:60vw;height:60vw}.ethereal-orb-2{width:50vw;height:50vw}.ethereal-orb-3{width:40vw;height:40vw}}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdropFadeIn .2s ease}.settings-backdrop.closing{animation:backdropFadeOut .2s ease forwards}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}.settings-panel{background:linear-gradient(180deg,#0f0f19fa,#0a0a12fa);border:1px solid rgba(147,51,234,.2);border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 0 60px #9333ea26,0 20px 40px #00000080;animation:panelSlideIn .25s ease}.settings-panel.closing{animation:panelSlideOut .2s ease forwards}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panelSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(147,51,234,.1)}.settings-title{margin:0;font-size:18px;font-weight:500;color:#ffffffe6;letter-spacing:2px;text-transform:uppercase;font-family:Courier New,monospace}.settings-close{background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.settings-close:hover{color:#ffffffe6}.settings-content{padding:24px}.settings-section{margin-bottom:28px}.settings-section:last-child{margin-bottom:0}.settings-label{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.label-text{font-size:13px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px}.label-auto{font-size:10px;color:#9333eacc;background:#9333ea26;padding:2px 8px;border-radius:10px;letter-spacing:.5px}.settings-toggle-group{display:flex;flex-direction:column;gap:10px}.toggle-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.toggle-option:hover{background:#ffffff0f;border-color:#9333ea4d}.toggle-option.active{background:#9333ea1a;border-color:#9333ea80;box-shadow:0 0 20px #9333ea1a}.option-icon{font-size:16px;margin-bottom:2px}.option-label{font-size:14px;font-weight:500;color:#ffffffe6}.option-desc{font-size:11px;color:#fff6}.settings-switch-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.switch-label{font-size:14px;color:#ffffffb3}.switch{position:relative;width:48px;height:26px;background:#ffffff1a;border:none;border-radius:13px;cursor:pointer;transition:background .2s ease;padding:0}.switch.on{background:#9333ea99}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#ffffffe6;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0000004d}.switch.on .switch-knob{transform:translate(22px)}.settings-hint{margin-top:10px;font-size:11px;color:#ffffff59;line-height:1.5}.settings-device-info{padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.device-info-title{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.device-info-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:11px;color:#ffffff40;font-family:Courier New,monospace}.settings-trigger{position:fixed;top:20px;right:20px;width:40px;height:40px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .2s ease;z-index:100}.settings-trigger:hover{background:#9333ea33;border-color:#9333ea66;color:#ffffffe6;transform:rotate(30deg)}@media (max-width: 480px){.settings-panel{width:95%;max-height:90vh}.settings-content{padding:20px 16px}.settings-trigger{top:12px;right:12px;width:36px;height:36px}}.living-entity-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(60,40,80,.15) 0%,transparent 50%)}.presence-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:100;background:radial-gradient(ellipse at center,#000000b3,#000000f2);opacity:0;pointer-events:none;transition:opacity 1s ease}.presence-overlay.active{opacity:1;pointer-events:auto}.presence-overlay.fade-out{animation:presenceFadeOut 2s ease forwards}@keyframes presenceFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.presence-content{text-align:center;max-width:400px;padding:40px}.sensing-orb{width:100px;height:100px;margin:0 auto 40px;position:relative}.sensing-orb:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);background:radial-gradient(circle,hsla(260,70%,70%,.8) 0%,hsla(260,60%,50%,.4) 50%,transparent 100%);border-radius:50%;animation:sensingPulse 2s ease-in-out infinite}.sensing-orb:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:1px solid hsla(260,60%,60%,.3);border-radius:50%;animation:sensingRipple 2s ease-in-out infinite}@keyframes sensingPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}@keyframes sensingRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.presence-status{font-family:Georgia,serif;font-size:16px;letter-spacing:3px;color:#b399e6cc;margin-bottom:30px;min-height:24px;transition:all .5s ease}.presence-status.synced{color:#d8a8f0e6}.presence-actions{display:flex;flex-direction:column;gap:16px;align-items:center}.presence-button{background:transparent;border:1px solid hsla(260,50%,60%,.4);color:#c2adebcc;padding:12px 30px;font-family:Georgia,serif;font-size:13px;letter-spacing:2px;cursor:pointer;transition:all .3s ease;border-radius:2px}.presence-button:hover{background:#6a40bf26;border-color:#a385e099;color:#e0d4f7}.presence-button.primary{background:#6a40bf33;border-color:#855cd680}.presence-button.primary:hover{background:#6a40bf59}.presence-skip{font-family:Courier New,monospace;font-size:11px;letter-spacing:2px;color:#ffffff40;cursor:pointer;transition:color .3s ease;background:none;border:none;padding:8px;margin-top:10px}.presence-skip:hover{color:#ffffff80}.connection-indicator{position:fixed;top:30px;left:50%;transform:translate(-50%);font-family:Georgia,serif;font-size:12px;letter-spacing:4px;color:#a68cd980;z-index:50;display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .5s ease}.connection-indicator.visible{opacity:1}.connection-indicator.hidden{opacity:0}.connection-dot{width:6px;height:6px;border-radius:50%;background:#855cd680;transition:all .5s ease}.connection-indicator.synced .connection-dot{background:#c47de8cc;box-shadow:0 0 10px #c47de880}.connection-text{text-transform:lowercase}.breath-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .5s ease;z-index:40}.breath-indicator.active{opacity:.4}.breath-indicator:hover{opacity:.7}.breath-wave{width:60px;height:20px;overflow:hidden}.breath-wave-inner{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,hsla(260,60%,60%,.4) 50%,transparent 100%);animation:breathWave 4s ease-in-out infinite}@keyframes breathWave{0%,to{transform:scaleX(.6);opacity:.3}50%{transform:scaleX(1);opacity:.8}}.breath-rate{font-family:Courier New,monospace;font-size:9px;letter-spacing:1px;color:#a68cd980}.ambient-mist{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.mist-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(30px)}.mist-layer-1{width:300px;height:250px;background:radial-gradient(ellipse,hsla(260,50%,40%,.2) 0%,transparent 70%);animation:mistFloat 8s ease-in-out infinite}.mist-layer-2{width:400px;height:350px;background:radial-gradient(ellipse,hsla(270,40%,35%,.15) 0%,transparent 70%);animation:mistFloat 12s ease-in-out infinite reverse;animation-delay:-3s}.mist-layer-3{width:500px;height:450px;background:radial-gradient(ellipse,hsla(250,35%,30%,.1) 0%,transparent 70%);animation:mistFloat 15s ease-in-out infinite;animation-delay:-7s}@keyframes mistFloat{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:.8}25%{transform:translate(-48%,-52%) scale(1.05) rotate(1deg)}50%{transform:translate(-50%,-50%) scale(1.1) rotate(0);opacity:1}75%{transform:translate(-52%,-48%) scale(1.05) rotate(-1deg)}}.ruminate-page.performance-mode .living-entity-canvas{image-rendering:pixelated}.ruminate-page.performance-mode .mist-layer{animation:none;filter:blur(20px)}.ruminate-page.performance-mode .ambient-mist{opacity:.7}@media (max-width: 768px){.presence-content{padding:30px 20px}.presence-status{font-size:14px;letter-spacing:2px}.presence-button{padding:10px 24px;font-size:12px}.sensing-orb{width:80px;height:80px;margin-bottom:30px}.connection-indicator{font-size:10px;letter-spacing:3px}.mist-layer-1{width:200px;height:170px}.mist-layer-2{width:280px;height:240px}.mist-layer-3{width:360px;height:320px}}@media (prefers-reduced-motion: reduce){.sensing-orb:before,.sensing-orb:after,.mist-layer,.breath-wave-inner{animation:none}.presence-overlay,.connection-indicator,.breath-indicator{transition:none}}.solid-elements{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;transition:opacity .5s ease}.solid-elements.active{pointer-events:auto}.crystal-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(128,100,200,.03) 0%,transparent 60%);animation:crystal-pulse 8s ease-in-out infinite}@keyframes crystal-pulse{0%,to{opacity:.5}50%{opacity:1}}.insight-card{position:absolute;width:280px;min-height:160px;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;pointer-events:auto}.insight-card.entering{animation:card-emerge .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes card-emerge{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0);filter:blur(20px)}50%{opacity:.8;filter:blur(5px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--rotation, 0deg));filter:blur(0)}}.card-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:20px;background:radial-gradient(ellipse at center,rgba(128,100,200,.2) 0%,rgba(80,128,200,.1) 40%,transparent 70%);filter:blur(15px);opacity:.6;transition:opacity .3s ease;z-index:-1}.insight-card.hovered .card-glow{opacity:1}.card-inner{position:relative;padding:20px;background:linear-gradient(135deg,#141428f2,#1e1e3ce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(128,100,200,.2);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d;overflow:hidden}.insight-card.hovered .card-inner{border-color:#8064c866;box-shadow:0 8px 40px #5064c84d,inset 0 1px #ffffff1a}.card-type{display:flex;align-items:center;gap:6px;margin-bottom:12px}.type-icon{font-size:14px}.type-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a08cdccc;font-weight:500}.insight-card.dream .type-label{color:#dcb4ffe6}.insight-card.dream .card-glow{background:radial-gradient(ellipse at center,rgba(200,150,255,.25) 0%,transparent 70%)}.insight-card.action .type-label{color:#ffc864e6}.insight-card.action .card-glow{background:radial-gradient(ellipse at center,rgba(255,180,80,.2) 0%,transparent 70%)}.insight-card.insight .type-label{color:#96c8ffe6}.insight-card.insight .card-glow{background:radial-gradient(ellipse at center,rgba(100,180,255,.25) 0%,transparent 70%)}.insight-card.pattern .type-label{color:#b4ffc8e6}.insight-card.pattern .card-glow{background:radial-gradient(ellipse at center,rgba(150,255,180,.2) 0%,transparent 70%)}.card-title{margin:0 0 8px;font-size:16px;font-weight:500;color:#fffffff2;line-height:1.3}.card-content{margin:0 0 12px;font-size:13px;color:#c8c8dccc;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-relevance{height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}.relevance-bar{height:100%;background:linear-gradient(90deg,#8064c899,#64b4ffcc);border-radius:1px;transition:width .5s ease}.card-dismiss{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:#ffffff0d;border-radius:50%;color:#fff6;font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease}.insight-card.hovered .card-dismiss{opacity:1}.card-dismiss:hover{background:#ff646433;color:#ff9696e6}.card-crystal-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(135deg,rgba(128,100,200,.3) 0%,transparent 30%,transparent 70%,rgba(100,180,255,.2) 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.insight-card.hovered .card-crystal-border{opacity:1}.insight-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s ease;pointer-events:none}.insight-card.hovered:before{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.solid-empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#c8c8dc80;animation:hint-float 4s ease-in-out infinite}@keyframes hint-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 10px))}}.hint-crystal{font-size:48px;margin-bottom:16px;opacity:.6;animation:crystal-rotate 10s linear infinite}@keyframes crystal-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.solid-empty-hint p{margin:0;font-size:14px;letter-spacing:.5px}@media (max-width: 768px){.insight-card{width:240px;min-height:140px}.card-inner{padding:16px}.card-title{font-size:14px}.card-content{font-size:12px;-webkit-line-clamp:2}}@media (max-width: 480px){.insight-card{width:200px;min-height:120px}}.insight-card.dissolving{animation:card-dissolve .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes card-dissolve{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;filter:blur(5px)}to{opacity:0;transform:translate(-50%,-50%) scale(.5);filter:blur(20px)}}.depth-indicator{position:fixed;right:24px;top:50%;transform:translateY(-50%);width:32px;height:260px;z-index:100;opacity:0;transition:opacity .8s ease-out;pointer-events:none}.depth-indicator.visible{opacity:1;pointer-events:auto}.depth-indicator.performance-mode{height:200px}.depth-abyss{position:relative;width:100%;height:100%;background:linear-gradient(to bottom,#ffffff05,#96b4ff08,#6478c80d,#503cb414,#281e641f);border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.depth-levels{position:absolute;width:100%;height:100%;pointer-events:none}.depth-level-marker{position:absolute;left:0;width:100%;display:flex;align-items:center;transform:translateY(-50%);opacity:.4;transition:opacity .3s ease}.depth-level-marker.active{opacity:1}.depth-level-marker .level-line{position:absolute;left:0;width:8px;height:1px;background:#ffffff4d}.depth-level-marker .level-label{position:absolute;right:6px;font-size:8px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.depth-level-marker.surface .level-label{color:#c8dcffb3}.depth-level-marker.personal .level-label{color:#96b4ffb3}.depth-level-marker.intimate .level-label{color:#6478c8cc}.depth-level-marker.existential .level-label{color:#503cb4e6}.depth-water{position:absolute;top:0;left:0;width:100%;transition:height .5s cubic-bezier(.4,0,.2,1);border-radius:16px 16px 0 0;overflow:hidden}.depth-water.ascending{animation:waterRiseRipple 2s ease-in-out infinite}.depth-water.descending{animation:waterFallRipple 2s ease-in-out infinite}.depth-water.fluctuating{animation:waterFluctuation 1.5s ease-in-out infinite}@keyframes waterRiseRipple{0%,to{opacity:.9}50%{opacity:1}}@keyframes waterFallRipple{0%,to{opacity:1}50%{opacity:.85}}@keyframes waterFluctuation{0%,to{transform:scaleY(1)}25%{transform:scaleY(1.02)}75%{transform:scaleY(.98)}}.depth-ripple{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;animation:depthRipple 3s ease-out infinite}@keyframes depthRipple{0%{box-shadow:0 0 0 0 currentColor,0 0 0 0 currentColor;opacity:.6}50%{box-shadow:0 0 0 4px transparent,0 0 0 8px transparent;opacity:0}to{box-shadow:0 0 0 0 currentColor,0 0 0 0 currentColor;opacity:.6}}.depth-marker{position:absolute;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;transition:top .5s cubic-bezier(.4,0,.2,1),background-color .4s ease,box-shadow .4s ease;z-index:10}.marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:1px solid;opacity:0;animation:markerPulse 2s ease-out infinite}@keyframes markerPulse{0%{width:8px;height:8px;opacity:.6}to{width:28px;height:28px;opacity:0}}.depth-marker.surface{width:6px;height:6px}.depth-marker.personal{width:8px;height:8px}.depth-marker.intimate{width:10px;height:10px;animation:intimatePulse 3s ease-in-out infinite}.depth-marker.existential{width:12px;height:12px;animation:existentialPulse 2s ease-in-out infinite}@keyframes intimatePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes existentialPulse{0%,to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.2);filter:brightness(1.3)}}.trajectory-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:10px;color:#ffffff80;animation:trajectoryFade 2s ease-in-out infinite}.trajectory-indicator.ascending{color:#6478c8cc}.trajectory-indicator.descending{color:#c8b496cc}.trajectory-indicator.fluctuating{animation:fluctuatingIndicator 1s ease-in-out infinite}@keyframes trajectoryFade{0%,to{opacity:.4}50%{opacity:.8}}@keyframes fluctuatingIndicator{0%,to{transform:translate(-50%) translateY(0)}25%{transform:translate(-50%) translateY(-2px)}75%{transform:translate(-50%) translateY(2px)}}.depth-peak{position:absolute;left:0;width:100%;pointer-events:none;transform:translateY(-50%)}.depth-peak .peak-line{position:absolute;left:2px;right:2px;height:1px;background:linear-gradient(to right,transparent 0%,rgba(255,215,0,.4) 20%,rgba(255,215,0,.4) 80%,transparent 100%);opacity:.5}.depth-debug{position:absolute;left:calc(100% + 12px);top:0;font-size:9px;color:#ffffff80;white-space:nowrap;font-family:monospace;line-height:1.4}.depth-debug .indicators{margin-top:4px;display:flex;flex-direction:column;gap:2px}.depth-debug .ind-surface{color:#c8dcffb3}.depth-debug .ind-personal{color:#96b4ffb3}.depth-debug .ind-intimate{color:#6478c8cc}.depth-debug .ind-existential{color:#503cb4e6}.compact-depth-indicator{display:inline-flex;align-items:center;height:16px;width:60px;border-radius:8px;border:1px solid;overflow:hidden;position:relative;padding:0 4px}.compact-depth-indicator .compact-fill{position:absolute;left:0;top:0;height:100%;transition:width .4s ease,background-color .4s ease;opacity:.6}.compact-depth-indicator .compact-label{position:relative;z-index:1;font-size:9px;font-weight:600;color:#ffffffe6;text-transform:uppercase}@media (max-width: 768px){.depth-indicator{right:12px;width:24px;height:180px}.depth-level-marker .level-label,.depth-debug{display:none}}@media (prefers-reduced-motion: reduce){.depth-water,.depth-marker,.marker-pulse,.trajectory-indicator{animation:none}.depth-water{transition:height .3s ease}.depth-marker{transition:top .3s ease}}.engagement-guide{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;--engagement-glow-color: hsl(260, 60%, 50%);--engagement-glow-intensity: .2;--engagement-pulse-speed: 12s;--engagement-atmosphere-opacity: .15;--engagement-warmth: .3;--engagement-resistance: 0}.engagement-atmosphere{position:absolute;top:0;left:0;width:100%;height:100%}.atmosphere-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,var(--engagement-glow-color) 0%,transparent 70%);opacity:var(--engagement-atmosphere-opacity);filter:blur(80px);animation:atmosphere-pulse var(--engagement-pulse-speed) ease-in-out infinite}.atmosphere-layer.layer-1{width:120vw;height:120vh;opacity:calc(var(--engagement-atmosphere-opacity) * .4)}.atmosphere-layer.layer-2{width:90vw;height:90vh;opacity:calc(var(--engagement-atmosphere-opacity) * .6);animation-delay:calc(var(--engagement-pulse-speed) * -.33)}.atmosphere-layer.layer-3{width:60vw;height:60vh;opacity:calc(var(--engagement-atmosphere-opacity) * .8);animation-delay:calc(var(--engagement-pulse-speed) * -.66)}@keyframes atmosphere-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:var(--engagement-atmosphere-opacity)}50%{transform:translate(-50%,-50%) scale(1.1);opacity:calc(var(--engagement-atmosphere-opacity) * 1.3)}}.engagement-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none;transition:opacity 2s ease-out}.emotional-threads{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.emotional-thread{position:absolute;width:4px;height:4px;border-radius:50%;opacity:calc(var(--thread-intensity, .5) * .4);filter:blur(2px);animation:thread-float 15s ease-in-out infinite;--x-offset: calc(40vw + var(--thread-index, 0) * 10vw);--y-offset: calc(30vh + var(--thread-index, 0) * 15vh);left:var(--x-offset);top:var(--y-offset)}.emotional-thread.emotion-fear{background:#9952e0;box-shadow:0 0 20px #7f26d9}.emotional-thread.emotion-desire{background:#e052b1;box-shadow:0 0 20px #d9269d}.emotional-thread.emotion-pain{background:#33c;box-shadow:0 0 20px #2929a3}.emotional-thread.emotion-joy{background:#c285e0;box-shadow:0 0 20px #ad5cd6}.emotional-thread.emotion-longing{background:#5b42d7;box-shadow:0 0 20px #4128bd}.emotional-thread.emotion-shame{background:#394dac;box-shadow:0 0 20px #2d3c86}.emotional-thread.emotion-hope{background:#c675d7;box-shadow:0 0 20px #b64dcb}@keyframes thread-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.2)}50%{transform:translate(-10px,15px) scale(.9)}75%{transform:translate(-25px,-10px) scale(1.1)}}.stage-transition-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,hsla(260,60%,60%,.3) 0%,transparent 60%);pointer-events:none}.engagement-guide.stage-greeting .atmosphere-layer{filter:blur(100px)}.engagement-guide.stage-surface_chat .atmosphere-layer{filter:blur(90px)}.engagement-guide.stage-probing .atmosphere-layer{filter:blur(75px)}.engagement-guide.stage-deepening .atmosphere-layer{filter:blur(60px)}.engagement-guide.stage-deepening .atmosphere-layer.layer-3{width:70vw;height:70vh}.engagement-guide.stage-extraction .atmosphere-layer{filter:blur(50px)}.engagement-guide.stage-extraction .atmosphere-layer.layer-3{width:80vw;height:80vh}.engagement-guide.stage-integration .atmosphere-layer{filter:blur(70px)}.engagement-guide.resistance .atmosphere-layer{animation:atmosphere-tension 2s ease-in-out infinite}@keyframes atmosphere-tension{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-51%,-49%) scale(.98)}75%{transform:translate(-49%,-51%) scale(1.02)}}.engagement-guide.resistance .engagement-vignette{background:radial-gradient(ellipse at center,transparent 30%,rgba(20,0,40,.6) 100%)}@media (prefers-reduced-motion: reduce){.atmosphere-layer,.emotional-thread{animation:none!important}}.ruminate-page{width:100vw;height:100vh;overflow:hidden;background:#000;position:relative}.ruminate-page.enigmatic{cursor:none}.ruminate-page.enigmatic:hover{cursor:default}.canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.background-canvas{z-index:1;opacity:.4}.orb-canvas{z-index:2;pointer-events:none}.entity-response{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:20px;font-style:italic;color:#c8b4ffcc;text-align:center;letter-spacing:2px;animation:entityFadeIn .8s ease;z-index:20;text-shadow:0 0 30px rgba(147,51,234,.5)}@keyframes entityFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:70%;padding:30px;font-family:Georgia,serif;font-size:24px;line-height:1.6;color:#ffffffe6;text-align:center;animation:messageFadeIn 1.5s ease;z-index:15}@keyframes messageFadeIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.enigmatic-prompt{position:fixed;top:62%;left:50%;transform:translate(-50%);font-family:Georgia,serif;font-size:14px;letter-spacing:4px;color:#ffffff40;text-transform:lowercase;text-align:center;transition:all 1s ease;z-index:10}.enigmatic-prompt.dormant{opacity:0}.enigmatic-prompt.awakening{animation:promptPulse 2s ease infinite}.enigmatic-prompt.listening{color:#b4a0ff80}.enigmatic-prompt.processing{color:#9333ea99;animation:promptProcess .5s ease infinite}.enigmatic-prompt.speaking{color:#c8b4ffb3}@keyframes promptPulse{0%,to{opacity:.25}50%{opacity:.5}}@keyframes promptProcess{0%,to{opacity:.4;letter-spacing:4px}50%{opacity:.7;letter-spacing:6px}}.enigmatic-input-area{position:fixed;bottom:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:30px;z-index:50}.enigmatic-input-area.mode-both{gap:40px}.voice-entity{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.voice-core{width:12px;height:12px;border-radius:50%;background:#9333ea66;box-shadow:0 0 20px #9333ea4d;transition:all .3s ease}.voice-entity.active .voice-core{background:#b48cffcc;box-shadow:0 0 40px #9333ea99;animation:coreBreath 1.5s ease infinite}@keyframes coreBreath{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.voice-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(147,51,234,.15);opacity:0;transition:all .3s ease}.ring-1{width:30px;height:30px}.ring-2{width:45px;height:45px}.ring-3{width:60px;height:60px}.voice-entity.active .ring{opacity:1;animation:ringExpand 2s ease infinite}.voice-entity.active .ring-1{animation-delay:0s}.voice-entity.active .ring-2{animation-delay:.4s}.voice-entity.active .ring-3{animation-delay:.8s}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8;border-color:#b48cff80}to{transform:translate(-50%,-50%) scale(1.5);opacity:0;border-color:#9333ea1a}}.voice-hint{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-family:Courier New,monospace;font-size:10px;letter-spacing:2px;color:#fff3;white-space:nowrap}.enigmatic-text-form{position:relative;width:300px}.enigmatic-text-input{width:100%;background:transparent;border:none;outline:none;padding:12px 0;font-family:Georgia,serif;font-size:16px;color:#fffc;text-align:center;letter-spacing:1px;caret-color:#9333eab3}.enigmatic-text-input::placeholder{color:transparent}.enigmatic-text-input:disabled{opacity:.3}.input-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,rgba(147,51,234,.5) 20%,rgba(180,140,255,.7) 50%,rgba(147,51,234,.5) 80%,transparent);transition:width .5s ease}.enigmatic-text-input:focus+.input-underline{width:100%}.enigmatic-text-input:not(:placeholder-shown)+.input-underline{width:60%}.mode-hint{font-family:Courier New,monospace;font-size:9px;letter-spacing:3px;color:#ffffff26;text-transform:uppercase}.connection-status{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;background:#ff646433;border:1px solid rgba(255,100,100,.5);border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:12px;z-index:100}.connection-status.subtle{background:transparent;border:none;color:#fff3;font-size:10px;letter-spacing:2px}.connection-status.subtle.connecting,.connection-status.subtle.reconnecting{color:#b4b4ff4d;animation:pulseStatus 2s ease-in-out infinite}.connection-status.subtle.offline{color:#c8a0ff66;font-style:italic}.connection-status .queued-count{color:#a0c8ff80;font-style:normal}@keyframes pulseStatus{0%,to{opacity:.3}50%{opacity:.7}}.debug-info{position:fixed;bottom:10px;right:10px;font-family:Courier New,monospace;font-size:9px;color:#ffffff26;z-index:1000;pointer-events:none;max-width:400px;text-align:right}.voice-entity.active .voice-core{animation:coreBreathSync var(--breath-duration, 4s) ease-in-out infinite}@keyframes coreBreathSync{0%,to{transform:scale(1);box-shadow:0 0 20px #9333ea4d}50%{transform:scale(1.3);box-shadow:0 0 40px #b48cff99}}.ruminate-page.enigmatic .settings-button{opacity:.1;transition:opacity .5s ease}.ruminate-page.enigmatic .settings-button:hover{opacity:.5}.input-controls{display:none}@media (max-width: 768px){.message{font-size:18px;padding:20px;max-width:90%}.enigmatic-prompt{font-size:12px;letter-spacing:3px;top:58%}.enigmatic-input-area{bottom:12%;width:85%}.enigmatic-text-form{width:100%;max-width:280px}.enigmatic-text-input{font-size:14px}.voice-entity{width:50px;height:50px}.entity-response{font-size:16px}}@media (max-width: 480px){.enigmatic-prompt{font-size:11px;letter-spacing:2px}.enigmatic-text-form{max-width:240px}}@media (prefers-reduced-motion: reduce){.voice-entity.active .ring,.voice-entity.active .voice-core,.enigmatic-prompt.awakening,.enigmatic-prompt.processing,.message,.entity-response{animation:none}.input-underline{transition:none}}@media (prefers-contrast: high){.enigmatic-prompt{color:#fff9}.enigmatic-text-input{color:#fff}.voice-hint{color:#ffffff80}.input-underline{background:#ffffff80}}.substance-indicator{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;z-index:80;opacity:.4;transition:opacity .3s ease}.substance-indicator:hover{opacity:.8}.substance-state-label{font-family:Georgia,serif;font-size:18px;color:#c8b4ffb3;transition:all .5s ease}.substance-indicator.state-emptiness .substance-state-label{color:#64647880;text-shadow:none}.substance-indicator.state-gas .substance-state-label{color:#a08cc8b3;text-shadow:0 0 10px rgba(147,51,234,.3)}.substance-indicator.state-liquid .substance-state-label{color:#8cb4ffcc;text-shadow:0 0 15px rgba(100,150,255,.4);animation:liquid-pulse 2s ease-in-out infinite}.substance-indicator.state-solid .substance-state-label{color:#c8b4fff2;text-shadow:0 0 20px rgba(180,150,255,.6);animation:solid-glow 3s ease-in-out infinite}@keyframes liquid-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes solid-glow{0%,to{text-shadow:0 0 20px rgba(180,150,255,.6)}50%{text-shadow:0 0 30px rgba(200,170,255,.8),0 0 40px rgba(150,120,255,.4)}}.engagement-bar{width:60px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.engagement-fill{height:100%;background:linear-gradient(90deg,#64649699,#9333eab3,#b48cffe6);border-radius:2px;transition:width .5s ease}.substance-indicator.state-emptiness .engagement-fill{background:#50506480}.substance-indicator.state-gas .engagement-fill{background:linear-gradient(90deg,#7864b499,#9333eab3)}.substance-indicator.state-liquid .engagement-fill{background:linear-gradient(90deg,#648cc8b3,#78b4ffe6)}.substance-indicator.state-solid .engagement-fill{background:linear-gradient(90deg,#8c78c8cc,#b496ff);box-shadow:0 0 10px #b496ff80}.ruminate-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:0;transition:opacity 2s ease}.ruminate-page.substance-emptiness:before{background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%)}.ruminate-page.substance-gas:before{background:radial-gradient(ellipse at center,rgba(50,40,80,.05) 0%,transparent 70%);opacity:1}.ruminate-page.substance-liquid:before{background:radial-gradient(ellipse at center,rgba(80,100,200,.08) 0%,rgba(60,80,150,.04) 40%,transparent 70%);opacity:1;animation:liquid-ambient 8s ease-in-out infinite}@keyframes liquid-ambient{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ruminate-page.substance-solid:before{background:radial-gradient(ellipse at center,rgba(120,100,200,.1) 0%,rgba(100,140,220,.06) 30%,rgba(80,100,180,.03) 50%,transparent 70%);opacity:1}.ambient-mist{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.mist-layer{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse at center,rgba(40,30,60,.15) 0%,transparent 60%);animation:mistDrift 30s linear infinite}.mist-layer-1{animation-duration:25s;opacity:.6}.mist-layer-2{animation-duration:35s;animation-delay:-10s;opacity:.4}.mist-layer-3{animation-duration:45s;animation-delay:-20s;opacity:.3}@keyframes mistDrift{0%{transform:translate(0) rotate(0)}25%{transform:translate(5%,5%) rotate(2deg)}50%{transform:translateY(10%) rotate(0)}75%{transform:translate(-5%,5%) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.layer-toggle-panel{position:fixed;top:20px;right:20px;background:#000000d9;border:1px solid rgba(100,255,255,.3);border-radius:8px;padding:20px;min-width:220px;font-family:Courier New,monospace;color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.panel-header{font-size:14px;font-weight:700;margin-bottom:20px;text-align:center;letter-spacing:2px;color:#0ff}.layer-section{margin-bottom:20px}.section-title{font-size:11px;color:#888;margin-bottom:10px;letter-spacing:1px}.layer-toggle{display:flex;align-items:center;padding:8px 12px;margin:4px 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.layer-toggle:hover{background:#ffffff1a;border-color:#64ffff80}.layer-toggle.active{background:#64ffff26;border-color:#64ffff99}.layer-indicator{width:12px;height:12px;border-radius:50%;margin-right:10px;box-shadow:0 0 8px currentColor}.layer-label{font-size:12px;color:#ccc;flex:1}.layer-toggle.active .layer-label{color:#fff;font-weight:700}.mode-selector{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;z-index:100}.mode-button{padding:12px 24px;background:#000000d9;border:1px solid rgba(100,255,255,.3);border-radius:6px;color:#0ff;font-family:Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-button:hover{background:#64ffff1a;border-color:#64ffff99;box-shadow:0 0 15px #64ffff4d}.mode-button.active{background:#64ffff33;border-color:#64ffffcc;box-shadow:0 0 20px #64ffff80;color:#fff}.node-report{position:fixed;top:20px;right:260px;background:#000000e6;border:1px solid rgba(100,255,255,.4);border-radius:8px;padding:20px;min-width:300px;max-width:400px;font-family:Courier New,monospace;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;color:#0ff;letter-spacing:2px}.close-button{background:none;border:none;color:#0ff;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;line-height:1}.close-button:hover{color:#fff}.node-title{font-size:16px;font-weight:700;margin-bottom:4px;color:#fff}.node-subtitle{font-size:12px;color:#888;margin-bottom:15px}.status-badge{display:inline-block;padding:6px 16px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px}.status-badge.stable{background:#0f03;border:1px solid rgba(0,255,0,.6);color:#0f0}.status-badge.unstable{background:#f003;border:1px solid rgba(255,0,0,.6);color:red}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.metric{background:#ffffff0d;padding:10px;border-radius:4px}.metric-label{font-size:10px;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.metric-value{font-size:16px;font-weight:700;color:#0ff;margin-bottom:6px}.metric-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.metric-fill{height:100%;transition:width .3s ease}.metric-fill.influence{background:linear-gradient(90deg,#6464ff,#0ff)}.metric-fill.stability{background:linear-gradient(90deg,red,#0f0)}.economic-info{margin-bottom:15px;padding:10px;background:#ffffff0d;border-radius:4px}.info-label{font-size:10px;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:12px;color:#ccc}.action-buttons{display:flex;gap:10px;margin-top:20px}.action-button{flex:1;padding:10px;border:1px solid;border-radius:4px;font-family:Courier New,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease}.action-button.stabilize{background:#00ff001a;border-color:#0f06;color:#0f0}.action-button.stabilize:hover{background:#0f03;border-color:#0f0c;box-shadow:0 0 15px #00ff004d}.action-button.disrupt{background:#ff00001a;border-color:#f006;color:red}.action-button.disrupt:hover{background:#f003;border-color:#f00c;box-shadow:0 0 15px #ff00004d}.cortex-global-view{width:100vw;height:100vh;overflow:hidden;background:#000;position:relative}.cortex-canvas{display:block;width:100%;height:100%}.cortex-header{position:fixed;top:20px;left:20px;font-family:Courier New,monospace;z-index:100}.cortex-logo{font-size:32px;font-weight:700;color:#0ff;letter-spacing:8px;text-shadow:0 0 20px rgba(0,255,255,.8)}.cortex-subtitle{font-size:12px;color:#888;letter-spacing:4px;margin-top:4px}.cortex-info{position:fixed;top:100px;left:20px;font-family:Courier New,monospace;font-size:11px;color:#0ff;z-index:100}.info-line{margin-bottom:6px;letter-spacing:1px;opacity:.7}.reset-camera-btn{margin-top:15px;padding:8px 16px;background:#000c;border:1px solid rgba(100,255,255,.4);border-radius:4px;color:#0ff;font-family:Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.reset-camera-btn:hover{background:#64ffff26;border-color:#64ffffcc;box-shadow:0 0 15px #64ffff4d}.pricing-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);color:#fff;padding:6rem 2rem 4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;perspective:1500px;transition:filter .3s ease,transform .5s ease;overflow:hidden}.pricing-page.rush-through{animation:rushThrough .5s ease-out forwards}@keyframes rushThrough{0%{filter:blur(0);transform:scale(1) translateZ(0)}30%{filter:blur(3px)}to{filter:blur(20px);transform:scale(1.5) translateZ(500px);opacity:0}}.pricing-header{text-align:center;max-width:800px;margin:0 auto 3rem}.pricing-header h1{font-size:3.5rem;font-weight:200;letter-spacing:.1em;margin-bottom:1rem;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:1.25rem;color:#a0a0b0;margin-bottom:1rem}.pricing-philosophy{font-size:1rem;color:#606070;letter-spacing:.2em}.state-mist{color:#a0c4ff}.state-liquid{color:#7eb8ff}.state-solid{color:#c9b8ff}.pricing-redirect-message{background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);border-radius:12px;padding:1rem 1.5rem;margin-top:1.5rem;color:#ff9a9a;font-size:.95rem}.email-capture{max-width:400px;margin:0 auto 3rem}.email-input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:1px solid #333;border-radius:50px;background:#ffffff0d;color:#fff;text-align:center;transition:all .3s ease}.email-input:focus{outline:none;border-color:#667eea;background:#ffffff1a;box-shadow:0 0 20px #667eea4d}.email-input::placeholder{color:#606070}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;perspective:1000px}.pricing-tier.glass-pane{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff14);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;transform-style:preserve-3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0003}.glass-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-20deg);transition:left .7s ease;pointer-events:none}.glass-pane:hover .glass-shine{left:150%}.glass-reflection{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none;opacity:.5}.glass-pane-mist{background:linear-gradient(135deg,#a0c4ff26,#a0c4ff0d,#c8dcff1a);border-color:#a0c4ff4d}.glass-pane-mist:hover{box-shadow:0 15px 50px #a0c4ff33,inset 0 1px #a0c4ff4d}.glass-pane-liquid{background:linear-gradient(135deg,#7eb8ff26,#667eea14,#764ba21a);border-color:#7eb8ff4d}.glass-pane-liquid:hover{box-shadow:0 15px 50px #7eb8ff40,inset 0 1px #7eb8ff4d}.glass-pane-solid{background:linear-gradient(135deg,#c9b8ff26,#f093fb14,#c9b8ff1f);border-color:#c9b8ff4d}.glass-pane-solid:hover{box-shadow:0 15px 50px #c9b8ff40,inset 0 1px #c9b8ff4d}.pricing-tier:hover{transform:translateY(-8px) rotateX(2deg);border-color:#667eea80}.pricing-tier.highlighted{border-color:#667eeacc}.pricing-tier.highlighted:before{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;padding:.4rem 1.5rem;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.1em;z-index:10}.pricing-tier.shattering{opacity:0;pointer-events:none}.click-hint{position:absolute;bottom:1rem;right:1.5rem;font-size:.75rem;color:#ffffff4d;opacity:0;transition:opacity .3s ease}.pricing-tier:hover .click-hint{opacity:1}.tier-state{font-size:.9rem;color:#808090;margin-bottom:.5rem;letter-spacing:.1em}.tier-name{font-size:1.75rem;font-weight:300;margin-bottom:1rem}.tier-price{margin-bottom:1rem}.price-amount{font-size:3rem;font-weight:200}.price-period{font-size:1rem;color:#808090}.tier-description{color:#a0a0b0;font-size:.95rem;margin-bottom:1.5rem;min-height:2.5rem}.tier-features{list-style:none;padding:0;margin:0 0 2rem}.tier-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#c0c0d0;font-size:.9rem}.tier-features li:before{content:"✓";position:absolute;left:0;color:#667eea}.tier-button{width:100%;padding:1rem;font-size:1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;position:relative;z-index:5}.tier-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 10px 30px #667eea66}.tier-button:disabled{opacity:.6;cursor:not-allowed}.shatter-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;pointer-events:none;perspective:1500px;overflow:hidden}.shatter-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;animation:shatterFlash .3s ease-out forwards}@keyframes shatterFlash{0%{opacity:0}15%{opacity:.8}to{opacity:0}}.shatter-fragment{position:absolute;top:50%;left:50%;width:350px;height:450px;margin-left:-175px;margin-top:-225px;transform-style:preserve-3d;animation:shatterFly .5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--delay);background:linear-gradient(135deg,#ffffff26,#ffffff0d,#ffffff1a);border:1px solid rgba(255,255,255,.3);opacity:.9;box-shadow:0 0 20px #fff3,inset 0 0 30px #ffffff1a}.shatter-fragment-mist{background:linear-gradient(135deg,#a0c4ff4d,#c8dcff26);box-shadow:0 0 30px #a0c4ff66}.shatter-fragment-liquid{background:linear-gradient(135deg,#7eb8ff4d,#667eea33);box-shadow:0 0 30px #7eb8ff66}.shatter-fragment-solid{background:linear-gradient(135deg,#c9b8ff4d,#f093fb33);box-shadow:0 0 30px #c9b8ff66}@keyframes shatterFly{0%{transform:translate(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotate(0);opacity:1}to{transform:translate(var(--tx)) translateY(var(--ty)) translateZ(var(--tz)) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--rz));opacity:0}}.pricing-footer{text-align:center;margin-top:4rem;color:#606070}.pricing-footer p{margin:.5rem 0}.pricing-note{font-style:italic;margin-top:1rem!important;color:#808090}@media (max-width: 768px){.pricing-header h1{font-size:2.5rem}.pricing-tiers{grid-template-columns:1fr}.pricing-tier.highlighted{order:-1}.shatter-fragment{width:280px;height:380px;margin-left:-140px;margin-top:-190px}}@keyframes subtle-pulse{0%,to{opacity:.03}50%{opacity:.06}}.pricing-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 50%,rgba(102,126,234,.1) 0%,transparent 70%);pointer-events:none;animation:subtle-pulse 8s ease-in-out infinite;z-index:-1}.state-experience{min-height:100vh;position:relative;padding:6rem 2rem 4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;overflow-x:hidden;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.state-experience.entered{opacity:1;transform:translateY(0)}.ambient-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.state-mist-ambient{background:linear-gradient(180deg,#0a0a0f,#0f1015 20%,#151520 50%,#1a1a28)}.mist-fog{position:absolute;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(160,196,255,.08) 0%,rgba(160,196,255,.03) 40%,transparent 70%);animation:mistDrift 30s ease-in-out infinite}.mist-fog-1{top:-50%;left:-50%;animation-delay:0s}.mist-fog-2{top:-30%;left:-30%;animation-delay:-10s;opacity:.7}.mist-fog-3{top:-70%;left:-20%;animation-delay:-20s;opacity:.5}@keyframes mistDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5%,3%) scale(1.05)}50%{transform:translate(-3%,5%) scale(1.02)}75%{transform:translate(-5%,-2%) scale(1.08)}}.mist-particles{position:absolute;width:100%;height:100%}.mist-particle{position:absolute;width:3px;height:3px;background:#a0c4ff66;border-radius:50%;animation:mistFloat 20s ease-in-out infinite;box-shadow:0 0 10px #a0c4ff4d}@keyframes mistFloat{0%,to{transform:translate(0);opacity:0}10%{opacity:.6}50%{transform:translate(-50px,-100px);opacity:.4}90%{opacity:.6}}.watching-eye{position:absolute;top:15%;right:15%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(160,196,255,.1) 0%,transparent 70%);animation:eyePulse 4s ease-in-out infinite}.watching-eye:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px;border-radius:50%;background:#a0c4ff4d;animation:eyeFollow 8s ease-in-out infinite}@keyframes eyePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}@keyframes eyeFollow{0%,to{transform:translate(0)}25%{transform:translate(10px,5px)}50%{transform:translate(-5px,10px)}75%{transform:translate(5px,-5px)}}.state-liquid-ambient{background:linear-gradient(180deg,#0a0a12,#0d1020,#101535 60%,#0a1028)}.liquid-wave{position:absolute;bottom:0;left:-50%;width:200%;height:100%;background:linear-gradient(180deg,transparent 60%,rgba(126,184,255,.03) 80%,rgba(102,126,234,.05) 100%);border-radius:45% 45% 0 0;animation:waveFlow 15s ease-in-out infinite}.liquid-wave-1{animation-delay:0s;opacity:1}.liquid-wave-2{animation-delay:-5s;opacity:.7;transform:scaleY(.8)}.liquid-wave-3{animation-delay:-10s;opacity:.5;transform:scaleY(.6)}@keyframes waveFlow{0%,to{transform:translate(0) scaleY(1);border-radius:45% 45% 0 0}25%{transform:translate(5%) scaleY(1.1);border-radius:40% 50% 0 0}50%{transform:translate(-3%) scaleY(.9);border-radius:50% 40% 0 0}75%{transform:translate(-5%) scaleY(1.05);border-radius:42% 48% 0 0}}.liquid-ripples{position:absolute;width:100%;height:100%}.liquid-ripple{position:absolute;width:100px;height:100px;border:1px solid rgba(126,184,255,.2);border-radius:50%;animation:rippleExpand 6s ease-out infinite}@keyframes rippleExpand{0%{transform:scale(0);opacity:.8}to{transform:scale(4);opacity:0}}.liquid-current{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(126,184,255,.02) 50%,transparent 100%);animation:currentFlow 20s linear infinite}@keyframes currentFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.state-solid-ambient{background:linear-gradient(180deg,#08080d,#0d0d15 20%,#12101f 50%,#15102a)}.crystal-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(201,184,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,184,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridPulse 4s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}.crystal-formations{position:absolute;width:100%;height:100%}.crystal{position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:40px solid rgba(201,184,255,.1);animation:crystalGrow 8s ease-in-out infinite;filter:blur(1px)}.crystal:before{content:"";position:absolute;top:20px;left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:25px solid rgba(240,147,251,.1)}@keyframes crystalGrow{0%,to{transform:scale(.8) rotate(0);opacity:.3}50%{transform:scale(1.2) rotate(5deg);opacity:.7}}.power-lines{position:absolute;width:100%;height:100%}.power-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(201,184,255,.3) 30%,rgba(240,147,251,.5) 50%,rgba(201,184,255,.3) 70%,transparent 100%);animation:powerSurge 3s ease-in-out infinite}@keyframes powerSurge{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.back-button{position:fixed;top:5rem;left:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:30px;cursor:pointer;font-size:.9rem;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#fff3;transform:translate(-5px)}.experience-hero{text-align:center;max-width:800px;margin:4rem auto;position:relative;z-index:1}.state-icon{font-size:5rem;margin-bottom:1rem;animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.state-title{font-size:4rem;font-weight:200;letter-spacing:.15em;margin-bottom:.5rem}.state-mist-ambient .state-title{background:linear-gradient(90deg,#a0c4ff,#c8dcff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.state-liquid-ambient .state-title{background:linear-gradient(90deg,#7eb8ff,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.state-solid-ambient .state-title{background:linear-gradient(90deg,#c9b8ff,#f093fb,#c9b8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.state-tagline{font-size:1.5rem;color:#a0a0b0;letter-spacing:.1em;margin-bottom:2rem}.state-price{display:inline-flex;align-items:baseline;gap:.25rem}.price-value{font-size:3.5rem;font-weight:200}.price-period{font-size:1.25rem;color:#808090}.experience-description{max-width:700px;margin:0 auto 5rem;position:relative;z-index:1}.experience-description p{font-size:1.2rem;line-height:1.8;color:#c0c0d0;text-align:center}.experience-features{max-width:1200px;margin:0 auto 5rem;position:relative;z-index:1}.experience-features h2,.experience-scenarios h2,.experience-cta h2{font-size:2rem;font-weight:300;text-align:center;margin-bottom:3rem;letter-spacing:.1em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .4s ease;animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-5px);background:#ffffff0f;border-color:#fff3}.state-mist-ambient .feature-card:hover{border-color:#a0c4ff66;box-shadow:0 10px 30px #a0c4ff1a}.state-liquid-ambient .feature-card:hover{border-color:#7eb8ff66;box-shadow:0 10px 30px #7eb8ff1a}.state-solid-ambient .feature-card:hover{border-color:#c9b8ff66;box-shadow:0 10px 30px #c9b8ff1a}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.feature-card p{color:#a0a0b0;line-height:1.6;font-size:.95rem}.experience-scenarios{max-width:900px;margin:0 auto 5rem;position:relative;z-index:1}.scenarios-list{display:flex;flex-direction:column;gap:2rem}.scenario-card{background:#ffffff05;border-left:3px solid rgba(255,255,255,.2);padding:2rem;animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px);transition:all .3s ease}.state-mist-ambient .scenario-card{border-left-color:#a0c4ff80}.state-liquid-ambient .scenario-card{border-left-color:#7eb8ff80}.state-solid-ambient .scenario-card{border-left-color:#c9b8ff80}.scenario-card:hover{background:#ffffff0a;padding-left:2.5rem}.scenario-card h3{font-size:1.3rem;font-weight:400;margin-bottom:1rem;color:#e0e0f0}.scenario-card p{color:#a0a0b0;line-height:1.8;font-size:1rem;font-style:italic}.experience-cta{max-width:600px;margin:0 auto;text-align:center;padding:4rem 2rem;position:relative;z-index:1}.cta-subtitle{color:#808090;margin-bottom:2rem}.cta-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto 1.5rem}.cta-email{padding:1rem 1.5rem;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;background:#ffffff0d;color:#fff;text-align:center;transition:all .3s ease}.cta-email:focus{outline:none;border-color:#fff6;background:#ffffff1a}.state-mist-ambient .cta-email:focus{border-color:#a0c4ff99;box-shadow:0 0 20px #a0c4ff33}.state-liquid-ambient .cta-email:focus{border-color:#7eb8ff99;box-shadow:0 0 20px #7eb8ff33}.state-solid-ambient .cta-email:focus{border-color:#c9b8ff99;box-shadow:0 0 20px #c9b8ff33}.cta-email::placeholder{color:#606070}.cta-email-prompt{font-size:1.1rem;color:#c0c0d0;margin-bottom:.5rem;font-weight:400}.cta-email-large{padding:1.25rem 2rem;font-size:1.15rem;border-width:2px}.cta-button{padding:1.25rem 2rem;font-size:1.1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;color:#fff}.state-mist-ambient .cta-button{background:linear-gradient(90deg,#7eb8ff,#a0c4ff)}.state-mist-ambient .cta-button:hover:not(:disabled){box-shadow:0 10px 30px #a0c4ff66;transform:translateY(-2px)}.state-liquid-ambient .cta-button{background:linear-gradient(90deg,#667eea,#764ba2)}.state-liquid-ambient .cta-button:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.state-solid-ambient .cta-button{background:linear-gradient(90deg,#c9b8ff,#f093fb)}.state-solid-ambient .cta-button:hover:not(:disabled){box-shadow:0 10px 30px #c9b8ff66;transform:translateY(-2px)}.cta-button:disabled{opacity:.6;cursor:not-allowed}.cta-button-large{padding:1.5rem 3rem;font-size:1.25rem;font-weight:600;letter-spacing:.05em}.cta-note{color:#606070;font-style:italic;font-size:.9rem}.state-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.state-not-found h1{font-size:3rem;margin-bottom:1rem}.state-not-found p{color:#808090;margin-bottom:2rem}.state-not-found button{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1rem}@media (max-width: 768px){.state-experience{padding:5rem 1rem 3rem}.back-button{top:auto;bottom:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:300px;text-align:center}.back-button:hover{transform:translate(-50%)}.experience-hero{margin-top:2rem}.state-icon{font-size:4rem}.state-title{font-size:2.5rem}.state-tagline{font-size:1.2rem}.price-value{font-size:2.5rem}.experience-description p{font-size:1.05rem}.features-grid{grid-template-columns:1fr}.scenario-card{padding:1.5rem}.watching-eye{width:50px;height:50px;top:10%;right:10%}}.cta-email.email-error{border-color:#ff6b6b!important;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.success-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);color:#fff;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;position:relative;overflow:hidden}.success-content{max-width:600px;text-align:center;z-index:1}.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 2rem}.status-icon.success{background:linear-gradient(135deg,#667eea,#764ba2);animation:success-pulse 2s ease-in-out infinite}.status-icon.error{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}@keyframes success-pulse{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 20px #667eea00}}.success-content h1{font-size:2.5rem;font-weight:200;letter-spacing:.1em;margin-bottom:.5rem;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-subtitle{font-size:1.1rem;color:#a0a0b0;margin-bottom:3rem}.next-steps{text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-bottom:2rem}.next-steps h2{font-size:1rem;font-weight:500;letter-spacing:.1em;color:#808090;margin-bottom:1.5rem;text-transform:uppercase}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{display:flex;gap:1rem;margin-bottom:1.5rem}.next-steps li:last-child{margin-bottom:0}.step-icon{font-size:1.5rem;flex-shrink:0}.next-steps strong{display:block;color:#fff;margin-bottom:.25rem}.next-steps p{color:#808090;font-size:.9rem;margin:0}.success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.success-button{padding:1rem 2rem;font-size:1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none}.success-button.primary{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff}.success-button.primary:hover{transform:scale(1.05);box-shadow:0 10px 30px #667eea66}.success-button.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#a0a0b0}.success-button.secondary:hover{background:#ffffff1a;color:#fff}.success-note{font-style:italic;color:#606070;font-size:.9rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.ambient-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#667eea80;border-radius:50%;bottom:-10px;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}@media (max-width: 600px){.success-content h1{font-size:2rem}.success-actions{flex-direction:column}.success-button{width:100%}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);color:#fff;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-container{width:100%;max-width:420px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2.5rem;position:relative;transition:all .4s ease}.auth-container:hover{border-color:#667eea4d;box-shadow:0 20px 60px #0006}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:3rem;font-weight:200;letter-spacing:.2em;margin-bottom:.5rem;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:1.1rem;color:#a0a0b0;margin-bottom:.5rem}.auth-state{font-size:.75rem;color:#505060;letter-spacing:.3em}.auth-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem;background:#ffffff08;border-radius:50px}.auth-tab{flex:1;padding:.75rem 1rem;font-size:.85rem;font-weight:500;letter-spacing:.05em;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;background:transparent;color:#606070}.auth-tab:hover:not(:disabled){color:#a0a0b0}.auth-tab.active{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.auth-tab:disabled{opacity:.5;cursor:not-allowed}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{position:relative}.auth-input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:1px solid #333;border-radius:50px;background:#ffffff0d;color:#fff;transition:all .3s ease;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 20px #667eea33}.auth-input::placeholder{color:#606070}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:10px;color:#f88;font-size:.9rem}.error-icon{font-size:1rem}.auth-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#64ff961a;border:1px solid rgba(100,255,150,.3);border-radius:10px;color:#8fa;font-size:.9rem}.message-icon{font-size:1rem;color:#667eea}.auth-button{width:100%;padding:1rem;font-size:1rem;font-weight:500;letter-spacing:.1em;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;margin-top:.5rem}.auth-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 10px 30px #667eea66}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-text{display:inline-flex;gap:2px}.loading-dot{animation:loading-pulse 1.4s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.magic-hint{margin-top:1.5rem;padding:1rem;background:#667eea14;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.magic-hint p{color:#808090;font-size:.85rem;text-align:center;margin:0;line-height:1.5}.auth-loading{display:flex;justify-content:center;padding:3rem 0}.auth-spinner{width:40px;height:40px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.auth-footer{text-align:center;margin-top:2rem}.footer-text{color:#404050;font-size:.85rem;font-style:italic;letter-spacing:.1em}.auth-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 30%,rgba(102,126,234,.08) 0%,transparent 60%);pointer-events:none;animation:auth-pulse 10s ease-in-out infinite;z-index:-1}@keyframes auth-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width: 480px){.auth-container{padding:2rem 1.5rem}.auth-title{font-size:2.5rem}.auth-tabs{flex-direction:column}.auth-tab{padding:.6rem 1rem}}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden;padding-top:70px}.dashboard-ambient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(118,75,162,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:ambient-shift 20s ease-in-out infinite}@keyframes ambient-shift{0%,to{opacity:1}50%{opacity:.7}}.state-visualization{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;overflow:hidden}.state-particle{position:absolute;bottom:-20px;width:6px;height:6px;border-radius:50%;background:#667eea66;animation:particle-rise linear infinite}.particles-mist .state-particle{background:#a0c4ff4d;width:8px;height:8px;filter:blur(2px);animation:particle-mist ease-in-out infinite}@keyframes particle-mist{0%{transform:translateY(0) translate(0) scale(0);opacity:0}20%{opacity:.6;transform:scale(1)}50%{transform:translateY(-50vh) translate(30px)}80%{opacity:.4}to{transform:translateY(-100vh) translate(-20px) scale(.5);opacity:0}}.particles-liquid .state-particle{background:linear-gradient(180deg,#7eb8ff99,#667eea4d);width:5px;height:8px;border-radius:50%/60% 60% 40% 40%;animation:particle-liquid ease-out infinite}@keyframes particle-liquid{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:.8;transform:scale(1)}to{transform:translateY(-100vh) scale(.8);opacity:0}}.particles-solid .state-particle{background:linear-gradient(135deg,#c9b8ffcc,#764ba280);width:4px;height:4px;border-radius:1px;transform:rotate(45deg);animation:particle-solid linear infinite;box-shadow:0 0 10px #c9b8ff4d}@keyframes particle-solid{0%{transform:translateY(0) rotate(0) scale(0);opacity:0}15%{opacity:1;transform:rotate(45deg) scale(1)}85%{opacity:.8}to{transform:translateY(-100vh) rotate(180deg) scale(.6);opacity:0}}.dashboard-content{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:2rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#a0a0b0}.loading-spinner{width:40px;height:40px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 2rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.dashboard-logo{font-size:1.5rem;font-weight:200;letter-spacing:.2em;color:#fff;text-decoration:none;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-user{display:flex;align-items:center;gap:.75rem}.user-email{font-size:.9rem;color:#808090}.tier-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;margin-bottom:2rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.tier-visual{display:flex;justify-content:center}.tier-orb{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,var(--tier-color, #667eea),rgba(102,126,234,.3));box-shadow:0 0 40px var(--tier-color, rgba(102, 126, 234, .4)),inset 0 0 20px #ffffff1a;animation:orb-pulse 4s ease-in-out infinite}.tier-orb.tier-mist{animation:orb-mist 3s ease-in-out infinite;filter:blur(1px)}.tier-orb.tier-liquid{animation:orb-liquid 2.5s ease-in-out infinite}.tier-orb.tier-solid{animation:orb-solid 5s ease-in-out infinite;border-radius:20%}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes orb-mist{0%,to{transform:scale(1);filter:blur(2px);opacity:.7}50%{transform:scale(1.1);filter:blur(3px);opacity:.9}}@keyframes orb-liquid{0%,to{transform:scale(1) translateY(0);border-radius:50%}25%{transform:scale(1.02) translateY(-2px);border-radius:48% 52% 50% 50%}50%{transform:scale(1.05) translateY(-4px);border-radius:50% 50% 48% 52%}75%{transform:scale(1.02) translateY(-2px);border-radius:52% 48% 50% 50%}}@keyframes orb-solid{0%,to{transform:rotate(0) scale(1);box-shadow:0 0 40px #c9b8ff66}50%{transform:rotate(5deg) scale(1.02);box-shadow:0 0 60px #c9b8ff99}}.tier-icon{font-size:2rem}.tier-info{text-align:left}.tier-label{font-size:.75rem;color:#606070;letter-spacing:.15em;margin-bottom:.5rem}.tier-name{font-size:2rem;font-weight:300;margin:0 0 .5rem;letter-spacing:.05em}.tier-description{color:#808090;font-size:.95rem;margin:0}.tier-indicator{display:flex;align-items:center;gap:.5rem}.state-dot{width:12px;height:12px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);position:relative;transition:all .3s ease}.state-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 0 15px #667eea80}.state-dot span{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:.65rem;color:#606070;white-space:nowrap}.state-dot.active span{color:#a0a0b0}.state-line{width:30px;height:1px;background:#ffffff1a}.section-title{font-size:.8rem;font-weight:500;letter-spacing:.15em;color:#606070;margin:0 0 1.25rem}.daily-brief-cta{margin-bottom:2rem}.daily-brief-link{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#8b5cf626,#7c3aed14);border:1px solid rgba(139,92,246,.3);border-radius:24px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.daily-brief-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%);animation:briefAmbient 8s ease-in-out infinite}@keyframes briefAmbient{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(20px)}}.daily-brief-link:hover{background:linear-gradient(135deg,#8b5cf633,#7c3aed1f);border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 10px 40px #8b5cf633}.brief-visual{position:relative;z-index:1}.brief-orb{width:60px;height:60px;background:radial-gradient(circle at 30% 30%,#a78bfa,#7c3aed);border-radius:50%;box-shadow:0 0 30px #8b5cf666,inset 0 0 15px #ffffff1a;animation:briefOrbPulse 4s ease-in-out infinite}@keyframes briefOrbPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.brief-content{flex:1;position:relative;z-index:1}.brief-label{font-size:.7rem;color:#a78bfacc;letter-spacing:.15em;margin-bottom:.5rem;text-transform:uppercase}.brief-title{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:.25rem}.brief-subtitle{font-size:.9rem;color:#ffffff80}.brief-arrow{font-size:1.5rem;color:#a78bfa99;transition:all .3s ease;position:relative;z-index:1}.daily-brief-link:hover .brief-arrow{color:#a78bfa;transform:translate(5px)}.quick-links{margin-bottom:2rem}.links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quick-link{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.quick-link:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-2px)}.billing-link{font-family:inherit;font-size:inherit;text-align:left;width:100%}.billing-link:disabled{opacity:.6;cursor:not-allowed;transform:none}.link-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:10px}.link-content{flex:1}.link-name{font-weight:500;margin-bottom:.25rem}.link-desc{font-size:.8rem;color:#606070}.link-arrow{color:#606070;transition:transform .3s ease}.quick-link:hover .link-arrow{transform:translate(4px);color:#667eea}.aaos-status{margin-bottom:2rem}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;text-align:center}.status-value{font-size:2.5rem;font-weight:200;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.status-max,.status-unit{font-size:1.25rem;opacity:.5}.status-label{font-size:.8rem;color:#808090;letter-spacing:.05em;margin-bottom:1rem}.status-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.status-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width 1s ease-out}.depth-indicator{display:flex;justify-content:center;gap:6px}.depth-level{width:8px;height:20px;background:#ffffff1a;border-radius:4px;transition:all .3s ease}.depth-level.active{background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea4d}.stability-ring{width:50px;height:50px;margin:0 auto}.stability-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg,.ring-fill{fill:none;stroke-width:3;stroke-linecap:round}.ring-bg{stroke:#ffffff1a}.ring-fill{stroke:url(#gradient);stroke:#667eea;transition:stroke-dasharray 1s ease-out}.billing-section{text-align:center;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;margin-bottom:2rem}.portal-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;transition:all .3s ease;font-family:inherit}.portal-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 10px 30px #667eea66}.portal-button:disabled{opacity:.7;cursor:not-allowed}.button-icon{font-size:1.1rem}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.billing-note{margin:1rem 0 0;font-size:.85rem;color:#606070}.dashboard-footer{text-align:center;padding:2rem 0;color:#404050;font-size:.85rem;font-style:italic}.dashboard-page.performance-mode{background:#0a0a0f}.dashboard-page.performance-mode .state-particle,.dashboard-page.performance-mode .dashboard-ambient{display:none}.primary-cta{margin-bottom:2rem}.ruminate-cta{display:flex;align-items:center;gap:1.5rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#10b98126,#3b82f61a,#8b5cf614);border:2px solid rgba(16,185,129,.4);border-radius:24px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.ruminate-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 50%,rgba(16,185,129,.15) 0%,transparent 50%);animation:mistAmbient 6s ease-in-out infinite}@keyframes mistAmbient{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(30px) scale(1.1)}}.ruminate-cta:hover{background:linear-gradient(135deg,#10b98140,#3b82f626,#8b5cf61f);border-color:#10b98199;transform:translateY(-3px);box-shadow:0 15px 50px #10b98140}.cta-visual{position:relative;z-index:1;width:70px;height:70px}.cta-orb{width:70px;height:70px;background:radial-gradient(circle at 30% 30%,#10b981,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #10b98166,inset 0 0 20px #ffffff1a;animation:ctaOrbPulse 3s ease-in-out infinite;position:relative;z-index:2}@keyframes ctaOrbPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.1)}}.cta-icon{font-size:2rem}.cta-pulse{position:absolute;top:50%;left:50%;width:70px;height:70px;border:2px solid rgba(16,185,129,.3);border-radius:50%;transform:translate(-50%,-50%);animation:ctaPulse 3s ease-out infinite}.cta-pulse.delay-1{animation-delay:1s}.cta-pulse.delay-2{animation-delay:2s}@keyframes ctaPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.cta-content{flex:1;position:relative;z-index:1}.cta-label{font-size:.7rem;color:#10b981e6;letter-spacing:.2em;margin-bottom:.5rem;text-transform:uppercase}.cta-title{font-size:1.75rem;font-weight:300;color:#fff;margin-bottom:.25rem;background:linear-gradient(90deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subtitle{font-size:.95rem;color:#fff9}.cta-arrow{font-size:2rem;color:#10b98199;transition:all .3s ease;position:relative;z-index:1}.ruminate-cta:hover .cta-arrow{color:#10b981;transform:translate(8px)}.features-section{margin-bottom:2rem}.feature-tier{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;margin-bottom:1rem;transition:all .3s ease}.feature-tier.locked{opacity:.6}.feature-tier.locked .feature-item{filter:grayscale(.5)}.feature-tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.tier-badge{font-size:.85rem;font-weight:500;padding:.25rem .75rem;border-radius:20px;background:#ffffff1a}.tier-badge.mist{background:#a0c4ff33;color:#a0c4ff}.tier-badge.liquid{background:#7eb8ff33;color:#7eb8ff}.tier-badge.solid{background:#c9b8ff33;color:#c9b8ff}.upgrade-tag{font-size:.75rem;color:#ff9f43;background:#ff9f431a;padding:.25rem .75rem;border-radius:20px}.feature-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff05;border-radius:12px;transition:background .2s ease}.feature-item:hover{background:#ffffff0d}.feature-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:8px}.feature-info{flex:1}.feature-name{font-size:.95rem;font-weight:500;color:#fff;margin-bottom:.15rem}.feature-desc{font-size:.8rem;color:#808090}.feature-check{color:#10b981;font-size:1rem}.learning-section{margin-bottom:2rem}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.learning-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;text-align:center}.learning-icon{font-size:1.5rem;margin-bottom:.5rem}.learning-value{font-size:2rem;font-weight:200;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.learning-max{font-size:1rem;opacity:.5}.learning-label{font-size:.8rem;color:#808090;letter-spacing:.05em;margin-bottom:.75rem}.learning-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.learning-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width 1s ease-out}.learning-insights{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.insights-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.insights-icon{font-size:1.25rem}.insights-title{font-size:.9rem;color:#a0a0b0}.insights-content{padding:1.25rem}.insight-placeholder{color:#808090;font-size:.9rem;line-height:1.6}.insight-placeholder p{margin:0 0 1rem}.insight-list{margin:0 0 1rem;padding-left:1.25rem}.insight-list li{margin-bottom:.5rem;color:#606070}.insight-cta{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.insight-cta:hover{color:#8b9cf6}.settings-section{margin-bottom:2rem}.settings-list{display:flex;flex-direction:column;gap:.75rem}.settings-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer;width:100%;text-align:left;font-family:inherit;font-size:inherit}.settings-item:hover{background:#667eea1a;border-color:#667eea4d}.settings-item:disabled{opacity:.6;cursor:not-allowed}.settings-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:12px}.settings-info{flex:1}.settings-name{font-weight:500;margin-bottom:.25rem;color:#fff}.settings-desc{font-size:.8rem;color:#606070}.settings-arrow{color:#606070;font-size:1.25rem;transition:transform .3s ease}.settings-item:hover .settings-arrow{transform:translate(4px);color:#667eea}.toggle-switch{width:48px;height:26px;background:#ffffff1a;border-radius:13px;position:relative;transition:background .3s ease;flex-shrink:0}.toggle-switch.active{background:linear-gradient(90deg,#667eea,#764ba2)}.toggle-knob{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.toggle-switch.active .toggle-knob{transform:translate(22px)}.quick-link.locked{opacity:.5;cursor:not-allowed}.quick-link.locked:hover{background:#ffffff08;border-color:#ffffff14;transform:none}.user-name{font-size:.85rem;color:#a0a0b0;margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.dashboard-content{padding:1rem}.tier-card{grid-template-columns:1fr;text-align:center;gap:1.5rem}.tier-info{text-align:center}.tier-indicator{justify-content:center}.links-grid,.status-grid,.learning-grid{grid-template-columns:1fr}.quick-link{padding:1rem}.status-value,.learning-value{font-size:2rem}.ruminate-cta{flex-direction:column;text-align:center;padding:1.5rem}.cta-visual{margin:0 auto}.cta-arrow{display:none}.feature-tier-header{flex-direction:column;gap:.5rem;text-align:center}}.trial-banner{background:linear-gradient(135deg,#ffc10726,#ff98001a);border:1px solid rgba(255,193,7,.3);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.trial-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,193,7,.1) 0%,transparent 70%);pointer-events:none}.trial-banner-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:1}.trial-info{display:flex;align-items:center;gap:1rem}.trial-icon{font-size:1.75rem}.trial-details{display:flex;flex-direction:column;gap:.25rem}.trial-title{font-size:1rem;font-weight:600;color:#ffc107}.trial-remaining{font-size:.875rem;color:#ffffffb3}.trial-upgrade-cta{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s ease;white-space:nowrap}.trial-upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffc10766}.trial-progress{height:4px;background:#ffffff1a;border-radius:2px;margin-top:1rem;overflow:hidden}.trial-progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:2px;transition:width .5s ease}.trial-badge{display:inline-block;background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;margin-left:.75rem;vertical-align:middle;letter-spacing:.5px}@media (max-width: 768px){.trial-banner-content{flex-direction:column;text-align:center}.trial-info{flex-direction:column;gap:.5rem}.trial-upgrade-cta{width:100%;text-align:center}}.onboarding-page{min-height:100vh;background:linear-gradient(135deg,#0a0a12,#12121f,#0a0a12);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden;display:flex;flex-direction:column;padding-top:70px}.onboarding-ambient{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orb-drift 20s ease-in-out infinite}.ambient-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);top:-200px;left:-100px;animation-delay:0s}.ambient-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(75,0,130,.12) 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:-7s}.ambient-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(147,112,219,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.onboarding-progress{position:relative;z-index:2;padding:2rem 2rem 0;max-width:600px;margin:0 auto;width:100%}.progress-track{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .5s ease;box-shadow:0 0 10px #8b5cf680}.progress-steps{display:flex;justify-content:space-between;padding:0 10%}.progress-dot{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#ffffff4d;transition:all .3s ease}.progress-dot.active{background:#8b5cf633;border-color:#8b5cf680;color:#a78bfa}.progress-dot.current{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff;box-shadow:0 0 20px #8b5cf666}.onboarding-content{flex:1;position:relative;z-index:2;padding:2rem;max-width:800px;margin:0 auto;width:100%}.onboarding-step{animation:fadeSlideIn .5s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:2.5rem}.step-header.centered{text-align:center}.step-title{font-size:2rem;font-weight:300;margin:0 0 .75rem;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-subtitle{font-size:1.1rem;color:#ffffff80;margin:0;line-height:1.6}.question-group{margin-bottom:2.5rem}.question-label{display:block;font-size:1rem;font-weight:500;color:#ffffffe6;margin-bottom:.5rem}.question-hint{font-size:.85rem;color:#fff6;margin:0 0 1rem}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.option-grid.four-col{grid-template-columns:repeat(4,1fr)}.option-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.option-card:hover{background:#8b5cf61a;border-color:#8b5cf64d}.option-card.selected{background:#8b5cf626;border-color:#8b5cf680;box-shadow:0 0 30px #8b5cf633}.option-icon{font-size:2rem}.option-label{font-weight:500;color:#ffffffe6}.option-desc{font-size:.8rem;color:#fff6}.option-pill{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.option-pill:hover{background:#8b5cf61a;border-color:#8b5cf64d}.option-pill.selected{background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);border-color:#8b5cf680}.pill-icon{font-size:1.25rem}.pill-label{font-weight:500}.chip-grid{display:flex;flex-wrap:wrap;gap:.75rem}.chip{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:.75rem 1.25rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem}.chip:hover{background:#8b5cf61a;border-color:#8b5cf64d}.chip.selected{background:linear-gradient(135deg,#8b5cf640,#7c3aed40);border-color:#8b5cf680}.chip-icon{font-size:1rem}.chip-label{color:#ffffffe6}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.integration-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.integration-card:hover{background:#ffffff0a;border-color:#ffffff1a}.integration-card.interested{background:#8b5cf614;border-color:#8b5cf640}.integration-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;flex-shrink:0}.integration-content{flex:1;min-width:0}.integration-label{font-weight:500;color:#ffffffe6;margin-bottom:.25rem}.integration-desc{font-size:.85rem;color:#fff6}.integration-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.coming-soon{font-size:.7rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em}.interested-badge{font-size:.75rem;color:#a78bfa;background:#8b5cf626;padding:.25rem .5rem;border-radius:20px}.future-vision{background:linear-gradient(135deg,#8b5cf614,#4b008214);border:1px solid rgba(139,92,246,.15);border-radius:20px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.vision-icon{font-size:1.5rem}.vision-text{margin:0;font-size:.95rem;color:#fff9;line-height:1.7;font-style:italic}.forming-title{animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{opacity:.9}50%{opacity:1}}.forming-visualization{position:relative;height:400px;display:flex;align-items:center;justify-content:center;margin:2rem 0}.mist-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.mist-particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(139,92,246,.6) 0%,transparent 70%);border-radius:50%;animation:mistFloat ease-in-out infinite;filter:blur(2px)}@keyframes mistFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.2)}50%{transform:translate(-15px,-20px) scale(.8)}75%{transform:translate(10px,-40px) scale(1.1)}}.forming-orb{position:relative;width:200px;height:200px;transition:all .5s ease}.orb-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#a78bfa,#7c3aed,#5b21b6);border-radius:50%;box-shadow:0 0 60px #8b5cf680,0 0 120px #8b5cf64d,inset 0 0 30px #ffffff1a;animation:corePulse 4s ease-in-out infinite}@keyframes corePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.orb-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(139,92,246,.3);animation:ringExpand ease-out infinite}.ring-1{width:100px;height:100px;animation-duration:3s}.ring-2{width:140px;height:140px;animation-duration:3.5s;animation-delay:.5s}.ring-3{width:180px;height:180px;animation-duration:4s;animation-delay:1s}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.forming-status{position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center}.forming-percentage{font-size:3rem;font-weight:200;background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forming-label{font-size:.95rem;color:#ffffff80;margin-top:.5rem}.forming-summary{display:flex;gap:1rem;justify-content:center;animation:fadeSlideIn .5s ease}.summary-card{background:#ffffff08;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.summary-icon{font-size:1.5rem}.summary-text{font-size:.95rem;color:#ffffffb3}.onboarding-nav{position:relative;z-index:2;padding:1.5rem 2rem 2rem;display:flex;justify-content:center;gap:1rem;max-width:600px;margin:0 auto;width:100%}.nav-button{padding:1rem 2rem;font-size:1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.nav-back{background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.1)}.nav-back:hover{background:#ffffff1a;color:#ffffffe6}.nav-next{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;min-width:160px;justify-content:center}.nav-next:hover:not(.disabled){transform:scale(1.02);box-shadow:0 10px 30px #8b5cf666}.nav-next.disabled{opacity:.4;cursor:not-allowed}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.trial-card{background:linear-gradient(135deg,#ffc10733,#ff980026)!important;border:1px solid rgba(255,193,7,.4)!important;position:relative;overflow:hidden}.trial-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,193,7,.15) 0%,transparent 70%);pointer-events:none}.trial-card .summary-icon{font-size:1.75rem}.trial-card .summary-text{color:#ffc107;font-weight:600}.trial-subtitle{font-size:.8rem;color:#fff9;margin-top:.5rem}@media (max-width: 768px){.onboarding-content{padding:1.5rem}.step-title{font-size:1.5rem}.option-grid{grid-template-columns:1fr}.option-grid.four-col{grid-template-columns:repeat(2,1fr)}.integrations-grid{grid-template-columns:1fr}.forming-summary{flex-direction:column}.forming-visualization{height:300px}}.daily-brief-page{min-height:100vh;background:#0a0a12;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden;display:flex;flex-direction:column;padding-top:70px}.daily-brief-page.phase-morning{--phase-color: #a78bfa;--phase-color-dim: rgba(167, 139, 250, .3);--phase-gradient: linear-gradient(135deg, rgba(167, 139, 250, .15) 0%, rgba(139, 92, 246, .05) 100%)}.daily-brief-page.phase-afternoon{--phase-color: #60a5fa;--phase-color-dim: rgba(96, 165, 250, .3);--phase-gradient: linear-gradient(135deg, rgba(96, 165, 250, .15) 0%, rgba(59, 130, 246, .05) 100%)}.daily-brief-page.phase-evening{--phase-color: #f472b6;--phase-color-dim: rgba(244, 114, 182, .3);--phase-gradient: linear-gradient(135deg, rgba(244, 114, 182, .15) 0%, rgba(219, 39, 119, .05) 100%)}.daily-brief-page.phase-night{--phase-color: #818cf8;--phase-color-dim: rgba(129, 140, 248, .3);--phase-gradient: linear-gradient(135deg, rgba(129, 140, 248, .1) 0%, rgba(67, 56, 202, .05) 100%)}.brief-ambient{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.ambient-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--phase-gradient);animation:ambientPulse 15s ease-in-out infinite}@keyframes ambientPulse{0%,to{opacity:.8}50%{opacity:1}}.mist-layer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.ambient-mist-particle{position:absolute;width:100px;height:100px;background:radial-gradient(circle,var(--phase-color-dim) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:mistDrift ease-in-out infinite;opacity:.5}@keyframes mistDrift{0%,to{transform:translate(0)}25%{transform:translate(50px,-30px)}50%{transform:translate(-30px,40px)}75%{transform:translate(40px,20px)}}.brief-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.brief-logo{font-size:1.25rem;font-weight:200;letter-spacing:.2em;color:var(--phase-color);text-decoration:none;opacity:.8;transition:opacity .3s ease}.brief-logo:hover{opacity:1}.brief-time{font-size:1rem;color:#fff6;font-weight:300}.brief-dashboard-link{font-size:.85rem;color:#fff6;text-decoration:none;transition:color .3s ease}.brief-dashboard-link:hover{color:var(--phase-color)}.brief-content{flex:1;position:relative;z-index:2;max-width:700px;margin:0 auto;padding:2rem;width:100%}.greeting-section{text-align:center;margin-bottom:3rem}.greeting-date{font-size:.85rem;color:#fff6;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.greeting-text{font-size:3rem;font-weight:200;margin:0 0 1rem;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--phase-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:greetingFade 1s ease}@keyframes greetingFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.energy-message{font-size:1.1rem;color:#ffffff80;margin:0;font-style:italic}.breathing-section{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.breathing-orb{position:relative;width:120px;height:120px;transition:transform .5s ease,opacity .5s ease}.orb-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle at 30% 30%,var(--phase-color),rgba(139,92,246,.5));border-radius:50%;box-shadow:0 0 40px var(--phase-color-dim),inset 0 0 20px #ffffff1a}.orb-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,var(--phase-color-dim) 0%,transparent 70%);border-radius:50%;filter:blur(10px)}.breathing-label{margin-top:1rem;font-size:.9rem;color:#ffffff4d;letter-spacing:.2em;text-transform:lowercase}.status-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:1.5rem;transition:all .3s ease}.status-card:hover{background:#ffffff0d;border-color:#ffffff1a}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:1rem;color:var(--phase-color);opacity:.8}.card-title{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.card-content{padding-left:1.75rem}.focus-text{font-size:1.25rem;font-weight:300;color:#ffffffe6;margin-bottom:.5rem;line-height:1.5}.focus-subtext{font-size:.85rem;color:#ffffff59;font-style:italic}.stress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.stress-fill{height:100%;border-radius:3px;transition:width 1s ease}.stress-card.stress-calm .stress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.stress-card.stress-mild .stress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stress-card.stress-active .stress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.stress-label{font-size:1rem;color:#fffc;margin-bottom:.5rem}.stress-watching{font-size:.8rem;color:#fff6}.watching-label{margin-right:.5rem}.watching-triggers{color:#ffffff80}.adapting-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.adapting-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.adapting-status{font-size:.6rem;color:#10b981}.adapting-status.pending{color:#fff3}.adapting-text{color:#ffffffb3}.adapting-item:has(.pending) .adapting-text{color:#fff6}.adapting-cta{font-size:.8rem;color:#ffffff59;font-style:italic;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.actions-section{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.action-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:50px;text-decoration:none;font-size:.95rem;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,var(--phase-color),rgba(139,92,246,.8));color:#fff}.action-button.primary:hover{transform:scale(1.02);box-shadow:0 10px 30px var(--phase-color-dim)}.action-button.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.action-button.secondary:hover{background:#ffffff1a;border-color:#fff3}.action-icon{font-size:1.25rem}.action-text{font-weight:500}.brief-footer{position:relative;z-index:2;text-align:center;padding:2rem}.footer-message{font-size:.9rem;color:#ffffff40;margin:0;font-style:italic}@media (max-width: 768px){.brief-content{padding:1rem}.greeting-text{font-size:2rem}.status-section{gap:.75rem}.status-card{padding:1.25rem}.actions-section{flex-direction:column}.action-button{justify-content:center}.breathing-orb{width:100px;height:100px}.orb-inner{width:50px;height:50px}.orb-glow{width:80px;height:80px}}@keyframes contentEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.greeting-section,.breathing-section,.status-section,.actions-section{animation:contentEnter .6s ease forwards}.breathing-section{animation-delay:.1s}.status-section{animation-delay:.2s}.actions-section{animation-delay:.3s}.app{width:100%;height:100%;position:relative}.canvas{position:absolute;top:0;left:0;width:100%;height:100%}.message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:300;color:#a78bfae6;text-align:center;max-width:75%;line-height:1.6;text-shadow:0 0 20px rgba(167,139,250,.3);animation:fadeIn 5s ease;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.listening-indicator{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#667eea66;border-radius:50%;box-shadow:0 0 15px #667eea99}.listening-indicator.active{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:.4}50%{transform:translate(-50%) scale(1.8);opacity:1}}.connection-status{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:14px;color:#a78bfa99;text-align:center}.home-page{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace}.home-content{text-align:center}.home-title{font-size:72px;font-weight:700;color:#0ff;letter-spacing:16px;margin-bottom:10px;text-shadow:0 0 30px rgba(0,255,255,.8)}.home-subtitle{font-size:14px;color:#888;letter-spacing:4px;margin-bottom:60px}.home-links{display:flex;gap:40px;justify-content:center}.home-link{display:block;padding:30px 40px;background:#000c;border:2px solid rgba(100,255,255,.3);border-radius:8px;text-decoration:none;transition:all .3s ease;min-width:200px}.home-link:hover{background:#64ffff1a;border-color:#64ffffcc;box-shadow:0 0 30px #64ffff66;transform:translateY(-5px)}.link-title{font-size:24px;font-weight:700;color:#0ff;letter-spacing:4px;margin-bottom:10px}.link-desc{font-size:12px;color:#888;letter-spacing:2px}.home-tagline{font-size:18px;color:#0ff9;letter-spacing:2px;margin-bottom:50px;font-style:italic}.home-link.featured{background:linear-gradient(135deg,#00ffff1a,#00c8c80d);border-color:#00ffff80}.home-link.featured:hover{background:linear-gradient(135deg,#0ff3,#00c8c81a);box-shadow:0 0 40px #00ffff80}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;background:#000;color:#fff;min-height:100vh}#root{width:100%;height:100%}