@view-transition{navigation: auto;}::view-transition-old(root){animation:fade-out .25s ease-out both}::view-transition-new(root){animation:fade-in .25s ease-in both}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fade-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}::view-transition-old(slide){animation:slide-out-left .3s ease-out both}::view-transition-new(slide){animation:slide-in-right .3s ease-out both}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}@keyframes slide-in-right{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.page-enter{animation:pageSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}.page-exit{animation:pageSlideOut .3s ease-in forwards}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.parallax-container{position:relative;overflow:hidden;perspective:1px;transform-style:preserve-3d;height:100vh}.parallax-layer{position:absolute;inset:0}.parallax-layer--back{transform:translateZ(-1px) scale(2)}.parallax-layer--base{transform:translateZ(0)}.parallax-layer--front{transform:translateZ(.5px) scale(.5)}[data-parallax]{will-change:transform;transition:transform .1s linear}[data-parallax=slow]{--parallax-speed: .3}[data-parallax=medium]{--parallax-speed: .5}[data-parallax=fast]{--parallax-speed: .8}.hero-parallax{position:relative;min-height:100vh;overflow:hidden}.hero-parallax .hero-bg{position:absolute;inset:-50px;background-size:cover;background-position:center;will-change:transform}.hero-parallax .hero-content{position:relative;z-index:1}.particles-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:var(--particle-size, 4px);height:var(--particle-size, 4px);background:var(--color-primary);border-radius:50%;opacity:var(--particle-opacity, .3);animation:particleFloat var(--particle-duration, 15s) linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:var(--particle-opacity, .3)}90%{opacity:var(--particle-opacity, .3)}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.particles-container .particle:nth-child(n+16){display:none}.particle{--particle-size: 3px}}@media (max-width: 480px){.particles-container .particle:nth-child(n+9){display:none}}@media (prefers-reduced-motion: reduce){.particles-container{display:none}}.particle{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.btn-feedback{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0;pointer-events:none}.btn-feedback:active:before{width:300%;height:300%;opacity:1;transition:width 0s,height 0s,opacity 0s}.btn-press{transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease}.btn-press:active{transform:scale(.96)}.btn-glow{position:relative}.btn-glow:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:inherit;z-index:-1;opacity:0;filter:blur(12px);transition:opacity .3s ease}.btn-glow:hover:after{opacity:.6}.choice-btn-enhanced{position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center}.choice-btn-enhanced:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px rgba(var(--color-primary-rgb),.2),0 4px 8px #0000001a}.choice-btn-enhanced:active{transform:translateY(-2px) scale(.98)}.choice-btn-enhanced.selected{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:transparent;animation:selectPulse .5s ease}@keyframes selectPulse{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(.98)}to{transform:scale(1)}}.choice-btn-enhanced.selected:after{content:"";position:absolute;right:16px;top:50%;width:20px;height:20px;background:#fff;border-radius:50%;transform:translateY(-50%) scale(0);animation:checkmarkAppear .4s cubic-bezier(.175,.885,.32,1.275) .1s forwards}@keyframes checkmarkAppear{to{transform:translateY(-50%) scale(1)}}.reveal-up{opacity:0;transform:translateY(60px)}.reveal-down{opacity:0;transform:translateY(-60px)}.reveal-left{opacity:0;transform:translate(-60px)}.reveal-right{opacity:0;transform:translate(60px)}.reveal-scale{opacity:0;transform:scale(.8)}.reveal-rotate{opacity:0;transform:rotate(-10deg) translateY(40px)}.reveal-up.revealed,.reveal-down.revealed,.reveal-left.revealed,.reveal-right.revealed,.reveal-scale.revealed,.reveal-rotate.revealed{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(0);transition:all .8s cubic-bezier(.16,1,.3,1)}[data-reveal-delay="1"]{transition-delay:.1s}[data-reveal-delay="2"]{transition-delay:.2s}[data-reveal-delay="3"]{transition-delay:.3s}[data-reveal-delay="4"]{transition-delay:.4s}[data-reveal-delay="5"]{transition-delay:.5s}[data-reveal-delay="6"]{transition-delay:.6s}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));z-index:9999;transition:width .1s linear}.tilt-card{transform-style:preserve-3d;perspective:1000px;transition:transform .1s ease-out}.tilt-card-inner{transform:translateZ(20px);transition:transform .3s ease}.tilt-card:hover .tilt-card-inner{transform:translateZ(40px)}.magnet-btn{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.shine-effect{position:relative;overflow:hidden}.shine-effect:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 60%,transparent 100%);transform:rotate(25deg) translate(-100%);transition:transform .6s ease;pointer-events:none}.shine-effect:hover:before{transform:rotate(25deg) translate(100%)}.brand-loader{display:flex;flex-direction:column;align-items:center;gap:20px}.brand-loader-heart{font-size:64px;animation:brandHeartbeat 1.4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(var(--color-primary-rgb),.5))}@keyframes brandHeartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}.wave-loader{display:flex;gap:4px;align-items:flex-end;height:30px}.wave-loader span{width:4px;height:10px;background:var(--color-primary);border-radius:2px;animation:waveBar 1.2s ease-in-out infinite}.wave-loader span:nth-child(1){animation-delay:0s}.wave-loader span:nth-child(2){animation-delay:.1s}.wave-loader span:nth-child(3){animation-delay:.2s}.wave-loader span:nth-child(4){animation-delay:.3s}.wave-loader span:nth-child(5){animation-delay:.4s}@keyframes waveBar{0%,to{height:10px}50%{height:30px}}.circular-progress{width:60px;height:60px;position:relative}.circular-progress svg{transform:rotate(-90deg)}.circular-progress circle{fill:none;stroke-width:4;stroke-linecap:round}.circular-progress .track{stroke:var(--color-bg-subtle)}.circular-progress .progress{stroke:var(--color-primary);stroke-dasharray:157;stroke-dashoffset:157;animation:circularFill 2s ease-out forwards}@keyframes circularFill{to{stroke-dashoffset:0}}.typing-text{overflow:hidden;border-right:2px solid var(--color-primary);white-space:nowrap;animation:typing 3s steps(30,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-primary)}}.text-reveal span{display:inline-block;opacity:0;transform:translateY(20px) rotateX(-90deg);animation:letterReveal .5s cubic-bezier(.16,1,.3,1) forwards}.text-reveal span:nth-child(1){animation-delay:.05s}.text-reveal span:nth-child(2){animation-delay:.1s}.text-reveal span:nth-child(3){animation-delay:.15s}.text-reveal span:nth-child(4){animation-delay:.2s}.text-reveal span:nth-child(5){animation-delay:.25s}.text-reveal span:nth-child(6){animation-delay:.3s}.text-reveal span:nth-child(7){animation-delay:.35s}.text-reveal span:nth-child(8){animation-delay:.4s}.text-reveal span:nth-child(9){animation-delay:.45s}.text-reveal span:nth-child(10){animation-delay:.5s}@keyframes letterReveal{to{opacity:1;transform:translateY(0) rotateX(0)}}.gradient-text-animated{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s linear infinite}@keyframes gradientShift{to{background-position:200% center}}.svg-draw path,.svg-draw line,.svg-draw circle,.svg-draw rect{stroke-dasharray:1000;stroke-dashoffset:1000;animation:svgDraw 2s ease forwards}@keyframes svgDraw{to{stroke-dashoffset:0}}.svg-icon-animated{transition:all .3s ease}.svg-icon-animated:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(var(--color-primary-rgb),.3))}.svg-pulse{animation:svgPulse 2s ease-in-out infinite}@keyframes svgPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.glass-enhanced{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff1a}.neon-glow{text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 40px var(--color-primary);animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 40px var(--color-primary)}50%{text-shadow:0 0 2px var(--color-primary),0 0 5px var(--color-primary),0 0 10px var(--color-primary),0 0 20px var(--color-primary)}}.float-slow{animation:floatSlow 6s ease-in-out infinite}.float-medium{animation:floatMedium 4s ease-in-out infinite}.float-fast{animation:floatFast 2s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes floatMedium{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatFast{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wiggle{animation:wiggle .5s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.bounce-in{animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-check{width:80px;height:80px;border-radius:50%;background:var(--color-success);display:flex;align-items:center;justify-content:center;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}.success-check svg{width:40px;height:40px;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.success-check svg path{stroke-dasharray:50;stroke-dashoffset:50;animation:checkDraw .4s ease .2s forwards}@keyframes successPop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkDraw{to{stroke-dashoffset:0}}.gpu-accelerate{transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.animation-paused{animation-play-state:paused!important}.offscreen{content-visibility:auto;contain-intrinsic-size:0 500px}body.dark-mode .particle{background:var(--color-primary-light);opacity:.2}body.dark-mode .glass-enhanced{background:#1e1e28b3;border-color:#ffffff1a}body.dark-mode .shine-effect:before{background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 60%,transparent 100%)}:root{--personality-bg: #F9F9F7;--personality-bg-gradient: linear-gradient(180deg, #F9F9F7 0%, #F0EFEB 100%);--personality-primary: #C08457;--personality-primary-light: #DDB892;--personality-primary-dark: #9A6338;--personality-text: #27272A;--personality-text-secondary: #57534E;--personality-text-muted: #A8A29E;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .05);--glass-border-light: rgba(255, 255, 255, .4);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .04);--accent-sage: #A3B18A}.personality-themed-bg{background-color:var(--personality-bg)!important;transition:background-color .3s ease}.personality-themed-primary{color:var(--personality-primary)!important;transition:color .3s ease}.personality-themed-logo{color:var(--personality-primary)!important}body.stories-page .header .logo,body.stories-page .header .logo-text{color:var(--personality-primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}