[data-lived]{--gold:#ffe2ac;--light:#fff4de;--dim:#f6efe2c7;--serif:"EB Garamond", Georgia, serif;--sans:"Outfit", system-ui, sans-serif;z-index:60;color:var(--light);font:400 1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased;background:#05070f;animation:.8s both lived-arrive;position:fixed;inset:0;overflow:clip}[data-lived][data-leaving]{pointer-events:none;animation:.8s both lived-gone}@keyframes lived-arrive{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}[data-lived] canvas.garden,[data-lived] canvas.lights{width:100%;height:100%;display:block;position:absolute;inset:0}[data-lived] canvas.lights{z-index:3;pointer-events:none}[data-lived] .touch{z-index:2;cursor:default;background:0 0;border:0;position:absolute;inset:0}[data-lived] .top{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:8;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:14px;right:8px}[data-lived] .marks{-webkit-backdrop-filter:blur(8px);background:#0808108c;border-radius:999px;gap:6px;margin:0;padding:8px 12px;list-style:none;display:flex}[data-lived] .marks[data-shown=false]{opacity:0}[data-lived] .marks{transition:opacity .7s}[data-lived] .marks li{white-space:nowrap;font:500 .8rem/1 var(--sans);letter-spacing:.04em;color:#fff4de9e;opacity:.25;transition:opacity .6s,transform .6s,color .7s;transform:translateY(-2px)}[data-lived] .marks li+li:before{content:"·";color:#fff4de59;margin-right:6px}[data-lived] .marks li[data-shown=true]{opacity:1;transform:none}[data-lived] .marks li[data-done=true]{color:#ffe2acd9}[data-lived] .marks li[data-done=true]:after{content:" ✓";font-size:.72em}[data-lived] .marks li[data-now=true]{color:var(--gold);text-shadow:0 0 12px #ffc878cc;font-weight:600}[data-lived] .skip{white-space:nowrap;min-height:44px;color:var(--light);font:500 .9rem/1 var(--sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0608128c;border:1px solid #ffe2ac59;border-radius:999px;padding:0 16px}[data-lived] .breath{z-index:5;text-align:center;font:italic 600 clamp(2.65rem, 12vw, 3.5rem)/1 var(--serif);color:#fff8ec;text-shadow:0 1px 2px #0000008c,0 0 18px #00000059;pointer-events:none;margin:0;animation:ease-in-out both lived-breath;position:absolute;top:23%;left:0;right:0}[data-lived] .breath[data-phase=Inspire]{animation-name:lived-in-breath}[data-lived] .breath[data-phase=Solte]{animation-name:lived-out-breath}@keyframes lived-in-breath{0%{opacity:0;letter-spacing:.01em;transform:scale(.92)}25%{opacity:1}to{opacity:1;letter-spacing:.08em;transform:scale(1.06)}}@keyframes lived-out-breath{0%{opacity:1;letter-spacing:.08em;transform:scale(1.06)}80%{opacity:1}to{opacity:.2;letter-spacing:.01em;transform:scale(.94)}}[data-lived] .water{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 16%);z-index:4;box-sizing:border-box;text-align:center;text-wrap:balance;max-width:min(100%,19em);font:italic 500 clamp(1.5rem, 6.6vw, 1.9rem)/1.3 var(--serif);color:var(--light);text-shadow:0 1px 2px #000c,0 0 14px #000000b3,0 0 34px #00000080,0 0 22px #ffd69640;opacity:0;pointer-events:none;margin:0 auto;padding:0 24px;transition:opacity 1.2s;position:absolute}[data-lived] .water[data-on=true]{opacity:1}[data-lived] .water:before{content:"";z-index:-1;background:radial-gradient(closest-side,#04060e9e,#04060e61 62%,#0000);border-radius:50%;position:absolute;inset:-1.6rem -2.4rem}[data-lived] .gesture{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);z-index:7;justify-items:center;gap:.8rem;padding:0 24px;animation:.9s both lived-in;display:grid;position:absolute}[data-lived] .gesture.going{pointer-events:none;animation:.7s both lived-gone}@keyframes lived-gone{0%{opacity:1}to{opacity:0}}[data-lived] .gesture p{text-align:center;max-width:24ch;font:500 clamp(1.35rem, 6vw, 1.7rem)/1.3 var(--serif);text-shadow:0 2px 20px #000000b3;margin:0}[data-lived] .cta{color:#2b190d;width:min(340px,100%);min-height:50px;font:600 1rem/1 var(--sans);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff0d2,#f3c684);border:0;border-radius:999px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #ffc87899}[data-lived] .cta i{background:#ffffff8c;position:absolute;inset:0 auto 0 0}[data-lived] .cta span{position:relative}[data-lived] .ghost{width:min(340px,100%);min-height:48px;color:var(--gold);font:500 1rem/1 var(--sans);cursor:pointer;background:#0a0a124d;border:1px solid #ffe2ac80;border-radius:999px}[data-lived] .offer{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:9;-webkit-backdrop-filter:blur(14px);background:#0e0b09d6;border-radius:20px;max-width:440px;max-height:62%;margin:0 auto;padding:12px 16px 0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);position:absolute;overflow:auto;transform:translateY(120%);box-shadow:0 0 0 1px #ffe2ac47,0 20px 60px -20px #000}[data-lived] .offer.on{transform:none}[data-lived] .offer h2{text-wrap:balance;font:500 1.35rem/1.15 var(--serif);margin:0 0 .35rem}[data-lived] .offer p{color:var(--dim);margin:0 0 .45rem;font-size:.94rem;line-height:1.35}[data-lived] .offer .steps{font:500 .95rem/1.2 var(--serif);grid-template-columns:1fr;gap:2px 12px;margin:0 0 .45rem;padding:0;list-style:none;display:grid}[data-lived] .offer .steps li{align-items:baseline;gap:6px;display:flex}[data-lived] .offer .steps li:first-child{color:var(--gold);grid-column:1/-1}[data-lived] .offer .steps span{font:600 .72rem/1 var(--sans);color:#ffe2acb3}[data-lived] .offer p b{color:var(--light);font-weight:500}[data-lived] .offer .price{align-items:baseline;gap:.6rem;margin:.1rem 0 .6rem;display:flex}[data-lived] .offer .price b{white-space:nowrap;font:600 1.7rem/1 var(--serif);color:var(--gold)}[data-lived] .offer .price span{color:var(--dim);font-size:.86rem}[data-lived] .offer .fine{text-align:center;margin:.45rem 0 0;font-size:.82rem}[data-lived] .offer .later{color:var(--dim);font:500 .82rem/1 var(--sans);cursor:pointer;background:0 0;border:0;margin:0;padding:6px 2px;text-decoration:underline;display:inline}[data-lived] .paused{z-index:20;font:italic 500 1.4rem/1 var(--serif);color:var(--gold);background:#0304098c;border:0;position:absolute;inset:0}[data-lived] .gate{z-index:20;padding:0 24px calc(env(safe-area-inset-bottom,0px) + 34px);text-align:center;background:linear-gradient(#05070f00 40%,#05070fb8);align-content:end;justify-items:center;gap:.75rem;display:grid;position:absolute;inset:0}[data-lived] .gate h1{max-width:18ch;font:500 clamp(1.7rem, 7vw, 2.3rem)/1.14 var(--serif);text-shadow:0 2px 20px #0009;margin:0 0 .3rem}[data-lived] .gate p{max-width:30ch;color:var(--dim);text-wrap:balance;margin:0 0 .6rem}[data-lived] .gate .preparing{width:min(300px,100%);height:68px;color:var(--gold);background:radial-gradient(closest-side,#05070f40,#05070f00);align-content:center;justify-items:center;gap:4px;display:grid}[data-lived] .gate .preparing canvas{width:280px;max-width:100%;height:40px}[data-lived] .gate .preparing span{font:500 .88rem/1.2 var(--sans);letter-spacing:.01em;text-shadow:0 1px 10px #05070fe6;transition:opacity .5s}[data-lived] .gate .preparing[data-done] span{opacity:0}[data-lived] .gate .cta{margin:9px 0}[data-lived] .gate .cta.arrive{animation:.4s ease-out both lived-arrive}[data-lived] .gate .without{color:#f6efe299;font:500 .875rem/1.2 var(--sans);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:10px 16px;-webkit-text-decoration:underline #f6efe240;text-decoration:underline #f6efe240}@media (prefers-reduced-motion:reduce){[data-lived] .said,[data-lived] .breath,[data-lived] .gesture,[data-lived] .tomorrow{animation:none}[data-lived] .offer{transition:none}}[data-lived] .band{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(#04060c00 0%,#04060c61 38%,#04060c9e 100%);height:34%;transition:opacity .9s;position:absolute;bottom:0;left:0;right:0}[data-lived] .band.on{opacity:1}[data-lived] .said{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 11%);z-index:5;box-sizing:border-box;text-align:center;max-width:min(100%,22em);min-height:2.7em;font:500 clamp(1.35rem, 5.8vw, 1.65rem)/1.32 var(--serif);color:var(--light);text-wrap:balance;text-shadow:0 1px 3px #0009,0 2px 20px #0009;pointer-events:none;align-items:end;margin:0 auto;padding:0 20px;animation:.6s both lived-in;display:grid;position:absolute}@keyframes lived-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}[data-lived] .veil{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(closest-side,#0608128c,#06081252 55%,#06081200);height:34%;transition:opacity 1.4s;position:absolute;top:14%;left:-10%;right:-10%}[data-lived] .veil.on{opacity:1}[data-lived] .verses{z-index:6;padding:calc(env(safe-area-inset-top,0px) + 74px) 22px 56px;text-align:center;font:italic 500 clamp(1.3rem, 5.6vw, 1.6rem)/1.36 var(--serif);color:var(--light);text-shadow:0 2px 16px #000000bf;pointer-events:none;background:linear-gradient(#0e080cb8,#0e080c99 70%,#0e080c00);margin:0;position:absolute;top:0;left:0;right:0}[data-lived] .verses p{text-wrap:balance;-webkit-hyphens:none;hyphens:none;max-width:24ch;margin:0 auto .4rem;transition:opacity .5s}[data-lived] .verses p.leaving{opacity:0}[data-lived] .verses p span{white-space:nowrap;opacity:.22;animation:.4s forwards lived-word}[data-lived] .verses p .kept{opacity:0;animation:none}[data-lived] .verses p .gap{opacity:.7;animation:none}[data-lived] .verses:has(p.leaving):not(:has(p:not(.leaving))) cite{opacity:0}[data-lived] .verses cite{font:600 .8rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:.6rem;font-style:normal;transition:opacity .5s;display:block}@keyframes lived-word{to{opacity:1}}[data-lived] .tomorrow{z-index:5;text-align:center;white-space:nowrap;pointer-events:none;opacity:0;margin:0;transition:opacity 1.2s;position:absolute;top:0;left:0}[data-lived] .tomorrow[data-on=true]{opacity:1}[data-lived] .tomorrow small{font:600 .74rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 10px #000c;margin-bottom:.3rem;display:block}[data-lived] .tomorrow b{font:500 1.3rem/1.2 var(--serif);text-shadow:0 1px 3px #0009,0 2px 14px #000000bf}[data-lived] .focus{z-index:2;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(5px);background:#06040280;transition:opacity 1.4s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(34% 24% at 50% 38%,#0000 50%,#000 100%);mask-image:radial-gradient(34% 24% at 50% 38%,#0000 50%,#000 100%)}[data-lived] .focus.on{opacity:1}[data-lived] .offer .promise{color:var(--light);font:italic 500 .98rem/1.28 var(--serif)}[data-lived] .offer .also{font-size:.82rem;line-height:1.3}[data-lived] .tomorrow:before{content:"";z-index:-1;background:radial-gradient(closest-side,#04060e8c,#0000);border-radius:50%;position:absolute;inset:-1rem -2rem}[data-lived] .tomorrow{isolation:isolate}[data-lived]:after{content:"";z-index:50;pointer-events:none;opacity:1;background:#05070f;transition:opacity .8s .1s;position:absolute;inset:0}[data-lived][data-drawn]:after{opacity:0}[data-lived] .gesture p,[data-lived] .said,[data-lived] .water{text-wrap:balance}[data-lived][data-bright] .breath{color:#3a2a1a;text-shadow:0 0 14px #fff8e6b3,0 0 2px #fff8e699}[data-lived] .offer .steps{gap:4px 12px}[data-lived] .offer .steps li{font:500 1rem/1.3 var(--serif)}[data-lived] .offer .steps span{font-size:.78rem}[data-lived] .offer .promise{font-size:1.02rem;line-height:1.34}[data-lived] .offer .offer-foot{background:#14100c;margin:0 -16px;padding:8px 16px 6px;position:sticky;bottom:0;box-shadow:0 -14px 14px -6px #14100c}[data-lived]:has(.offer.on) .tomorrow{opacity:0;transition:opacity .4s}