:root{
  color-scheme:dark;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;
  --lime:#d8ff5b;
  --mint:#74ffd1;
  --ink:#f7faef;
  --muted:#aeb6aa;
  --line:rgba(216,255,91,.18);
  --panel:rgba(17,22,19,.86);
  --intensity:.7;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#080b0a;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}
body{min-height:100svh;background:
  radial-gradient(circle at 18% 4%,rgba(116,255,209,.11),transparent 28%),
  radial-gradient(circle at 92% 16%,rgba(216,255,91,.09),transparent 26%),
  #080b0a}
button,input,a{font:inherit;-webkit-tap-highlight-color:transparent}
button{color:inherit}
.app{position:relative;min-height:100svh;width:min(100%,560px);margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));overflow:hidden}
.app:before{content:"";position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.02),transparent 32%),radial-gradient(circle at 50% 60%,rgba(0,0,0,.45),transparent 48%);transition:opacity .5s ease;z-index:-1}
.topbar{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;position:relative;z-index:8}
.home-link,.sound-btn{display:inline-flex;align-items:center;gap:7px;color:#cdd4c8;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.09em}
.home-link{justify-self:start}.home-link span{opacity:.78}.sound-btn{justify-self:end;width:36px;height:36px;justify-content:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:rgba(255,255,255,.04);cursor:pointer}.sound-btn[aria-pressed="false"]{opacity:.45}
.step-dots{display:flex;gap:5px;align-items:center}.step-dots i{display:block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.16);transition:.25s ease}.step-dots i.active{width:18px;border-radius:9px;background:var(--lime)}
.screen{display:none;min-height:calc(100svh - 76px);padding:clamp(32px,7vh,64px) 0 18px;animation:screenIn .36s cubic-bezier(.2,.8,.2,1)}
.screen.active{display:flex;flex-direction:column}
@keyframes screenIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.eyebrow{margin:0 0 13px;font-size:12px;font-weight:950;letter-spacing:.18em;color:var(--lime)}
.hero-copy{margin-top:auto}.hero-copy h1{font-size:clamp(74px,24vw,126px);line-height:.78;letter-spacing:-.085em;margin:0;font-weight:950}.hero-copy h1 span{color:var(--lime)}.lead{margin:28px 0 0;font-size:17px;line-height:1.8;color:#c1c8bd}.lead strong{color:#fff}
.screen-copy{margin-bottom:28px}.screen-copy.compact{margin-top:auto}.screen-copy.centered{text-align:center}.screen-copy h2{font-size:clamp(38px,11vw,58px);line-height:1.02;letter-spacing:-.065em;margin:0 0 16px}.screen-copy p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted);margin:0}.screen-copy.centered p:not(.eyebrow){max-width:390px;margin-inline:auto}
.intensity-card{margin:30px 0 18px;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(216,255,91,.08),rgba(255,255,255,.025));border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.intensity-card.after{margin-top:10px}.intensity-head{display:flex;align-items:end;justify-content:space-between}.intensity-head>span{font-size:12px;font-weight:800;color:#c4cbbb}.intensity-head strong{display:flex;align-items:baseline;gap:3px;font-size:42px;letter-spacing:-.06em;color:var(--lime)}.intensity-head small{font-size:13px;color:#9fa895;letter-spacing:0}.intensity-range{width:100%;margin:20px 0 9px;accent-color:var(--lime);height:32px}.range-labels{display:flex;justify-content:space-between;color:#7f887d;font-size:12px;font-weight:800;letter-spacing:.08em}
.primary-btn,.secondary-btn{border:0;cursor:pointer}.primary-btn{width:100%;min-height:64px;border-radius:20px;background:var(--lime);color:#11170e;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:950;box-shadow:0 16px 34px rgba(216,255,91,.12);transition:transform .12s ease,filter .12s ease}.primary-btn:active{transform:scale(.985);filter:brightness(.92)}.primary-btn b{font-size:22px}.secondary-btn{align-self:center;margin-top:18px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:11px 16px;color:#aeb6aa;font-size:12px;font-weight:850}.text-btn{align-self:center;border:0;background:transparent;color:#899287;padding:14px;font-size:12px;font-weight:850;cursor:pointer}.microcopy,.safety-note,.privacy-note{font-size:12px;line-height:1.65;color:#707a6e;text-align:center}.microcopy{margin:12px 0 0}.local-stats{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:center;gap:18px;color:#7f887c;font-size:12px}.local-stats b{color:#cdd4c8}
.emotion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.emotion-btn{position:relative;min-height:86px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.035);color:#eef3e9;text-align:left;padding:16px;cursor:pointer;overflow:hidden;transition:.16s ease}.emotion-btn:before{content:"";position:absolute;right:-24px;bottom:-40px;width:78px;height:78px;border-radius:50%;background:var(--tone);filter:blur(10px);opacity:.18}.emotion-btn:active{transform:scale(.975);border-color:rgba(216,255,91,.34)}.emotion-btn b{display:block;font-size:17px;margin-bottom:5px}.emotion-btn span{font-size:12px;color:#899287}.emotion-btn .symbol{position:absolute;right:13px;top:12px;font-size:18px;color:var(--tone)}
.breath-stage{position:relative;display:grid;place-items:center;min-height:370px;margin:auto 0 0;overflow:hidden}.breath-ring{position:relative;width:min(64vw,285px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 45% 37%,rgba(255,255,255,.09),rgba(116,255,209,.06) 55%,transparent 68%);border:1px solid rgba(116,255,209,.3);box-shadow:0 0 0 16px rgba(116,255,209,.025),0 0 80px rgba(116,255,209,.08);transform:scale(.76);transition:transform 3s cubic-bezier(.45,0,.55,1),border-color .6s ease,box-shadow .6s ease;z-index:3}.breath-ring.inhale{transform:scale(1)}.breath-ring.exhale{transform:scale(.72);transition-duration:5s}.breath-core{text-align:center}.breath-core span{display:block;font-size:13px;font-weight:900;letter-spacing:.12em;color:#cbd8cc}.breath-core strong{display:block;margin-top:5px;font-size:62px;line-height:1;letter-spacing:-.07em}.fog{position:absolute;width:190px;height:190px;border-radius:46% 54% 61% 39%;background:radial-gradient(circle,rgba(202,213,205,.22),rgba(80,91,85,.08) 50%,transparent 71%);filter:blur(12px);animation:drift 7s ease-in-out infinite;opacity:var(--fog-opacity,.63)}.fog-a{left:-60px;top:70px}.fog-b{right:-58px;top:120px;animation-delay:-2.4s}.fog-c{left:28%;bottom:18px;animation-delay:-4.2s}@keyframes drift{50%{transform:translate(18px,-16px) rotate(18deg) scale(1.14)}}.cycle-dots{position:absolute;bottom:18px;display:flex;gap:8px}.cycle-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.12)}.cycle-dots i.done{background:var(--mint);box-shadow:0 0 15px rgba(116,255,209,.5)}.safety-note{margin:10px auto 0;max-width:360px}
.throw-stage{position:relative;min-height:390px;overflow:hidden;margin:auto 0 0;border-radius:28px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 6%,rgba(216,255,91,.08),transparent 20%),linear-gradient(#0e1411,#080b0a);touch-action:none}.horizon{position:absolute;left:5%;right:5%;top:24%;height:1px;background:linear-gradient(90deg,transparent,rgba(216,255,91,.22),transparent);box-shadow:0 -38px 70px rgba(216,255,91,.05)}.throw-target{position:absolute;top:11%;left:0;right:0;text-align:center;font-size:12px;font-weight:950;letter-spacing:.16em;color:#667164}.mood-blob{position:absolute;left:50%;bottom:62px;width:154px;height:145px;translate:-50% 0;border-radius:49% 51% 44% 56% / 45% 47% 53% 55%;background:radial-gradient(circle at 36% 30%,#3b4540,#202722 55%,#111512 80%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.52);display:grid;place-items:center;cursor:grab;user-select:none;z-index:4;will-change:transform,opacity}.mood-blob:active{cursor:grabbing}.mood-blob span{position:relative;z-index:2;font-size:12px;font-weight:900;color:#d3dbd1}.mood-blob i{position:absolute;width:64px;height:45px;border-radius:50%;background:rgba(129,142,132,.12);filter:blur(8px)}.mood-blob i:nth-child(2){left:-18px;top:24px}.mood-blob i:nth-child(3){right:-24px;top:51px}.mood-blob i:nth-child(4){left:27px;bottom:-15px}.mood-blob.thrown{animation:throwAway .72s cubic-bezier(.23,.82,.28,1) forwards}@keyframes throwAway{55%{transform:translate3d(var(--throw-x,0),-230px,0) scale(.58) rotate(var(--throw-r,8deg));opacity:.82}100%{transform:translate3d(var(--throw-x2,0),-420px,0) scale(.08) rotate(var(--throw-r,18deg));opacity:0;filter:blur(5px)}}.throw-hint{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#758076;font-size:12px;font-weight:900;letter-spacing:.1em;animation:hint 1.4s ease-in-out infinite}@keyframes hint{50%{transform:translateY(-5px);color:#a6b0a4}}
.result-screen{align-items:center;justify-content:center;text-align:center;position:relative}.result-screen .eyebrow{margin-bottom:22px}.drop-result{position:relative;z-index:2}.drop-result strong{display:block;font-size:clamp(108px,33vw,180px);line-height:.72;letter-spacing:-.09em;color:var(--lime);text-shadow:0 0 60px rgba(216,255,91,.12)}.drop-result span{display:block;margin-top:22px;font-size:23px;font-weight:950;letter-spacing:-.04em}.result-copy{font-size:14px;line-height:1.85;color:#b8c0b5;margin:24px 0 16px}.before-after{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.08);padding:11px 14px;border-radius:999px;color:#7d877b;font-size:12px;font-weight:900;letter-spacing:.1em}.before-after b{font-size:14px;color:#eef2e9}.before-after i{font-style:normal;color:var(--lime)}.result-actions{width:100%;margin-top:34px}.secondary-link{display:inline-block;margin-top:16px;color:#929b90;text-decoration:none;font-size:12px;font-weight:850}.privacy-note{margin:24px auto 0;max-width:390px}.result-orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(216,255,91,.08);border-radius:50%;pointer-events:none}.result-orbit i{position:absolute;inset:34px;border:1px solid rgba(116,255,209,.06);border-radius:50%}.result-orbit i:last-child{inset:75px}
.flash{position:fixed;inset:0;pointer-events:none;background:rgba(216,255,91,.12);opacity:0;z-index:50}.flash.on{animation:flash .35s ease}@keyframes flash{45%{opacity:1}100%{opacity:0}}
@media(max-height:720px){.screen{padding-top:22px}.hero-copy h1{font-size:76px}.hero-copy{margin-top:10px}.intensity-card{margin:22px 0 14px}.breath-stage{min-height:300px}.breath-ring{width:220px}.throw-stage{min-height:310px}.screen-copy{margin-bottom:18px}.screen-copy h2{font-size:38px}.emotion-btn{min-height:72px;padding:13px}}
@media(min-width:700px){body{display:grid;place-items:start center}.app{border-inline:1px solid rgba(255,255,255,.04)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.breath-ring{transition-duration:.01ms!important}}