:root{--ease:cubic-bezier(.22,1,.36,1);--glow:0 16px 50px rgba(0,0,0,.28)}
html{scroll-behavior:smooth}body{-webkit-tap-highlight-color:transparent}button,.card,.settingRow,.resultcard,.integration,.radar-card,.microCard{transition:transform .28s var(--ease),border-color .28s ease,background .28s ease,box-shadow .28s ease,opacity .28s ease}button:active{transform:scale(.975)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a8ff3e;outline-offset:3px}.life-work button:focus-visible{outline-color:#8eb4ff}
.view.active{animation:viewIn .48s var(--ease) both}.view.active>.heading,.view.active>.premiumHeading{animation:rise .52s .04s var(--ease) both}.view.active>.card,.view.active>.profilePage,.view.active>.journalGrid,.view.active>.historyEvolution,.view.active>.historyFilters,.view.active>.learnHero,.view.active>.radar-grid,.view.active>.impulse-hero{animation:rise .55s .08s var(--ease) both}@keyframes viewIn{from{opacity:.25}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.impulse-hero{box-shadow:var(--glow)}.impulse-hero:before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-120px;background:#a8ff3e12;filter:blur(2px);animation:breathe 5s ease-in-out infinite}.life-work .impulse-hero:before{background:#79a7ff16}@keyframes breathe{50%{transform:scale(1.18);opacity:.55}}
.impulse-primary{position:relative;overflow:hidden}.impulse-primary:after{content:'';position:absolute;inset:-60% auto -60% -35%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#fff8,transparent);animation:sheen 5.5s ease-in-out infinite}@keyframes sheen{0%,68%{left:-40%}82%,100%{left:125%}}
.card:hover,.radar-card:hover,.integration:hover,.resultcard:hover{border-color:#3a4a40}.next-move:hover,.settingRow:hover{background:#18221c}.circleChevron{transition:transform .25s var(--ease),background .25s}.circleChevron:hover{transform:translateX(2px);background:#222e26}.progressbar span{transition:width .7s var(--ease)}
.nav button.active svg{filter:drop-shadow(0 0 7px rgba(168,255,62,.25))}.life-work .nav button.active svg{filter:drop-shadow(0 0 7px rgba(121,167,255,.25))}
.microCard.active{animation:microIn .42s var(--ease) both}@keyframes microIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.microFeed{scroll-snap-type:y proximity}.microCard{scroll-snap-align:center}
.productStatus{display:inline-flex;align-items:center;gap:7px;color:#89968f;font-size:11px;font-weight:750}.productStatus i{width:7px;height:7px;border-radius:50%;background:#a8ff3e;box-shadow:0 0 12px #a8ff3e88;animation:pulseDot 2s ease infinite}@keyframes pulseDot{50%{opacity:.45;box-shadow:0 0 3px #a8ff3e44}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(102px + env(safe-area-inset-bottom))}.sidebar{height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.impulse-hero h2{font-size:27px;line-height:1.08}.impulse-hero p{font-size:14px}.impulse-actions{display:grid;grid-template-columns:1fr 1fr}.impulse-actions .impulse-primary{grid-column:1/-1}.radar-card{padding:17px}.next-move{padding:14px}.heading h1{font-size:34px}.card:hover,.radar-card:hover,.integration:hover,.resultcard:hover{transform:none}.learnHero{align-items:flex-start}.learnHero h2{font-size:25px}.profilePage,.journalGrid,#historyList{margin-inline:auto}}