*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}:root{--accent: #5e7a5a;--ink: #2b302a;--muted: #5c6258}body{height:100dvh;position:relative;background:#0b0e12;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:color .8s ease}.sky{position:fixed;inset:0;z-index:0;opacity:0;transition:opacity 1.1s ease}.sky.show{opacity:1}#fx{position:fixed;inset:0;z-index:1;pointer-events:none}.veil{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity 2s ease;background:radial-gradient(120% 80% at 50% 25%,rgba(255,248,232,.22),transparent 60%)}.veil.on{opacity:1}.scrim{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.14) 0%,transparent 32%,rgba(0,0,0,.34) 100%)}.top{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;max-width:34rem;margin:0 auto}.brand{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;opacity:.7;color:var(--ink);transition:color .8s}.home{appearance:none;background:none;border:0;cursor:pointer;font:inherit;font-size:.72rem;color:var(--ink);opacity:.7;visibility:hidden;transition:color .8s}.home:hover{opacity:1}.app{position:fixed;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;max-width:34rem;margin:0 auto;padding:3.6rem 1.4rem 3.4rem;overflow-y:auto}.layer{animation:rise .8s cubic-bezier(.2,.7,.2,1)}.layer:focus{outline:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eyebrow{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);opacity:.6;margin-bottom:.9rem;transition:color .8s}.voice{font-family:Georgia,Palatino Linotype,serif;font-weight:400;line-height:1.26;font-size:clamp(1.6rem,4vw + .6rem,2.25rem);color:var(--ink);text-wrap:balance;text-shadow:0 1px 22px rgba(0,0,0,.28);transition:color .8s}.voice em{font-style:italic}.voice+.voice{margin-top:.8rem}.sub{font-size:1.05rem;line-height:1.5;color:var(--ink);opacity:.82;max-width:32ch;margin-top:.9rem;text-shadow:0 1px 16px rgba(0,0,0,.25);transition:color .8s}.sub.small{font-size:.92rem}.source{font-size:.82rem;line-height:1.5;color:var(--muted);margin-top:1rem;max-width:34ch;border-left:2px solid color-mix(in srgb,var(--accent) 60%,transparent);padding-left:.8rem}.source .tag{display:inline-block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-top:.35rem}.translit{font-style:italic;opacity:.9}.lens-quote{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:1.08rem;line-height:1.5;color:var(--ink);max-width:32ch;margin-top:1.1rem;padding-left:.9rem;border-left:2px solid color-mix(in srgb,var(--accent) 60%,transparent);text-shadow:0 1px 16px rgba(0,0,0,.25)}.cite{font-size:.82rem;color:var(--muted);margin-top:.6rem;max-width:34ch}.fidelity{font-size:.72rem;letter-spacing:.06em;color:var(--muted);opacity:.85;margin-top:.4rem}.feedback{display:flex;gap:.5rem;margin-top:1.5rem;align-items:center}.feedback .fb{appearance:none;cursor:pointer;font:inherit;font-size:.82rem;color:var(--ink);opacity:.6;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:.35rem .8rem;transition:opacity .2s,border-color .2s,background .2s}.feedback .fb:hover{opacity:.95}.feedback .fb.chosen{opacity:1;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent)}.feedback .fb[disabled]{opacity:.28;cursor:default}.opts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}.feedback+.opts{margin-top:.9rem}.opt{cursor:pointer;font:inherit;font-size:1rem;text-align:left;color:var(--ink);border:1px solid rgba(255,255,255,.2);background:#ffffff17;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:100px;padding:.8rem 1.15rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 6px 18px #00000038;transition:transform .16s,border-color .2s,background .2s,color .8s}.opt:hover{transform:translateY(-2px)}.opt.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 26%,transparent);box-shadow:0 0 0 1px var(--accent),0 8px 22px #00000059}.opt:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.opt .ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.opt .ic svg{width:1.2rem;height:1.2rem;color:var(--accent);transition:color .8s ease}.opt.quiet{background:transparent;border-color:transparent;box-shadow:none;opacity:.72;font-size:.9rem;padding:.5rem .6rem}.opt.quiet:hover{opacity:1}.go{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:600;color:#12140f;background:var(--accent);border-radius:100px;padding:.85rem 1.5rem;margin-top:1.6rem;align-self:flex-start;box-shadow:0 10px 26px #00000052;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .3s,transform .3s,background .8s}.go.on{opacity:1;transform:none;pointer-events:auto}.go:active{transform:scale(.98)}.threshold:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(58% 42% at 50% 42%,rgba(255,252,238,.16),transparent 72%)}.threshold .eyebrow{opacity:.5;margin-bottom:.55rem}.threshold .voice{line-height:1.3}.threshold .sub{max-width:30ch;line-height:1.55;margin-top:.55rem}.threshold .opts{margin-top:1.2rem}.threshold .opt{border-radius:20px;border-width:1.5px;border-color:#ffffff4d;background:#ffffff1c;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);padding:.85rem 1.3rem;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .8s;animation:chip-in .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.15s + var(--i, 0) * 70ms)}.threshold .opt:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px #00000042}.threshold .opt.sel{border-color:color-mix(in srgb,var(--accent) 85%,#000 15%);background:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent) 70%,transparent),0 8px 22px #00000047}.threshold .opt.sel:after{content:"✓";font-size:.9em;line-height:1;color:color-mix(in srgb,var(--accent) 60%,var(--ink) 40%);margin-left:.15rem;animation:check-in .2s ease both}@keyframes chip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes check-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.threshold .go{margin-top:1.25rem}textarea{width:100%;margin-top:1.4rem;min-height:6rem;resize:none;font:inherit;font-size:1.12rem;line-height:1.5;font-family:Georgia,Palatino Linotype,serif;color:var(--ink);background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:1rem 1.1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}textarea::placeholder{color:var(--muted);font-style:italic}textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.note{font-size:.8rem;color:var(--muted);margin-top:.7rem}.worry{position:fixed;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:none;text-align:center}.worry p{font-family:Georgia,Palatino Linotype,serif;font-size:clamp(1.4rem,4vw + .5rem,2rem);line-height:1.4;color:var(--ink);max-width:20ch;text-shadow:0 1px 20px rgba(0,0,0,.35)}.worry span{display:inline-block;white-space:pre;animation:sink 2.6s ease-in var(--d, 0s) forwards}@keyframes sink{0%{opacity:1;transform:none;filter:blur(0)}35%{opacity:.9}to{opacity:0;transform:translate(var(--x, 0),52px) scale(.82);filter:blur(8px)}}.breath{display:flex;align-items:center;gap:.7rem;margin-top:1.6rem;color:var(--ink);opacity:.82;transition:color .8s}.breath .orb{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid currentColor;position:relative;flex:0 0 auto}.breath .orb:after{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--accent);animation:pulse 8s ease-in-out infinite;transition:background .8s}.breath small{font-size:.82rem}.breathe-big{display:flex;flex-direction:column;align-items:center;gap:1.1rem;margin:2rem 0 .5rem;color:var(--ink)}.breathe-big .orb{width:8rem;height:8rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 40%,transparent);position:relative}.breathe-big .orb:after{content:"";position:absolute;inset:18%;border-radius:50%;background:var(--accent);opacity:.5;animation:pulse 10s ease-in-out infinite}.breathe-big .cue{font-family:Georgia,Palatino Linotype,serif;font-size:1.1rem;opacity:.85;min-height:1.5rem}@keyframes pulse{0%,to{transform:scale(.65);opacity:.4}50%{transform:scale(1.15);opacity:.75}}.breathe-box .orb:after{animation:boxbreath 16s ease-in-out infinite}@keyframes boxbreath{0%{transform:scale(.5);opacity:.4}25%{transform:scale(1.15);opacity:.78}50%{transform:scale(1.15);opacity:.78}75%{transform:scale(.5);opacity:.4}to{transform:scale(.5);opacity:.4}}.mirror{margin-top:1.4rem;display:flex;flex-direction:column;gap:.7rem}.mirror .row{display:flex;align-items:baseline;gap:.7rem;font-size:.95rem;color:var(--ink);opacity:.9;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.6rem}.mirror .when{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6;flex:0 0 auto;min-width:5.5rem}.mirror .what em{font-style:italic}.devbadge{position:fixed;top:3.1rem;left:50%;transform:translate(-50%);z-index:7;appearance:none;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.02em;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.25);border-radius:100px;padding:.3rem .65rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}.sound{position:fixed;bottom:1rem;left:1rem;z-index:6;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.72rem;color:var(--ink);background:#ffffff17;border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:.5rem .8rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.7;transition:opacity .2s,color .8s,border-color .2s}.sound:hover{opacity:1}.sound.on{border-color:var(--accent);opacity:1}.sound svg{width:.95rem;height:.95rem}.help{position:fixed;bottom:1rem;right:1rem;z-index:6;appearance:none;cursor:pointer;font:inherit;font-size:.72rem;color:var(--ink);background:#ffffff17;border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:.5rem .85rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.75;transition:opacity .2s,color .8s}.help:hover{opacity:1}.hint{position:fixed;bottom:.7rem;left:0;right:0;text-align:center;z-index:4;font-size:.7rem;color:var(--ink);opacity:.5;transition:color .8s}.settle-scene{display:flex;align-items:center;justify-content:center;margin:1.8rem 0 .4rem;color:var(--ink)}.settle-scene svg{width:8.5rem;height:8.5rem;overflow:visible;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.settle-cap{text-align:center;font-style:italic;margin-left:auto;margin-right:auto;opacity:0;animation:settle-cap-in 2.4s ease 1.2s forwards}@keyframes settle-cap-in{to{opacity:.8}}.settle-release .p{fill:var(--accent);stroke:none;animation:settle-release 15s cubic-bezier(.2,.7,.2,1) var(--d, 0s) forwards}@keyframes settle-release{0%{transform:translate(0) scale(.9);opacity:.85}18%{transform:translateY(-2px) scale(.7);opacity:.95}to{transform:translate(var(--tx),var(--ty)) scale(1);opacity:.16}}.settle-ocean .lvl{stroke:var(--accent);opacity:.7}.settle-ocean .drop{fill:var(--accent);stroke:none;opacity:0;animation:settle-drop 3.4s ease-in var(--d, 0s) forwards}@keyframes settle-drop{0%{opacity:0;transform:translateY(0)}12%{opacity:.9}70%{opacity:.9;transform:translateY(58px)}to{opacity:0;transform:translateY(60px)}}.settle-ocean .rip{stroke:var(--accent);fill:none;opacity:0;transform-box:fill-box;transform-origin:center;animation:settle-rip 2.6s ease-out var(--d, 0s) forwards}@keyframes settle-rip{0%{opacity:0;transform:scale(.4)}20%{opacity:.6}to{opacity:0;transform:scale(3.4)}}.settle-edges .box{stroke:var(--ink);rx:1px;transform-box:view-box;transform-origin:60px 58px;animation:settle-edges 15s ease forwards}@keyframes settle-edges{0%{rx:1px;opacity:.9;transform:translateY(0) scale(1)}to{rx:20px;opacity:.5;transform:translateY(10px) scale(.92)}}.settle-edges .pool{stroke:var(--accent);opacity:0;animation:settle-pool 6s ease 6s forwards}@keyframes settle-pool{to{opacity:.55}}.settle-cool .wave{stroke:var(--ink);transform-box:view-box;transform-origin:60px 60px;animation:settle-cool 14s ease forwards}@keyframes settle-cool{0%{transform:scaleY(1);opacity:.9}to{transform:scaleY(.04);opacity:.25}}.settle-cool .calm{stroke:var(--accent);opacity:0;animation:settle-calm 5s ease 7s forwards}@keyframes settle-calm{to{opacity:.7}}.settle-converge .br{stroke:var(--ink);opacity:.8;animation:settle-branch 12s ease var(--d, 0s) forwards}@keyframes settle-branch{to{opacity:0}}.settle-converge .br.mid{animation:settle-branch-keep 12s ease forwards}@keyframes settle-branch-keep{0%{opacity:.8;stroke:var(--ink)}to{opacity:1;stroke:var(--accent)}}.settle-converge .pt{fill:var(--accent);stroke:none;transform-box:fill-box;transform-origin:center;animation:settle-pt 10s ease forwards}@keyframes settle-pt{0%{transform:scale(.6);opacity:.4}60%{transform:scale(1.15);opacity:.95}to{transform:scale(1);opacity:.9}}.settle-center .piv{fill:var(--accent);stroke:none}.settle-center .bob{fill:var(--accent);stroke:none;opacity:.9}.settle-center .arm{stroke:var(--ink);transform-box:view-box;transform-origin:60px 22px;animation:settle-swing 15s cubic-bezier(.3,.1,.2,1) forwards}@keyframes settle-swing{0%{transform:rotate(26deg)}22%{transform:rotate(-20deg)}44%{transform:rotate(14deg)}64%{transform:rotate(-8deg)}82%{transform:rotate(4deg)}to{transform:rotate(0)}}.settle-path .pth{stroke:var(--ink);opacity:.7;animation:settle-dim 10s ease forwards}@keyframes settle-dim{to{opacity:.22}}.settle-path .pth.lit{animation:settle-lit 10s ease forwards}@keyframes settle-lit{0%{stroke:var(--ink);opacity:.7}to{stroke:var(--accent);opacity:1}}.settle-path .seed{fill:var(--accent);stroke:none}.settle-path .sprout{stroke:var(--accent);stroke-dasharray:26;stroke-dashoffset:26;animation:settle-sprout 4s ease 5s forwards}@keyframes settle-sprout{to{stroke-dashoffset:0}}.settle-friend .half{stroke:var(--ink);transform-box:view-box;transform-origin:60px 60px}.settle-friend .half.l{animation:settle-mergeL 13s ease forwards}.settle-friend .half.r{animation:settle-mergeR 13s ease forwards}@keyframes settle-mergeL{0%{transform:translate(-20px);opacity:.7}70%{transform:translate(0);opacity:1}to{transform:translate(0);stroke:var(--accent);opacity:1}}@keyframes settle-mergeR{0%{transform:translate(20px);opacity:.7}70%{transform:translate(0);opacity:1}to{transform:translate(0);stroke:var(--accent);opacity:1}}.settle-sky .star{fill:var(--accent);stroke:none;opacity:0;transform-box:fill-box;transform-origin:center;animation:settle-star 3s ease var(--d, 0s) forwards}@keyframes settle-star{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}.settle-sky .link{stroke:var(--accent);opacity:0;stroke-dasharray:60;stroke-dashoffset:60;animation:settle-link 3.6s ease var(--d, 2.2s) forwards}@keyframes settle-link{0%{opacity:0;stroke-dashoffset:60}30%{opacity:.5}to{opacity:.5;stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}
