@font-face{font-family:Nunito;src:url('assets/fonts/Nunito-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/Nunito-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;color:#254c70;font-synthesis:none;background:#faf8f3}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#dfedf0,transparent 68%),#faf8f3}button,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.42;cursor:default}button:focus-visible,textarea:focus-visible{outline:3px solid #315f89;outline-offset:4px}button:active{filter:brightness(.97)}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-library{position:absolute;width:0;height:0}[hidden]{display:none!important}
.phone-frame{width:408px;padding:8px;border-radius:46px;background:#f8fbfb;box-shadow:0 26px 75px #365b6820;margin:24px 0;border:1px solid white}.ocean-app{--page-ink:#254c70;--muted:#52748d;position:relative;width:390px;height:844px;border-radius:36px;overflow:hidden;isolation:isolate;color:var(--page-ink);background:#c5e7f4;container-type:size}.dark-ocean{--page-ink:#fff;--muted:#edf3fc}.ocean-art,.ocean-canvas,.mood-wash,.ocean-wash,.ocean-particles,.reef-canvas,.ripple-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ocean-art{background:url('assets/ocean-clear.png') center/cover}.ocean-canvas{opacity:0}.ocean-canvas.ready{opacity:1}.mood-wash{z-index:1}.ocean-wash{z-index:2}.ocean-wash[data-mood=overwhelmed]{background:linear-gradient(180deg,transparent 29%,#bb86bb1f 50%,transparent 72%)}.ocean-wash[data-mood=anxious]{background:linear-gradient(180deg,#ffe0b957,#f9dbb829 28%,transparent 51%)}.reef-canvas{z-index:3}.ocean-particles{z-index:2;overflow:hidden}
.status-bar{position:relative;z-index:5;height:60px;padding:18px 25px 0;display:flex;justify-content:space-between;font-size:14px;font-weight:700}.island{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:100px;height:29px;border-radius:16px;background:#254c70f2}.app-header{position:relative;z-index:6;height:44px;display:flex;align-items:center;gap:8px;padding:0 24px}.wordmark{flex:1;text-align:center;font-size:12px;font-weight:700;letter-spacing:1.5px;white-space:nowrap}.header-actions{display:flex;gap:8px}.small-control{flex:none;border:1px solid #ffffffa6;border-radius:50%;background:#ffffff9e;color:#254c70;width:44px;height:44px;display:grid;place-items:center;padding:9px}.help-button{font-size:21px;font-weight:700}.ocean-mark{display:none}.ocean-app[data-screen=mood] #back{display:none}.ocean-app[data-screen=mood] .ocean-mark{display:grid}
.screen{position:absolute;z-index:4;inset:112px 0 28px;padding:38px 28px 0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}h1,h2{font-weight:700;line-height:1.3;margin:0;text-align:center}h1{font-size:32px;letter-spacing:-.3px;outline:none;flex:none}h2{font-size:24px}.subtitle{font-size:18px;line-height:1.3;margin:3px 0 0;text-align:center}.character-slot{width:100%;flex:1;min-height:180px;display:flex;align-items:center;justify-content:center;pointer-events:none}.jelly-area{position:relative;width:100%;height:100%;max-width:320px;max-height:300px;pointer-events:none}.jelly-area canvas{display:block;width:100%;height:100%}.mood{padding-top:16px}.mood .character-slot{min-height:160px;margin:8px 0 16px}.mood .jelly-area{max-height:282px;max-width:300px}.bottom-stack{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.mood-choices{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%}.mood-choice{position:relative;grid-column:span 2;min-height:80px;border:1px solid #ffffffb3;border-radius:24px;font-size:14px;font-weight:700;padding:7px 3px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#254c70;background:#d4efffb3}.mood-choice:nth-child(-n+2){grid-column:span 3;font-size:15px}.mood-choice img{width:38px;height:41px;object-fit:contain}.mood-choice[data-mood=Overwhelmed]{background:#f5d4dfb3}.mood-choice[data-mood=Anxious]{background:#ffe1cfb3}.mood-choice[data-mood=Tired]{background:#dddff5b3}.mood-choice[data-mood=Calm]{background:#c8eae1b3}.mood-choice[aria-pressed=true]{border:1.6px solid #254c7099;box-shadow:inset 0 0 0 1px #ffffff30}.mood-choice[data-mood=Overwhelmed][aria-pressed=true]{background:#f5d4dff2}.mood-choice[data-mood=Anxious][aria-pressed=true]{background:#ffe1cff2}.mood-choice[data-mood=Tired][aria-pressed=true]{background:#dddff5f2}.mood-choice[data-mood=Sad][aria-pressed=true]{background:#d4effff2}.mood-choice[data-mood=Calm][aria-pressed=true]{background:#c8eae1f2}.selected-mark{display:none;position:absolute;right:10px;top:7px;font-size:13px}.mood-choice[aria-pressed=true] .selected-mark{display:block}.glass-button{flex:none;width:100%;min-height:56px;padding:14px 18px;border:1px solid #ffffffeb;background:#f5fbfee3;color:#254c70;border-radius:28px;font-size:18px;font-weight:700;backdrop-filter:blur(10px)}.text-button{border:0;background:none;min-height:44px;padding:8px 12px;font-size:16px}.mood .text-button{font-size:18px;font-weight:700;margin-top:-4px}.home{padding-bottom:36px}.home .character-slot{margin:25px 0 17px;min-height:190px}.home .jelly-area{max-height:282px;max-width:290px}.time-heading{font-size:18px;line-height:1.3;margin:0 0 10px;text-align:center}.duration-picker{display:flex;gap:10px;width:100%}.duration{min-height:48px;flex:1;border:1px solid #ffffffcc;border-radius:28px;background:#f5fbfee3;color:#254c70;font-size:18px;font-weight:700}.duration[aria-pressed=true]{background:#ffedd9f7;border-color:#254c7073}.circle-control{flex:none;position:relative;width:60px;height:60px;border:1px solid #ffffffa6;border-radius:50%;display:grid;place-items:center;background:#ffffff9e;color:#254c70;padding:0;backdrop-filter:blur(8px)}.training-controls{position:relative;width:100%;height:100px;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.conch-button{position:absolute;right:-8px;bottom:-20px;width:52px;height:52px;border:0;background:none;padding:4px}.conch-button img{width:100%;height:100%;object-fit:contain}
.phase-count{font-size:20px;line-height:26px;color:var(--muted);margin-top:4px;min-height:26px}.breathing .character-slot{flex:none;height:calc(100cqh * .356);max-height:300px;min-height:160px;margin-top:16px}.breathing .jelly-area{max-width:330px;max-height:300px}.flow-controls{position:relative;flex:none;margin-top:auto;margin-bottom:78px;display:flex;flex-direction:column;align-items:center;gap:12px}.prepare-count{font-size:48px;font-weight:700;line-height:1.25;text-align:center}.prepare-label{font-size:16px;color:var(--muted)}.preparing .flow-controls{margin-bottom:72px;gap:4px}.preparing .character-slot{height:calc(100cqh * .337);max-height:286px}.prepare-label{margin-bottom:12px}.end-session{position:absolute;top:87px;min-height:44px;font-size:15px;white-space:nowrap}.circle-control .control-icon{display:grid;place-items:center}.circle-control.progress-control{width:60px;height:60px;margin:8px}.circle-control .session-ring{position:absolute;width:76px;height:76px;inset:-9px;overflow:visible;pointer-events:none;fill:none;stroke-width:3;transform:rotate(-90deg)}.session-ring .ring-track{stroke:var(--page-ink);opacity:.2}.session-ring .ring-value{stroke:var(--page-ink);opacity:.82;stroke-linecap:round}
.release h1{font-size:30px}.release-area{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:345px;position:relative;padding:20px 0}.thought-bubble{width:246px;height:246px;flex:none;position:relative;border:1.6px solid #ffffffe6;border-radius:50%;background:#ffffff4a;display:grid;place-items:center;padding:35px;touch-action:pan-x;color:#254c70}.thought-bubble:before{content:'';position:absolute;top:14%;left:19%;width:23%;height:8%;border-radius:50%;background:#ffffff9e;transform:rotate(-28deg);pointer-events:none}.thought-bubble:focus-within{touch-action:pan-y}#thought{background:none;border:0;resize:none;width:100%;height:120px;text-align:center;font-size:16px;line-height:1.6;outline-offset:5px}#thought::placeholder{color:#52748d}.optional{font-size:13px;color:var(--muted);margin:18px 0 8px}.swipe-arrow{width:44px;height:44px;border-radius:50%;background:#ffffff9e;display:grid;place-items:center;color:#254c70}.swipe-hint{font-size:14px;color:var(--muted);margin-top:6px}.release-foot{flex:none;width:100%;padding-bottom:72px}.released{position:absolute;top:166px;left:50%;margin-left:-123px;overflow:hidden}.released span{font-size:16px;line-height:1.6;text-align:center;overflow-wrap:anywhere;max-height:155px;overflow:hidden}.release-quote{font-size:22px;font-weight:400;line-height:1.5;text-align:center;margin-top:auto}.drifting .release-quote{padding-top:355px}.quiet .release-quote{margin:auto 0;font-size:23px}.drifting .flow-controls,.quiet .flow-controls{margin-top:34px;margin-bottom:78px}.completion-art{width:224px;height:224px;object-fit:contain;max-width:80%;margin:54px 0}.completion-note{font-size:16px;color:var(--muted);margin:auto 0 58px}.completion-actions{flex:none;width:100%;text-align:center;margin-bottom:26px}.completion-actions .text-button{margin-top:12px;color:var(--muted)}.reef h1{font-size:30px}.reef .character-slot{position:absolute;top:162px;width:190px;height:175px;min-height:0}.reef-note{font-size:16px;margin-top:20px;text-align:center}.home-indicator{position:absolute;z-index:6;bottom:16px;left:50%;transform:translateX(-50%);width:132px;height:4px;border-radius:4px;background:var(--page-ink);opacity:.7;pointer-events:none}
.ripple-layer{z-index:8;overflow:hidden}.ripple{position:absolute;width:34px;height:19px;border:1px solid #efffffbb;border-radius:50%;animation:ripple 1.7s ease-out forwards;transform:translate(-50%,-50%)}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(10)}}.ocean-particle{position:absolute;border:1px solid #ffffff88;border-radius:50%;height:8px;width:8px;animation:particle-rise 25s linear infinite;transition:opacity 1s}@keyframes particle-rise{from{transform:translateY(180px)}to{transform:translateY(-550px)}}.scene-paused .ocean-particle,.scene-paused .ripple{animation-play-state:paused}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}dialog{width:min(350px,calc(100% - 36px));max-height:calc(100svh - 40px);margin:auto;padding:24px;border:1px solid white;border-radius:30px;background:#f5fbfefa;color:#254c70;box-shadow:0 20px 60px #16374630}dialog::backdrop{background:#254c7040;backdrop-filter:blur(4px)}.help-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.help-heading h2{text-align:left}.help-dialog p{font-size:17px;line-height:1.5;margin:18px 0}.done-help{margin-top:20px}.exit-dialog{text-align:center}.exit-dialog h2{margin-bottom:28px}.exit-dialog .text-button{margin-top:16px}.toast{position:absolute;z-index:12;bottom:80px;left:25px;right:25px;padding:15px;background:#f7fcfcf2;color:#254c70;border-radius:20px;font-size:14px;line-height:1.5;text-align:center;opacity:0;pointer-events:none}.toast.visible{opacity:1}.exhibit-label{position:fixed;left:max(38px,calc(50% - 570px));top:35%;color:#52748d}.exhibit-label span,.review-label span{font-size:11px;font-weight:700;letter-spacing:2.5px}.exhibit-label p{font-size:32px;line-height:1.4;font-weight:700}.review-label{position:fixed;left:calc(50% + 268px);top:70%;font-size:12px;color:#52748d}.review-label button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #9abacd;padding:8px 0}
@media(max-width:1080px){.exhibit-label,.review-label{display:none}}@media(max-width:500px){body{display:block}.phone-frame{margin:0;padding:0;width:100%;border:0;border-radius:0;box-shadow:none}.ocean-app{width:100%;height:100svh;min-height:568px;border-radius:0}.status-bar{height:60px}.home-indicator{bottom:max(12px,env(safe-area-inset-bottom))}}
@container(max-height:740px){.screen{padding-top:22px;bottom:24px}h1,.check-title{font-size:28px}.mood{padding-top:8px}.mood .character-slot{min-height:120px;margin:4px 0 10px}.mood-choice{min-height:66px;border-radius:21px;font-size:13px}.mood-choice:nth-child(-n+2){font-size:13px}.mood-choice img{width:30px;height:31px}.mood-choices{gap:8px}.bottom-stack{gap:8px}.mood .glass-button{min-height:48px;padding:10px}.mood .text-button{min-height:40px;padding:5px;font-size:16px}.home .character-slot{min-height:135px;margin:8px 0}.home{padding-bottom:14px}.time-heading{font-size:16px;margin-bottom:5px}.duration{font-size:16px}.training-controls{height:84px;padding-top:16px}.conch-button{bottom:-10px}.breathing .character-slot{min-height:140px;height:31cqh;margin-top:10px}.flow-controls{margin-bottom:38px}.preparing .flow-controls{margin-bottom:25px}.prepare-count{font-size:38px}.prepare-label{margin-bottom:6px}.preparing .character-slot{height:27cqh}.release h1{font-size:26px}.release-area{min-height:265px;padding:14px 0}.thought-bubble{width:200px;height:200px;padding:25px}.optional{margin-top:12px}.swipe-arrow{width:36px;height:36px}.release-foot{padding-bottom:30px}.released{margin-left:-100px;top:132px}.drifting .release-quote{padding-top:255px;font-size:19px}.drifting .flow-controls,.quiet .flow-controls{margin:20px 0 40px}.completion-art{width:180px;height:180px;margin:30px 0}.completion-note{margin-bottom:28px}.completion-actions{margin-bottom:4px}.reef h1{font-size:27px}.reef .character-slot{top:115px;height:150px}.reef-note{font-size:14px;margin-top:10px}}
@container(max-height:620px){.status-bar{height:48px;padding-top:12px}.island{top:8px;height:24px}.app-header{height:44px;padding-inline:18px;gap:5px}.wordmark{font-size:10px;letter-spacing:1px}.header-actions{gap:5px}.screen{top:94px;padding-top:10px}h1,.check-title{font-size:25px}.mood .character-slot{min-height:90px;margin:3px 0 6px}.mood-choice{min-height:60px}.mood-choice img{width:28px;height:27px}.home .character-slot{min-height:120px}.home .subtitle{font-size:16px}.home .time-heading{font-size:15px}.training-controls{height:77px;padding-top:12px}.home .bottom-stack{gap:7px}.home{padding-bottom:8px}.breathing .character-slot{height:28cqh;min-height:130px;margin-top:5px}.flow-controls{margin-bottom:35px}.preparing .character-slot{height:25cqh}.preparing .flow-controls{margin-bottom:18px}.prepare-count{font-size:32px}.prepare-label{font-size:14px;margin-bottom:4px}.release-area{min-height:235px;padding:8px 0}.thought-bubble{width:175px;height:175px;padding:22px}.release-foot{padding-bottom:24px}.release h1{font-size:25px}.optional{margin-top:8px}.swipe-hint{margin-top:2px}.released{margin-left:-87.5px;top:115px}.drifting .release-quote{padding-top:200px;font-size:18px}.completion-art{width:155px;height:155px;margin:24px 0}.completion-note{font-size:14px;margin-bottom:20px}.reef h1{font-size:25px}.reef .character-slot{top:98px;height:130px}}
@media(max-width:350px){.screen{padding-inline:22px}.mood-choice:nth-child(-n+2){font-size:12px}.mood-choice{font-size:12px}.glass-button{font-size:16px}.wordmark{font-size:10px;letter-spacing:1px}.app-header{padding-inline:18px;gap:5px}.header-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ripple,.ocean-particles{display:none}}.motion-reduced .ripple,.motion-reduced .ocean-particles{display:none}.keyboard-open{min-height:0!important}.keyboard-open .screen{padding-top:8px;bottom:8px;min-height:0}.keyboard-open .screen h1{font-size:22px}.keyboard-open .release-area{min-height:190px;padding:8px 0}.keyboard-open .thought-bubble{width:175px;height:175px}.keyboard-open .optional,.keyboard-open .swipe-hint,.keyboard-open .swipe-arrow{display:none}.keyboard-open .release-foot{padding-bottom:4px}.keyboard-open .home-indicator{display:none}

.status-icons{display:flex;align-items:center;gap:22px;height:20px}.signal{display:flex;align-items:flex-end;gap:1px;height:11px}.signal i{width:3px;background:currentColor;border-radius:1px;height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:8px}.signal i:nth-child(4){height:10px}.battery{position:relative;width:23px;height:11px;background:currentColor;border-radius:3px}.battery:after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:5px;background:currentColor;border-radius:1px}
#thought:focus-visible{outline:0}.thought-bubble:focus-within{outline:2px solid #254c7066;outline-offset:4px}
@container(max-height:740px){.flow-controls:has(.end-session:not([hidden])){margin-bottom:62px}}
@container(max-height:620px){.home .character-slot{min-height:116px}}
@container(max-height:620px){.conch-button{bottom:0}}
.ocean-art,.ocean-canvas{filter:saturate(1.08)}
.ocean-details{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
@media(min-width:501px){.ocean-app{height:min(844px,calc(100svh - 66px));min-height:568px}}

/* The character stays in one root layer. Empty slots provide layout anchors. */
.ocean-app>.jelly-area{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;z-index:3}
.control-count{font-size:26px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.breathing .character-slot,.preparing .breathing .character-slot{height:calc(100cqh * .356);max-height:300px;margin-top:24px}
.preparing .flow-controls{margin-bottom:78px;gap:12px}
@container(max-height:740px){.breathing .character-slot,.preparing .breathing .character-slot{height:31cqh;margin-top:18px}.preparing .flow-controls{margin-bottom:38px}}
@container(max-height:620px){.breathing .character-slot,.preparing .breathing .character-slot{height:28cqh;margin-top:13px}.preparing .flow-controls{margin-bottom:35px}}