:root{
  color-scheme:light;
  --bg:#f2f3ec;
  --paper:#ffffff;
  --ink:#151711;
  --muted:#6a6f64;
  --line:#d7dccf;
  --lime:#c7f24b;
  --lime-strong:#9fdd10;
  --lime-soft:#eaf8b8;
  --soft:#e9ede4;
  --danger:#e86c5f;
  --deep:#20251b;
  --radius:28px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);min-width:320px}
body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;border:1px solid rgba(77,91,55,.13);border-radius:50%;pointer-events:none;z-index:0}
body::before{width:440px;height:440px;right:-250px;top:90px}
body::after{width:300px;height:300px;left:-190px;bottom:60px}
button,a{font:inherit}
button{touch-action:manipulation}
.app-shell{position:relative;z-index:1;width:min(100%,520px);margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 18px calc(30px + env(safe-area-inset-bottom))}
.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}
.brand{font-size:13px;font-weight:1000;letter-spacing:.18em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.brand::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--lime-strong);box-shadow:0 0 0 5px rgba(159,221,16,.15)}
.quiet-btn,.back-btn,.text-btn{border:0;background:transparent;color:var(--muted);font-weight:850;padding:10px 0;cursor:pointer}
.quiet-btn{font-size:13px}
main{position:relative}
main::before{content:"";position:absolute;width:140px;height:140px;border-radius:38% 62% 58% 42% / 48% 38% 62% 52%;background:var(--lime-soft);right:-75px;top:16px;opacity:.7;transform:rotate(14deg);z-index:-1;animation:ambientBlob 9s ease-in-out infinite}
.screen{display:none;animation:screenIn .28s cubic-bezier(.2,.8,.2,1) both;position:relative}
.screen.active{display:block}
@keyframes screenIn{from{opacity:0;transform:translateY(13px) scale(.99)}to{opacity:1;transform:none}}
@keyframes ambientBlob{0%,100%{transform:rotate(14deg) scale(1)}50%{transform:rotate(-8deg) scale(.88)}}
.eyebrow,.step-mark,.result-kicker,.mini-label{font-size:12px;font-weight:950;letter-spacing:.09em;color:#64704c;text-transform:uppercase}
.eyebrow,.step-mark{display:inline-flex;align-items:center;gap:8px}
.eyebrow::before,.step-mark::before{content:"";width:18px;height:2px;border-radius:99px;background:var(--lime-strong)}
h1,h2,p{margin-top:0}
h1{font-size:clamp(44px,12.5vw,64px);line-height:.92;letter-spacing:-.062em;margin:15px 0 20px;max-width:490px}
h2{font-size:clamp(33px,9.3vw,47px);line-height:1;letter-spacing:-.05em;margin:12px 0 14px}
.lead{font-size:20px;line-height:1.55;font-weight:760;max-width:410px;margin-bottom:30px}
.subcopy,.microcopy,.action-detail,.result-copy{color:var(--muted);line-height:1.7}
.subcopy{font-size:16px;margin-bottom:20px}
.microcopy{font-size:13px;text-align:center;margin:15px auto 0;max-width:360px}
#startScreen{padding-top:2px}
#startScreen::after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;border:16px solid rgba(199,242,75,.45);right:2px;top:95px;z-index:-1;transform:rotate(-13deg)}
.intensity-card{position:relative;background:var(--paper);border:1px solid rgba(119,130,103,.18);border-radius:30px;padding:20px 16px 16px;box-shadow:0 20px 48px rgba(27,31,20,.08),0 2px 0 rgba(255,255,255,.9) inset;overflow:hidden}
.intensity-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--lime)}
.question{font-size:15px;font-weight:950;margin-bottom:14px;letter-spacing:.01em}
.intensity-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.intensity-scale button{position:relative;min-height:82px;border:1px solid var(--line);border-radius:20px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink);font-weight:950;cursor:pointer;transition:.14s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.intensity-scale button::after{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:3px;border-radius:99px;background:rgba(117,128,101,.16);transform-origin:left;transform:scaleX(.3)}
.intensity-scale button:nth-child(2)::after{transform:scaleX(.45)}
.intensity-scale button:nth-child(3)::after{transform:scaleX(.6)}
.intensity-scale button:nth-child(4)::after{transform:scaleX(.8)}
.intensity-scale button:nth-child(5)::after{transform:scaleX(1);background:rgba(232,108,95,.35)}
.intensity-scale button:active{transform:scale(.94) translateY(2px);background:var(--lime)}
.intensity-scale span{font-size:27px;line-height:1}
.intensity-scale small{font-size:12px;line-height:1.15;color:var(--muted);font-weight:850}
.last-session,.personal-insight{margin-top:16px;padding:14px 16px;border-radius:19px;background:var(--soft);line-height:1.5;border:1px solid rgba(104,116,89,.08)}
.last-session{display:flex;gap:10px;align-items:center}
.last-session strong{font-size:14px}
.personal-insight{font-size:14px;font-weight:760}
.back-btn{margin:0 0 12px;font-size:13px}
#waveScreen{isolation:isolate}
#waveScreen::before,#waveScreen::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(80,94,61,.14);z-index:-1;pointer-events:none}
#waveScreen::before{width:420px;height:420px;left:50%;top:155px;transform:translateX(-50%)}
#waveScreen::after{width:310px;height:310px;left:50%;top:210px;transform:translateX(-50%)}
.wave-stage{position:relative;min-height:350px;display:grid;place-items:center;margin:8px 0 2px;perspective:600px}
.wave-stage::before,.wave-stage::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(159,221,16,.24);animation:ripple 3.2s ease-out infinite}
.wave-stage::before{width:272px;height:272px}
.wave-stage::after{width:314px;height:314px;animation-delay:1.6s}
@keyframes ripple{0%{transform:scale(.72);opacity:0}30%{opacity:1}100%{transform:scale(1.08);opacity:0}}
.wave-shadow{position:absolute;width:245px;height:62px;border-radius:50%;background:rgba(23,25,20,.1);filter:blur(11px);transform:translateY(124px) scaleX(.92)}
.wave-hold{--wave-progress:0;position:relative;width:240px;height:240px;border:0;border-radius:42% 58% 61% 39% / 49% 43% 57% 51%;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-weight:950;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(23,25,20,.07),inset 14px 12px 0 rgba(255,255,255,.13),0 28px 60px rgba(94,126,24,.24);animation:waveFloat 3.1s ease-in-out infinite;overflow:hidden;transition:transform .15s ease,background .25s ease;z-index:2}
.wave-hold::before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;border:1px solid rgba(23,25,20,.12);top:27px;right:23px;transform:rotate(18deg)}
.wave-hold::after{content:"";position:absolute;inset:auto 0 0;height:calc(var(--wave-progress) * 1%);background:rgba(255,255,255,.43);transition:height .08s linear}
.wave-hold>*{position:relative;z-index:1}
.wave-hold.holding{transform:scale(.965);animation-duration:4.5s;box-shadow:inset 0 0 0 2px rgba(23,25,20,.08),0 18px 38px rgba(94,126,24,.19)}
.wave-hold.complete{background:var(--paper);border:2px solid var(--lime-strong);animation:waveSettle .7s ease-out forwards}
@keyframes waveFloat{0%,100%{border-radius:42% 58% 61% 39% / 49% 43% 57% 51%;transform:translateY(0) rotate(-1deg)}35%{border-radius:55% 45% 43% 57% / 41% 55% 45% 59%;transform:translateY(-11px) rotate(1.5deg)}70%{border-radius:47% 53% 58% 42% / 55% 44% 56% 45%;transform:translateY(-4px) rotate(-.5deg)}}
@keyframes waveSettle{to{border-radius:50%;transform:scale(.9)}}
.hold-copy{font-size:18px;letter-spacing:-.01em}
.hold-time{font-size:38px;letter-spacing:-.055em}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice-grid button,.choice-list button,.next-actions button{position:relative;border:1px solid rgba(119,130,103,.18);background:var(--paper);color:var(--ink);border-radius:21px;min-height:74px;padding:15px 16px;text-align:left;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(20,22,17,.045);transition:.14s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.choice-grid button::before,.choice-list button::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);opacity:.9}
.choice-grid button::before{right:11px;top:11px}
.choice-list button::after{right:15px;top:50%;transform:translateY(-50%)}
.choice-grid button{font-size:17px;text-align:center}
.choice-grid button:active,.choice-list button:active,.next-actions button:active{transform:scale(.975);background:var(--lime-soft);border-color:var(--lime-strong)}
.named-feeling{margin-top:16px;padding:16px;border:2px solid var(--lime-strong);border-radius:19px;font-weight:950;text-align:center;background:rgba(234,248,184,.56);box-shadow:0 9px 22px rgba(159,221,16,.1)}
.choice-list{display:grid;gap:10px}
.choice-list button{display:flex;flex-direction:column;gap:4px;min-height:78px;padding-right:42px}
.choice-list strong{font-size:17px}
.choice-list span{font-size:13px;color:var(--muted);font-weight:720;line-height:1.45}
.anchor-list button::before{content:"→";font-weight:1000;margin-right:8px;color:#6e8928}
#doScreen{text-align:center;padding-top:4px}
.action-orbit{width:246px;height:246px;border-radius:50%;border:1px solid rgba(104,116,89,.24);display:grid;place-items:center;margin:18px auto 30px;position:relative;box-shadow:0 0 0 18px rgba(199,242,75,.08),0 0 0 38px rgba(199,242,75,.04)}
.action-orbit::before,.action-orbit::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}
.action-orbit::before{inset:30px;animation:orbitPulse 3.2s ease-in-out infinite}.action-orbit::after{inset:68px;animation:orbitPulse 3.2s ease-in-out infinite reverse}
.action-orbit span{width:76px;height:76px;border-radius:50%;background:var(--lime);animation:breatheDot 2.8s ease-in-out infinite;box-shadow:0 12px 30px rgba(128,165,42,.23),0 0 0 10px rgba(199,242,75,.18)}
@keyframes breatheDot{50%{transform:scale(.68);opacity:.82}}
@keyframes orbitPulse{50%{transform:scale(.93);opacity:.52}}
#doScreen h2{font-size:39px}
.action-detail{font-size:17px;max-width:380px;margin:0 auto 24px}
.primary-btn{width:100%;min-height:60px;border:0;border-radius:19px;background:var(--deep);color:white;font-size:17px;font-weight:950;cursor:pointer;box-shadow:0 11px 26px rgba(32,37,27,.18);transition:.14s ease}
.primary-btn:active{transform:translateY(2px) scale(.985);box-shadow:0 5px 13px rgba(32,37,27,.14)}
.text-btn{margin:10px auto 0;display:block}
#resultScreen{padding-top:5px}
#resultScreen::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:24px solid rgba(199,242,75,.28);right:-54px;top:-5px;z-index:-1}
.result-kicker{margin-top:16px;display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--lime-soft);color:#556431}
#resultTitle{font-size:39px;line-height:1.03;margin:13px 0 8px}
.before-after{display:inline-flex;align-items:baseline;gap:8px;font-size:22px;font-weight:1000;letter-spacing:-.03em;margin-bottom:18px;padding:8px 13px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.before-after b{font-size:43px}
.result-copy{font-size:17px;color:var(--ink);font-weight:740;background:var(--paper);border:1px solid var(--line);padding:19px;border-radius:21px;box-shadow:0 12px 28px rgba(20,22,17,.045)}
.result-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 20px}
.result-facts>div{position:relative;background:var(--soft);border-radius:19px;padding:15px;overflow:hidden}
.result-facts>div::after{content:"";position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(199,242,75,.45);right:-8px;bottom:-8px}
.result-facts span{display:block;font-size:12px;color:var(--muted);font-weight:820;margin-bottom:5px}
.result-facts strong{font-size:15px;line-height:1.3}
.next-minute{padding-top:4px}
.next-minute>p{font-weight:950;margin-bottom:10px}
.next-actions{display:grid;gap:8px}
.next-actions button{min-height:59px;text-align:center}
.result-insight{margin-bottom:12px}
.home-link{display:block;text-align:center;color:var(--ink);font-weight:950;padding:18px 8px;text-decoration:none}
@media(max-width:360px){
  .app-shell{padding-left:14px;padding-right:14px}
  body::before{right:-290px}
  h1{font-size:40px}.lead{font-size:18px}
  .intensity-scale{gap:5px}.intensity-scale button{min-height:74px;padding:6px 2px}.intensity-scale small{font-size:12px}
  .wave-hold{width:212px;height:212px}.wave-stage{min-height:310px}.wave-stage::before{width:244px;height:244px}.wave-stage::after{width:276px;height:276px}
  .choice-grid{gap:8px}.choice-grid button{min-height:68px;padding:12px 8px}
  #resultTitle{font-size:34px}
  .action-orbit{width:220px;height:220px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.screen,.wave-hold,.action-orbit span,.action-orbit::before,.action-orbit::after,.wave-stage::before,.wave-stage::after,main::before{animation:none!important}}