@layer reset,base,theme,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}html{-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}dialog{border:none;padding:0}ul{margin:0;padding:0;list-style:none}}@layer base{:root{color-scheme:light;accent-color:var(--accent);--bg: #eef3f0;--surface: #f8fbf8;--fg: #24332e;--muted: color-mix(in srgb, var(--fg) 72%, transparent);--line: color-mix(in srgb, var(--fg) 14%, transparent);--accent: #3d7a6e;--danger: #b85c4c;--sky: #d7ebe6;--space: clamp(1.25rem, 4vw, 2rem);--measure: 38rem;--ui: system-ui, "Segoe UI", sans-serif;--display: "Iowan Old Style", Palatino, "Palatino Linotype", "Times New Roman", serif;--touch: 2.75rem}html,body{background:var(--bg);color:var(--fg);font-family:var(--ui);font-size:1.0625rem;line-height:1.55;scrollbar-color:color-mix(in srgb,var(--accent) 55%,white) var(--bg)}body{min-height:100dvh;min-height:100svh}h1,h2{font-family:var(--display);font-weight:400;text-wrap:balance;line-height:1.2}h1{font-size:clamp(2rem,7vw,3.25rem);margin-block:0 .75rem}h2{font-size:1.5rem;margin-block:0 .75rem}p,li{text-wrap:pretty}a{color:var(--accent)}a:focus-visible,button:focus-visible,audio:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}}@layer theme{.atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% -20%,var(--sky),transparent 58%),radial-gradient(90% 55% at 100% 100%,color-mix(in srgb,var(--accent) 10%,white),transparent 52%),var(--bg)}.sky{position:absolute;inset-inline:10%;inset-block-start:-18%;height:48%;background:radial-gradient(closest-side,color-mix(in srgb,white 80%,var(--sky)),transparent)}.haze{position:absolute;inset-inline:0;inset-block-end:0;height:42%;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 70%,white),transparent)}}@layer components{.stage{position:relative;z-index:1;min-height:100dvh;min-height:100svh;display:grid;padding:calc(var(--space) + env(safe-area-inset-top)) var(--space) calc(var(--space) + env(safe-area-inset-bottom))}.stage:has([data-screen=decide]:not([hidden])){padding-block-end:0}.screen{display:grid;align-content:center;justify-items:stretch;gap:1rem;width:min(100%,var(--measure));margin-inline:auto}.screen:not([hidden]){view-transition-name:screen}.screen[hidden]{display:none}.screen-decide:not([hidden]){min-height:calc(100svh - env(safe-area-inset-top) - var(--space));max-height:calc(100svh - env(safe-area-inset-top) - var(--space));align-content:stretch;grid-template-rows:auto minmax(0,1fr);gap:.75rem}.decide-head{display:grid;gap:.4rem}.decide-head .lede{max-width:none}.decide-head .player{margin-block:.25rem 0}.decide-form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0}.decide-scroll{display:grid;gap:.85rem;align-content:start;min-height:0;overflow:auto;overscroll-behavior:contain;padding-block-end:.35rem}.panel{margin:0;padding:.75rem 1rem 1rem;min-inline-size:0;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--sky) 42%,var(--bg))}.panel legend{padding-inline:.4rem;font-size:1.05rem;font-weight:600}.panel legend label{font:inherit}.panel .hint{margin-block:0 .45rem}.decide-dock{display:grid;margin-inline:calc(-1 * var(--space));padding:.75rem var(--space) calc(.85rem + env(safe-area-inset-bottom));border-block-start:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.decide-dock .button{width:100%}.dissipating{animation:dissipate 1.1s ease-in forwards;pointer-events:none;transform-origin:50% 42%;z-index:1}.kicker,.hint,.note{color:var(--muted);margin:0}.kicker{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.lede{margin:0;max-width:34rem}.promises{display:grid;gap:.45rem;margin-block:.5rem;padding-inline-start:1.1rem;list-style:disc;color:var(--muted)}.promises li::marker{color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:.75rem}.button,.text-button{min-height:var(--touch);min-width:var(--touch);padding-inline:1.1rem;border-radius:999px;border:1px solid transparent;background:transparent;cursor:pointer}.button-primary{background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,var(--fg))}.button-ghost,.button-quiet{border-color:var(--line)}.button-ghost:hover:not(:disabled),.button-quiet:hover:not(:disabled),.text-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--fg) 40%,transparent)}.button-danger{background:var(--danger);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.text-button{padding-inline:.35rem;min-width:unset;color:var(--muted)}.vault-button{display:inline-flex;align-items:center;gap:.4rem}.lock-icon{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.field{display:grid;gap:.3rem;margin-block:.7rem}.field label{font-size:.95rem}.optional{color:var(--muted);font-weight:400}.title-input{width:100%;min-height:var(--touch);padding:.7rem .85rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);font-size:1rem}.pin-input{width:9.5rem;min-height:var(--touch);padding:.7rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);font-size:1.25rem;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.pin-input:user-invalid{border-color:var(--danger)}.field-error{color:var(--danger);margin:0}.feelings{border:0;margin:0;padding:0;min-inline-size:0}.feelings legend{padding:0;font-size:.95rem}.feeling-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.5rem;margin-block-start:.15rem}.feeling{position:relative;display:grid;justify-items:center;gap:.3rem;min-height:var(--touch);padding:.55rem .35rem .5rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface);cursor:pointer;text-align:center;font-size:.75rem;line-height:1.2;text-wrap:balance}.feeling:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.feeling:has(:checked){border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.feeling:has(:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.feeling :focus-visible{outline:none}.feeling-face{width:2rem;height:2rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feeling-face circle:not(.feeling-head){fill:currentColor;stroke:none}.feeling-head{fill:color-mix(in srgb,var(--accent) 12%,var(--surface));stroke:currentColor;stroke-width:1.6}.feeling-blush{fill:color-mix(in srgb,var(--danger) 32%,transparent);stroke:none}.feeling-tear{fill:color-mix(in srgb,var(--accent) 35%,white);stroke:currentColor;stroke-width:1.2}.body-places{border:0;margin:0;padding:0;min-inline-size:0}.body-places legend{padding:0;font-size:.95rem}.body-chart{display:flex;flex-wrap:wrap;gap:.45rem;margin-block-start:.25rem}.body-place{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:.55rem .95rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer;text-align:center;font-size:.9rem;line-height:1.2;text-wrap:balance}.body-place:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.body-place:has(:checked){border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.body-place:has(:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.body-place :focus-visible{outline:none}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:1.5rem}.topbar-actions{display:flex;gap:.75rem}.booth-body{display:grid;justify-items:center;text-align:center;gap:1rem;padding-block:2rem 3rem}.sit-body{display:grid;justify-items:center;text-align:center;gap:.7rem;padding-block:.5rem 2rem}.sit-kicker,.sit-title,.sit-body .hint,.sit-body .actions{translate:0;scale:1;animation:sit-arrive 1.35s ease-out both}.sit-title{max-width:22ch;animation-delay:.18s}.sit-where{margin:0;max-width:24ch;color:var(--muted);font-size:1.05rem;text-wrap:balance;translate:0;scale:1;animation:sit-arrive 1.35s ease-out both;animation-delay:.32s}.sit-where[hidden]{display:none}.sit-body .hint{animation-delay:.55s}.sit-body .actions{animation-delay:.7s}.sit-breath{position:relative;display:grid;place-items:center;width:11rem;height:11rem;margin-block:.15rem .35rem}.sit-breath-glow,.sit-breath-ring,.sit-breath-core{position:absolute;border-radius:50%;scale:1}.sit-breath-glow{width:6.4rem;height:6.4rem;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 42%,transparent),color-mix(in srgb,var(--sky) 50%,transparent) 52%,transparent 74%);opacity:.4;animation:sit-glow 12s ease-in-out infinite}.sit-breath-ring{width:3.35rem;height:3.35rem;border:1.5px solid color-mix(in srgb,var(--accent) 58%,transparent);opacity:.45;animation:sit-bloom 12s ease-in-out infinite}.sit-breath-ring:nth-child(3){animation-delay:.7s}.sit-breath-core{width:2.15rem;height:2.15rem;background:color-mix(in srgb,var(--accent) 82%,white);opacity:.7;animation:sit-breathe 12s ease-in-out infinite}.sit-faces{justify-content:center}.sit-faces:empty{display:none}.sit-faces .vault-feeling{padding:.4rem .75rem .4rem .45rem;font-size:.95rem;translate:0;scale:1;animation:sit-arrive 1.1s ease-out both;animation-delay:calc(.28s + var(--sibling-index, 1) * .12s);animation-delay:calc(.28s + sibling-index()*.12s)}.sit-faces .feeling-face{width:2.4rem;height:2.4rem}.prompt{font-family:var(--display);font-size:clamp(1.4rem,4vw,2rem);max-width:18ch;margin:0;text-wrap:balance}.timer{font-variant-numeric:tabular-nums;letter-spacing:.08em;margin:0;color:var(--accent)}.record-wrap{--voice: 0;position:relative;display:grid;place-items:center;width:12.5rem;height:12.5rem}.record-halo{position:absolute;width:7.25rem;height:7.25rem;border-radius:50%;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);scale:1;animation:inhale 8s ease-in-out infinite}.record-wrap.preparing .record-halo{animation:inhale-once 3.6s ease-out forwards}.record-wrap.preparing .record{animation:inhale-core-once 3.6s ease-out forwards}.record-wrap:has(.record[aria-pressed=true]) .record-halo{border-color:color-mix(in srgb,var(--danger) 42%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.record-live{position:absolute;inset:0;pointer-events:none;color:var(--accent)}.record-ring{position:absolute;inset:22%;border-radius:50%;border:1px solid color-mix(in srgb,var(--danger) 50%,transparent);transform:scale(calc(.92 + var(--voice) * .55));opacity:calc(.12 + var(--voice) * .75)}.record-ring:nth-child(2){inset:10%;transform:scale(calc(.88 + var(--voice) * .42));opacity:calc(.08 + var(--voice) * .5)}.record-bars,.record-bars span{position:absolute;inset:0}.record-bars span{transform:rotate(calc(var(--i) * 22.5deg))}.record-bars span:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:.15rem;width:.18rem;height:calc(var(--band, 0) * 1.5rem);margin-inline-start:-.09rem;border-radius:99px;background:currentColor;opacity:calc(var(--band, 0) * .95);transform-origin:center top}.record{width:7.25rem;height:7.25rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);display:grid;place-items:center;padding:0;cursor:pointer;z-index:1;scale:1;animation:inhale-core 8s ease-in-out infinite}.record:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 18%,transparent)}.record[aria-pressed=true]{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,transparent)}.record-orb{width:1.35rem;height:1.35rem;border-radius:50%;background:var(--accent)}.record[aria-pressed=true] .record-orb{border-radius:4px;background:var(--danger);transform:scale(calc(1 + var(--voice) * .28))}.player{width:100%;margin-block:.5rem}.blessing{font-size:clamp(1.6rem,5vw,2.4rem);max-width:18ch}.blessing-body{display:grid;justify-items:center;text-align:center;gap:.55rem}.blessing-body .sit-breath{width:8.25rem;height:8.25rem;margin-block:0}.blessing-body .sit-breath-glow{width:5.1rem;height:5.1rem}.blessing-body .sit-breath-ring{width:2.7rem;height:2.7rem}.blessing-body .sit-breath-core{width:1.7rem;height:1.7rem}.blessing-hold{display:grid;justify-items:center;text-align:center;gap:.35rem}.blessing-hold[hidden]{display:none}.blessing-step-form{display:grid;opacity:1;translate:0;margin-block-start:.35rem;transition:display .45s,opacity .45s ease-out,translate .45s ease-out;transition-behavior:allow-discrete}@starting-style{.blessing-step-form{opacity:0;translate:0 .55rem}}.blessing-step-form[hidden]{display:none;opacity:0;translate:0 .55rem}.blessing-step{margin-block-start:.5rem;text-align:start}.breath{width:4.5rem;height:4.5rem;border-radius:50%;border:1px solid var(--accent);margin-block:1rem .5rem;scale:1;animation:inhale 8s ease-in-out infinite}.weather{display:grid;gap:.45rem;margin-block:.2rem 1.1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--sky) 62%,var(--surface))}.weather[hidden]{display:none}.weather .kicker{font-family:var(--ui);font-weight:400;font-size:.75rem;margin:0}.weather-line{margin:0;max-width:34rem}.vault-list{display:grid;gap:.75rem}.vault-item{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);position:relative;overflow:visible}.vault-title{margin:0;font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.vault-next-step{display:grid;gap:.2rem;margin:0}.vault-next-step .kicker{font-family:var(--ui)}.vault-feelings{display:flex;flex-wrap:wrap;gap:.4rem}.vault-feeling{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem .2rem .3rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:.82rem}.vault-feeling .feeling-face{width:1.35rem;height:1.35rem}.vault-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.95rem}.empty{color:var(--muted)}.dialog{width:min(calc(100% - 2rem),28rem);max-height:min(90dvh,40rem);overflow:auto;padding:1.4rem;background:var(--surface);color:var(--fg);border-radius:1.1rem;margin:auto}.dialog,[popover]{opacity:0;transform:translateY(.4rem);transition-property:opacity,transform,display,overlay;transition-duration:.28s;transition-timing-function:ease-out;transition-behavior:allow-discrete}.dialog[open],[popover]:popover-open{opacity:1;transform:none}@starting-style{.dialog[open],[popover]:popover-open{opacity:0;transform:translateY(.4rem)}}.dialog::backdrop{background:#0000;transition:display .28s allow-discrete,overlay .28s allow-discrete,background-color .28s ease-out}.dialog[open]::backdrop{background:color-mix(in srgb,var(--fg) 28%,transparent)}@starting-style{.dialog[open]::backdrop{background:#0000}}.dialog p,.dialog li{color:var(--muted)}.dialog ul{list-style:disc;padding-inline-start:1.1rem;display:grid;gap:.4rem;margin-block:0 1rem}.dialog .actions,.dialog form{margin-block-start:1rem}.dialog .actions form{margin:0}}@layer utilities{.skip{position:absolute;inset-inline-start:var(--space);inset-block-start:.5rem;z-index:2;transform:translateY(-200%)}.skip:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@keyframes sit-breathe{0%,to{scale:1;opacity:.5}33%,50%{scale:1.48;opacity:1}83%{scale:1;opacity:.5}}@keyframes sit-glow{0%,to{scale:.82;opacity:.28}33%,50%{scale:1.72;opacity:.88}83%{scale:.86;opacity:.28}}@keyframes sit-bloom{0%,to{scale:1;opacity:.5}33%{scale:2.15;opacity:.48}50%{scale:2.35;opacity:.14}83%{scale:1.08;opacity:.18}}@keyframes sit-arrive{0%{opacity:0;scale:.96;translate:0 .55rem}}@keyframes inhale{0%,to{scale:1;opacity:.35}45%,55%{scale:1.3;opacity:.8}}@keyframes inhale-core{0%,to{scale:1}45%,55%{scale:1.055}}@keyframes inhale-once{0%{scale:1;opacity:.35}to{scale:1.32;opacity:.85}}@keyframes inhale-core-once{0%{scale:1}to{scale:1.06}}@keyframes dissipate{to{opacity:0;filter:blur(1.35rem) brightness(1.4) saturate(.35);scale:1.12;translate:0 -2.4rem}}@keyframes settle-in{0%{opacity:0;filter:blur(.6rem);translate:0 .7rem}}html.letting-go::view-transition-old(root),html.letting-go::view-transition-new(root){animation:none}html.letting-go::view-transition-group(screen){animation-duration:1.1s}html.letting-go::view-transition-old(screen){animation:dissipate 1.1s ease-in both;transform-origin:50% 42%}html.letting-go::view-transition-new(screen){animation:settle-in 1.1s ease-out both}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.breath,.record,.record-halo,.dissipating,.record-wrap.preparing .record,.record-wrap.preparing .record-halo,.sit-kicker,.sit-title,.sit-where,.sit-body .hint,.sit-body .actions,.sit-breath-glow,.sit-breath-ring,.sit-breath-core,.sit-faces .vault-feeling{animation:none}.dissipating{opacity:0}.record-ring,.record[aria-pressed=true] .record-orb{transform:none}.record-ring{opacity:calc(.2 + var(--voice) * .55)}.record-bars span:before{height:calc(var(--band, 0) * .7rem)}.dialog,[popover]{transform:none;transition-duration:.1s}.blessing-step-form{translate:none;transition-duration:.1s}@starting-style{.blessing-step-form{translate:none}}.blessing-step-form[hidden]{translate:none}@starting-style{dialog[open],[popover]:popover-open{transform:none}}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(forced-colors:active){.atmosphere,.sky,.haze,.breath,.sit-breath,.record-halo,.record-ring{display:none}.record-bars span:before{background:ButtonText}.button,.record,.vault-item,.dialog{border:1px solid ButtonText}}