[hidden]{display:none!important}
.wellbeing-options{margin:19px 0 5px}.wellbeing-label{margin:0 0 10px;color:#819a82;font-size:10px;line-height:1.7;font-weight:400;letter-spacing:.06em}.wellbeing-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wellbeing-entry{min-width:0;min-height:68px;padding:12px 9px;border:1px solid rgba(126,155,113,.23);border-radius:12px;background:rgba(32,53,39,.34);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .2s,border-color .2s}.wellbeing-entry:hover{background:#29412e;border-color:#526e47}.wellbeing-entry-name{display:block;color:#b9c9ac;font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:break-word}.wellbeing-entry-note{display:block;max-width:100%;color:#7e997d;font-size:9px;line-height:1.65;overflow-wrap:break-word;text-wrap:balance}
body.rest-guide-open{overflow:hidden}
.rest-guide{position:fixed;inset:0;z-index:40;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(ellipse at 50% 43%,rgba(43,69,43,.16),transparent 48%),#0b1510;color:#b8c7ac;isolation:isolate;--breath-scale:1}.rest-guide:focus{outline:none}.rest-guide button{font-family:inherit}.rest-guide button:focus-visible,.wellbeing-options button:focus-visible{outline:2px solid #b4c99e;outline-offset:4px}.guide-header{width:min(880px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:calc(18px + env(safe-area-inset-top)) 28px 8px;min-height:70px}.guide-back,.guide-language{min-height:44px;padding:10px 13px;border-radius:11px;font-size:12px;line-height:1.6;color:#91a48a}.guide-back{padding-left:0}.guide-back:hover,.guide-language:hover{color:#d4dec7}.guide-language{min-width:49px;border:1px solid #30472f;color:#b4c5a5}.guide-main{width:min(570px,100%);min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 auto;padding:12px 28px 19px;text-align:center;scrollbar-width:thin;scrollbar-color:#30472f transparent}.guide-intro h2{font-family:var(--serif,"Songti SC",serif);font-size:32px;line-height:1.45;font-weight:400;letter-spacing:.035em;margin:0 0 10px;color:#c2ceb5;white-space:pre-line}.guide-intro p{font-size:12px;line-height:1.9;color:#7d9477;margin:0 auto;max-width:38ch;white-space:pre-line}.guide-durations{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px auto 0}.guide-durations button{min-width:91px;min-height:44px;border:1px solid #344d31;border-radius:11px;color:#829c7c;font-size:12px}.guide-durations button[aria-pressed=true]{border-color:#6c895a;background:#253e25;color:#c0cfaf}#guideView:not([data-status=ready]) #guideDurations{display:none}.guide-orb{position:relative;isolation:isolate;width:min(330px,100%);aspect-ratio:800/520;margin:24px auto 15px;display:flex;align-items:center;justify-content:center}.guide-radish{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:800/520;object-fit:contain;pointer-events:none;user-select:none;opacity:.63}.guide-halo{position:absolute;left:13%;right:6%;top:10%;bottom:2%;border-radius:50%;opacity:0;z-index:0;background:radial-gradient(ellipse,rgba(132,160,104,.11),rgba(132,160,104,.025) 57%,transparent 75%);border:1px solid rgba(122,153,99,.15);transform:scale(var(--breath-scale,1));transition:transform .25s linear,opacity .25s;pointer-events:none}#guideView[data-kind=breath] .guide-halo{opacity:1}#guideView[data-status=paused] .guide-halo{transition:none;opacity:.3}#guideView[data-status=ready] .guide-halo{transform:scale(1)}.guide-stage{max-width:440px;margin:0 auto}.guide-stage h3{font-family:var(--serif,"Songti SC",serif);font-size:25px;line-height:1.6;font-weight:400;color:#c0cdb3;margin:0 0 10px;white-space:pre-line}.guide-stage p{font-size:14px;line-height:1.95;color:#96ab8c;margin:0;white-space:pre-line}.guide-hint{max-width:42ch;margin:13px auto 0;font-size:10px;line-height:1.9;color:#6f896a;white-space:pre-line}.guide-voice-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin-top:19px}.guide-voice-toggle{min-height:44px;padding:9px 13px;border:1px solid #2f472b;border-radius:11px;color:#8da682;font-size:11px;line-height:1.65}.guide-voice-toggle[aria-pressed=true]{background:#263e23;border-color:#627d51;color:#bbcca6}.guide-voice-status{margin:0;color:#6d8667;font-size:10px;line-height:1.8;max-width:30ch}.guide-sound-status{margin:13px auto 0;font-size:11px;line-height:1.9;color:#a5b994;max-width:43ch}.guide-sound-status:empty{margin:0}.guide-retry{min-height:44px;padding:10px 15px;margin-top:9px;border:1px solid #4c6640;border-radius:10px;color:#b2c39e;font-size:11px}.guide-footer{width:min(450px,100%);margin:0 auto;padding:10px 28px calc(17px + env(safe-area-inset-bottom));background:#0b1510}.guide-progress{height:2px;overflow:hidden;border-radius:2px;background:#22371f;margin:0 0 16px}.guide-progress-fill{height:100%;width:0;background:#658454;transition:width .5s linear}.guide-primary{width:100%;min-height:53px;padding:13px 20px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#8d9f7c;color:#14220f;font-size:14px;font-weight:500;letter-spacing:.035em}.guide-primary:hover{background:#a1b18e}.guide-primary:disabled{opacity:.5}.guide-secondary{display:flex;justify-content:center;gap:14px;margin-top:7px}.guide-secondary button{flex:1;min-height:44px;padding:10px 8px;border-radius:9px;font-size:11px;line-height:1.7;color:#839e79}.guide-secondary button:hover{background:#1d321a;color:#b9cba9}
html[lang^=en] .wellbeing-label,html[lang^=en] .guide-primary{letter-spacing:.01em}html[lang^=en] .wellbeing-entry-name{font-size:11px}html[lang^=en] .wellbeing-entry-note{font-size:9px}html[lang^=en] .guide-intro h2,html[lang^=en] .guide-stage h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.01em}
@media(max-width:600px){.wellbeing-options{margin-top:17px}.wellbeing-entries{gap:6px}.wellbeing-entry{padding:11px 7px;min-height:70px}.guide-header{padding-left:21px;padding-right:21px}.guide-main{padding-left:23px;padding-right:23px}.guide-intro h2{font-size:28px}.guide-orb{width:270px;margin-top:19px;margin-bottom:12px}.guide-stage h3{font-size:23px}.guide-stage p{font-size:13px}.guide-footer{padding-left:24px;padding-right:24px}.guide-voice-row{margin-top:15px}}
@media(max-height:760px){.guide-header{min-height:58px;padding-top:calc(8px + env(safe-area-inset-top))}.guide-main{padding-top:5px;padding-bottom:12px}.guide-intro h2{font-size:26px;margin-bottom:7px}.guide-intro p{font-size:11px}.guide-orb{width:240px;margin-top:13px;margin-bottom:8px}.guide-stage h3{font-size:22px;margin-bottom:6px}.guide-stage p{font-size:12px;line-height:1.8}.guide-hint{margin-top:8px}.guide-voice-row{margin-top:11px}.guide-footer{padding-top:7px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.guide-progress{margin-bottom:11px}#guideView[data-status=running] .guide-intro p,#guideView[data-status=paused] .guide-intro p{display:none}}
@media(max-width:350px){.wellbeing-entry{padding:10px 5px;min-height:75px}.wellbeing-entry-name{font-size:11px}.wellbeing-entry-note{font-size:9px}.guide-header{padding-left:17px;padding-right:17px}.guide-main{padding-left:19px;padding-right:19px}.guide-intro h2{font-size:25px}.guide-orb{width:220px}.guide-stage h3{font-size:21px}.guide-voice-row{flex-direction:column;gap:5px}.guide-voice-status{max-width:35ch}.guide-footer{padding-left:20px;padding-right:20px}}
#guideView[data-kind=body] .guide-halo{opacity:0}
@media(prefers-reduced-motion:reduce){.rest-guide *,.wellbeing-options *{animation:none!important;transition:none!important;scroll-behavior:auto!important}#guideView .guide-halo{transform:none!important;transition:none!important}}

.usage-choice { display:flex; gap:12px; align-items:flex-start; margin-top:14px; line-height:1.6; color:#bdc9bf; font-size:14px; cursor:pointer; }
.usage-choice input { margin-top:5px; accent-color:#b4c9a3; }

/* One model frame drives the character and halo. There is no independent
   looping animation to drift away from the 4-second breathing phases. */
.guide-orb {
  --breath-expansion: 0;
  --body-release: 0;
  --body-settle: 0;
  --body-stretch: 0;
}
#guideView .guide-orb {
  width: min(292px, 100%);
  aspect-ratio: 1;
  margin-top: 14px;
  margin-bottom: 12px;
}
.guide-character {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}
.breath-character-stage,
.relax-character-stage {
  position: absolute;
  inset: 0;
  transition: transform 250ms linear;
}
.breath-character-stage {
  aspect-ratio: 1;
  transform-origin: 50% 100%;
  transform: translateY(calc(var(--breath-expansion) * -3px))
    scale(calc(1 + var(--breath-expansion) * .025));
}
.breath-body,
.breath-face,
.relax-body,
.relax-leaves {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.breath-body { opacity: .88; }
.breath-face { overflow: visible; }
.relax-character-stage { display: none; }
#guideCharacter[data-pose=relaxing] .breath-character-stage {
  transform-origin: 50% 100%;
  transform: translate(calc(var(--body-settle) * -5px), calc(var(--body-settle) * 9px - var(--body-stretch) * 3px))
    rotate(calc(var(--body-settle) * -18deg + var(--body-stretch) * .8deg))
    scale(calc(1 + var(--body-stretch) * .025));
}
#guideView[data-kind=breath] .guide-halo {
  left: 11%;
  right: 11%;
  top: 18%;
  bottom: 6%;
  opacity: .65;
  transform: scale(calc(1 + var(--breath-expansion) * .1));
  transition: transform 250ms linear, opacity 250ms linear;
}
#guideView[data-kind=body] .guide-halo {
  left: 11%;
  right: 11%;
  top: 18%;
  bottom: 6%;
  opacity: calc(.1 + var(--body-release) * .15);
  transform: scale(calc(1 + var(--body-release) * .05));
  transition: transform 250ms linear, opacity 250ms linear;
}
#guideView[data-status=paused] .breath-character-stage,
#guideView[data-status=paused] .relax-character-stage,
#guideView[data-status=paused] .relax-body,
#guideView[data-status=paused] .relax-leaves,
#guideView[data-status=paused] .guide-halo { transition: none; }

@media(max-width:600px) {
  #guideView .guide-orb { width: min(272px, 100%); }
}
@media(max-height:760px) {
  #guideView .guide-orb { width: min(236px, 100%); margin-top: 7px; margin-bottom: 7px; }
}
@media(max-width:350px) {
  #guideView .guide-orb { width: min(214px, 100%); }
}
@media(prefers-reduced-motion:reduce) {
  #guideView .breath-character-stage,
  #guideView .relax-character-stage,
  #guideView .relax-body,
  #guideView .relax-leaves,
  #guideView .guide-halo { transform: none !important; transition: none !important; }
}

.breath-face{overflow:visible}.breath-face #breathEyes,.breath-face #breathAir{transition:transform .25s linear,opacity .25s linear}#guideView[data-status=paused] .breath-face *{transition:none}@media(prefers-reduced-motion:reduce){.breath-face *{transition:none!important}}

.guide-header .guide-header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0;gap:10px}.guide-header .guide-voice-toggle{font-size:11px;padding:8px 10px}.guide-main>.guide-voice-status{margin:10px auto 0;max-width:40ch}@media(max-width:350px){.guide-header .guide-header-actions{gap:6px}.guide-header .guide-voice-toggle{font-size:10px;padding:8px}}

@media(max-height:760px){#guideView[data-kind=body][data-status=ready] .guide-orb{width:min(185px,100%)}}
