:root{--night: #14112b;--night-2: #221c45;--moon: #f4efe6;--mist: #a9a3c7;--pumpkin: #ff8a3d;--glow: #ff5a36;--calm-bg: #fbf3e4;--calm-text: #2a2140;--dawn-top: #f4b6a6;--dawn-bottom: #ffd9a0;--dawn-text: #2a1f3d;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 10px;--beat: 1s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--night);color:var(--moon);font-family:var(--font);line-height:1.5}body.calm{background:var(--calm-bg);color:var(--calm-text)}body.calm *,body.calm *:before,body.calm *:after{animation:none!important;transition:none!important}body.calm button{background:var(--calm-text);color:var(--calm-bg)}body.calm button.secondary{background:transparent;color:var(--calm-text);border:1px solid var(--calm-text)}.calm-message{font-size:1.15rem;white-space:pre-line}h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.15}#app{max-width:44rem;margin:0 auto;padding:2rem 1.25rem}button{font:inherit;border-radius:var(--radius);border:0;padding:.75rem 1.25rem;background:var(--pumpkin);color:var(--night);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--pumpkin)}body.calm a{color:var(--calm-text)}:focus-visible{outline:3px solid var(--pumpkin);outline-offset:2px}body.calm :focus-visible{outline-color:var(--calm-text)}form-screen{display:block}.screen h1,.screen h2{margin:0 0 .75rem}.progress,.help,.hint,.limit-note,.demo-note{color:var(--mist);margin:.25rem 0 1rem}.hint,.limit-note{min-height:1.5em;margin:.25rem 0 .5rem}.field{display:flex;flex-direction:column;flex:1}.field label{margin-bottom:.25rem}.field input{font:inherit;padding:.75rem;border-radius:var(--radius);border:1px solid var(--mist);background:var(--night-2);color:var(--moon)}.row{display:flex;gap:.5rem;align-items:flex-start}.row .secondary{margin-top:1.9rem}button.secondary{background:transparent;color:var(--moon);border:1px solid var(--mist)}.nav{display:flex;gap:.75rem;margin-top:1.5rem}.clear{margin-top:2rem}.staircase{display:block;max-width:min(100%,680px);height:auto}.staircase .ghost-float{transition:opacity 1.2s ease}@media (prefers-reduced-motion: no-preference){.staircase .ghost:not(.faded) .ghost-float{animation-name:ghost-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@keyframes ghost-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion: no-preference){.staircase .moon-glow{animation:moon-glow 5s ease-in-out infinite}}@keyframes moon-glow{0%,to{opacity:.9}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.staircase .ghost,.staircase .ghost-float{transition:none}.staircase .ghost-float{animation:none}}.skip-link{position:absolute;left:.5rem;top:-4rem;padding:.5rem 1rem;border-radius:var(--radius);background:var(--pumpkin);color:var(--night);z-index:10}.skip-link:focus{top:.5rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app:focus,h2:focus{outline:none}button,.field input{min-height:2.75rem}.field input:focus-visible{outline:3px solid var(--pumpkin);outline-offset:2px}.reading h2{margin:1.5rem 0 .5rem}.ghost-step{position:relative;margin-bottom:1rem}.ghost-step .step-fear{color:var(--mist)}.ghost-step .step-mark{position:absolute;right:.75rem;bottom:.7rem;color:var(--pumpkin);font-weight:700}.disclaimer{color:var(--mist);margin-top:1.5rem}@media (forced-colors: active){:focus-visible{outline:3px solid Highlight}}.heart{--beat: 1s;position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;padding:.5rem .75rem;background:var(--night-2);border-radius:var(--radius)}.heart .heart-icon{flex:0 0 auto}.heart .heart-shape{transform-box:fill-box;transform-origin:center;animation:heart-beat var(--beat) ease-in-out infinite}.heart.soft .heart-shape{animation-name:heart-beat-soft}.heart .pulse-line{flex:0 0 auto;overflow:hidden}.heart .pulse-track{animation:pulse-scroll var(--beat) linear infinite}.heart-rate{flex:1 1 8rem;margin:0;color:var(--mist);font-size:.85rem}@keyframes heart-beat{0%{transform:scale(1)}10%{transform:scale(1.04)}20%{transform:scale(1)}30%{transform:scale(1.02)}45%,to{transform:scale(1)}}@keyframes heart-beat-soft{0%{transform:scale(1)}10%{transform:scale(1.02)}20%,to{transform:scale(1)}}@keyframes pulse-scroll{0%{transform:translate(0)}to{transform:translate(-120px)}}@media (prefers-reduced-motion: reduce){.heart .heart-shape,.heart .pulse-track{animation:none}}body.calm .heart{display:none}.fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:1;transition:opacity 1.5s ease}.fog.lifting{opacity:0}.fog .fog-a{animation:fog-drift 24s ease-in-out infinite alternate}.fog .fog-b{animation:fog-drift 30s ease-in-out infinite alternate-reverse}@keyframes fog-drift{0%{transform:translate(-40px)}to{transform:translate(40px)}}.staircase .stair{transition:opacity .6s ease}.staircase.waiting .stair{opacity:.2}.staircase .cobweb{transform-box:fill-box;transform-origin:top center;animation:cobweb-sway 7s ease-in-out infinite alternate}@keyframes cobweb-sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.staircase.drifty .ghost{transition:transform .6s ease}.staircase.waiting .ghost{opacity:.2}@media (prefers-reduced-motion: reduce){.fog,.fog .fog-a,.fog .fog-b{animation:none;transition:none}.staircase .stair{transition:none}.staircase.waiting .stair,.staircase.waiting .ghost{opacity:1}.staircase .cobweb{animation:none}}body.calm .fog{display:none}.stage{position:relative}.stage .staircase{position:relative;z-index:1}.waiting-stage{min-height:14rem}.sound-row{margin:1rem 0}.save-message{color:var(--mist)}@keyframes star-twinkle{0%,to{opacity:1}50%{opacity:.35}}.intro-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}a.button{display:inline-flex;align-items:center;min-height:2.75rem;padding:.75rem 1.25rem;border-radius:var(--radius);text-decoration:none;background:var(--pumpkin);color:var(--night)}a.button.secondary{background:transparent;color:var(--moon);border:1px solid var(--mist)}body.calm .intro-scene{display:none}body.calm .intro .intro-content{margin-top:0;padding-top:1.75rem}.step-head{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:.25rem}.step-ghost-icon{flex:0 0 auto;display:block;width:28px;height:40px}@media (prefers-reduced-motion: no-preference){.step-ghost-icon{transition:opacity 1.2s ease}}.result{display:flex;flex-direction:column}.result>.reading{display:contents}.result>h2{order:0}.result>.stage{order:1}.result .ghost-block{order:2}.result>.sound-row{order:3}.result>.reading>:not(.ghost-block){order:4}.result>.save-message{order:5}.result>.nav{order:6}.ghost-block>h2{margin-top:1.5rem}@media (min-width: 900px){#app:has(.result){max-width:72rem}.result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.5rem;align-items:start}.result>h2{grid-column:1 / -1}.result>.stage{grid-column:1;grid-row:2 / span 30;align-self:start}.result>:not(h2):not(.stage),.result>.reading>*{grid-column:2}.ghost-block>h2{margin-top:0}}html,body{overflow-x:hidden}@media (max-width: 400px){#app{padding:1.25rem .75rem}.nav,.row{flex-wrap:wrap}}.dawn-sky{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--radius);pointer-events:none}.dawn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--dawn-top),var(--dawn-bottom));opacity:0}.dawn-stars{position:absolute;left:0;top:0;width:100%;height:100px;opacity:.8}.dawn-sun{position:absolute;right:8%;top:12%;width:20%;max-width:120px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff3c4 0,#ffd36b 55%,#ffb347);opacity:0;transform:translateY(80%)}.dawn-line{position:relative;z-index:1;margin:0;padding:.75rem 1rem;text-align:center;font-weight:700;color:var(--dawn-text);visibility:hidden;opacity:0}.stage.dawn .dawn-glow,.stage.dawn .dawn-sun{opacity:1}.stage.dawn .dawn-sun{transform:none}.stage.dawn .dawn-stars{opacity:0}.stage.dawn .dawn-line{visibility:visible;opacity:1}.stage .staircase .moon-sky{transform-box:fill-box;transform-origin:center}.stage.dawn .staircase .moon-sky{transform:translateY(40px);opacity:0}.stage.dawn .staircase .night-sky{opacity:0}@media (prefers-reduced-motion: no-preference){.dawn-glow,.dawn-stars,.dawn-sun,.dawn-line,.stage .staircase .moon-sky,.stage .staircase .night-sky{transition:opacity 2s ease,transform 2s ease,visibility 2s}.stage.dawn .dawn-glow,.stage.dawn .dawn-stars,.stage.dawn .dawn-sun,.stage.dawn .dawn-line,.stage.dawn .staircase .moon-sky,.stage.dawn .staircase .night-sky{transition:opacity 4s ease,transform 4s ease,visibility 4s}}body.calm .dawn-sky,body.calm .dawn-line{display:none}.lang-switch{display:flex;justify-content:flex-end;margin-bottom:.5rem}.lang-switch select{background:var(--night-2);color:var(--moon);border:1px solid var(--mist);border-radius:10px;padding:.4rem .6rem;font:inherit}.lang-switch select:focus-visible{outline:3px solid var(--pumpkin);outline-offset:2px}.staircase .backdrop{opacity:1}.stage.dawn .staircase .backdrop{opacity:.35}.staircase .spirit-turning{opacity:0}@media (prefers-reduced-motion: no-preference){.staircase .spirit-dark,.staircase .spirit-light{transition:opacity 1s ease}.staircase .ghost.turning .spirit-turning{animation:spirit-turn 1s ease-in-out both}.staircase .backdrop{transition:opacity 2s ease}.stage.dawn .staircase .backdrop{transition:opacity 4s ease}}@keyframes spirit-turn{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.staircase .spirit-dark,.staircase .spirit-light,.staircase .backdrop{transition:none}.staircase .ghost.turning .spirit-turning{animation:none}}.ghost-heading{display:flex;align-items:center;gap:.5rem}.emblem-qobyz{flex:0 0 auto;width:28px;height:28px;object-fit:contain}.legend{margin-top:2rem}.legend-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.legend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--night-2);border-radius:var(--radius)}.legend-item p{margin:0;min-width:0;overflow-wrap:anywhere}.legend-art{flex:0 0 auto;width:48px;height:48px;object-fit:contain}.result>.legend{order:7}@media (min-width: 900px){.result>section.legend.legend{grid-column:1;grid-row:32;margin-top:1rem}}body.calm .legend{display:none}@font-face{font-family:Cormorant SC;font-style:normal;font-weight:700;font-display:swap;src:url(/haunted-ladder/fonts/cormorant-sc-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant SC;font-style:normal;font-weight:700;font-display:swap;src:url(/haunted-ladder/fonts/cormorant-sc-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant SC;font-style:normal;font-weight:700;font-display:swap;src:url(/haunted-ladder/fonts/cormorant-sc-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}#app:has(.intro){max-width:72rem}.intro{position:relative;display:flex;flex-direction:column;gap:0;border-radius:22px;overflow:hidden;isolation:isolate;background:var(--night);box-shadow:0 0 0 1px #f2b5472e,0 30px 80px #0000008c}.intro .intro-scene{position:relative;order:0;width:100%;height:400px;border-radius:0;overflow:hidden;flex:none}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0% 100%;transform:scaleX(-1)}.intro-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(20,17,43,0) 55%,var(--night) 100%)}.intro-moon{position:absolute;top:7%;right:12%;width:112px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#8a1a17,#5a0d10 45%,#2a0609);box-shadow:0 0 0 1.5px #ff46328c,0 0 40px 12px #c81e1e59,0 0 140px 50px #780a284d}.intro-steps{position:absolute;left:6%;right:30%;top:22%;bottom:8%;z-index:1}.intro-step{position:absolute;width:46%;left:calc(var(--i) * 13.5%);bottom:calc(var(--i) * 19%);--step-filter: brightness(1) saturate(1) drop-shadow(0 6px 10px rgba(0, 0, 0, .6));filter:var(--step-filter)}.intro-step:nth-of-type(n+5){--step-filter: brightness(.45) saturate(.3) drop-shadow(0 6px 10px rgba(0, 0, 0, .6))}.intro-star{position:absolute;width:6%;left:calc(var(--i) * 13.5% + 4%);bottom:calc(var(--i) * 19% + 14%);filter:drop-shadow(0 0 8px rgba(255,200,90,.9))}.intro-spirit{position:absolute;z-index:2;transform-origin:50% 100%;filter:drop-shadow(0 0 18px rgba(170,40,160,.45))}.intro-spirit-1{width:30%;right:16%;top:10%;--from: .85;--to: 1.6;--dx: -10%;--dy: 14%}.intro-spirit-2{height:48%;right:34%;top:28%;--from: .8;--to: 1.55;--dx: -12%;--dy: 16%}.intro-spirit-3{height:62%;right:4%;top:18%;--from: .8;--to: 1.4;--dx: -6%;--dy: 12%}.intro-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#e8e6ff;opacity:0;pointer-events:none}.intro-fog{position:absolute;z-index:3;left:-20%;right:-20%;bottom:0;height:38%;background:radial-gradient(60% 70% at 25% 100%,rgba(169,163,199,.32),transparent 70%),radial-gradient(50% 60% at 70% 100%,rgba(169,163,199,.26),transparent 70%);pointer-events:none}.intro .intro-content{position:relative;z-index:4;margin-top:-3.5rem;padding:0 1.25rem 1.75rem}.intro .intro-content h1{margin:0 0 1rem;font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:clamp(2.9rem,13vw,5rem);line-height:.92;letter-spacing:.01em;color:transparent;text-shadow:none;filter:drop-shadow(0 0 16px rgba(255,138,61,.45));animation:none}.intro .intro-content p{color:#e9e4f5;font-size:1.02rem}.intro .intro-actions button{padding:.95rem 2.1rem;border-radius:999px;font-weight:700;font-size:1.05rem;color:#2a1406;background:linear-gradient(180deg,#ffd98a,#f2a43e 60%,#cf7422);box-shadow:inset 0 1px #fff5d2cc,0 0 0 1px #ffd28280,0 10px 30px #ff8a3d73}.intro .intro-actions a.button.secondary{border-radius:999px;padding:.95rem 1.6rem;color:#ffe3a3;border:1px solid rgba(242,181,71,.55);background:#14112b73}@media (prefers-reduced-motion: no-preference){.intro-spirit{animation:intro-approach 7s cubic-bezier(.5,0,.9,.7) infinite}.intro-spirit-2,.intro-spirit-3{animation-timing-function:steps(9,end)}.intro-flash{animation:intro-lightning 7s linear infinite}.intro.preview-calm .intro-flash{animation:none}.intro-fog{animation:intro-fog 18s ease-in-out infinite alternate}.intro .intro-content h1.flicker{animation:intro-flicker 4s ease-in-out infinite}.intro-star{animation:intro-star-flash 6s ease-out infinite;animation-delay:calc(var(--i) * .35s + .25s)}.intro-step{animation:intro-step-light 6s ease-out infinite;animation-delay:calc(var(--i) * .35s)}.intro-moon{animation:intro-heartbeat .625s ease-in-out infinite;transition:box-shadow 1.2s ease}.intro-moon:after{animation:intro-heartbeat-glow .625s ease-in-out infinite}.intro-moon:before{transition:opacity 1.2s ease}.intro.preview-calm .intro-moon,.intro.preview-calm .intro-moon:after{animation-duration:1.25s}.intro-spirit{transition:translate 1.4s ease,scale 1.4s ease,opacity 1.4s ease}.title-haunted{animation:title-fear 3.2s linear infinite;transition:filter 1.2s ease}.intro.preview-calm .title-haunted{animation:none}.title-letter{animation:title-letter-light 1.1s ease-out both;animation-delay:calc(var(--i) * .22s + .5s)}}@media (prefers-reduced-motion: reduce){.intro .intro-content h1.flicker{animation:none}}.intro-moon:before,.intro-moon:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.intro-moon:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 38% 36%,#fff3cf,#f6c35a 45%,#c06a1e);opacity:0}.intro-moon:after{top:-35%;right:-35%;bottom:-35%;left:-35%;background:radial-gradient(circle,#ff3c3266,#ff3c3200 65%);opacity:0}.intro.preview-calm .intro-moon{box-shadow:0 0 0 1.5px #ffdc8cb3,0 0 40px 12px #f2b54766,0 0 140px 50px #f2a04640}.intro.preview-calm .intro-moon:before{opacity:1}.intro.preview-calm .intro-moon:after{background:radial-gradient(circle,#ffd27859,#ffd27800 65%)}.intro.preview-calm .intro-spirit{translate:0 22%;scale:.88;opacity:.12}.title-haunted,.title-letter{display:inline-block;-webkit-background-clip:text;background-clip:text;color:transparent}.title-haunted{background-image:linear-gradient(180deg,#ffb3a6,#ff5a4a,#a8141c);filter:hue-rotate(0deg) drop-shadow(0 0 10px rgba(255,40,40,.5))}.intro.preview-calm .title-haunted{filter:hue-rotate(38deg) drop-shadow(0 0 10px rgba(255,190,90,.5))}.title-ladder{display:inline-block;white-space:nowrap}.title-letter{background-image:linear-gradient(180deg,#fff3cf,#f6c35a 52%,#c06a1e);transform:translateY(calc(var(--i) * -.05em))}@keyframes intro-heartbeat{0%,55%,to{transform:scale(1)}12%{transform:scale(1.07)}26%{transform:scale(.99)}38%{transform:scale(1.035)}}@keyframes intro-heartbeat-glow{0%,60%,to{opacity:0}12%{opacity:1}26%{opacity:.3}38%{opacity:.65}}@keyframes intro-step-light{0%,18%,to{filter:var(--step-filter)}7%{filter:brightness(1.6) saturate(1.25) drop-shadow(0 0 18px rgba(255,200,90,.95))}}@keyframes intro-star-flash{0%,20%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,200,90,.9))}7%{transform:scale(1.7) rotate(25deg);filter:drop-shadow(0 0 18px rgba(255,230,150,1))}}@keyframes title-fear{0%,70%,to{transform:translate(0) rotate(0)}72%{transform:translate(-1.5px,1px) rotate(-.6deg)}74%{transform:translate(2px,-1px) rotate(.5deg)}76%{transform:translate(-1px,-1.5px) rotate(-.3deg)}78%{transform:translate(1.5px,1px) rotate(.4deg)}80%{transform:translate(-1px,.5px) rotate(-.2deg)}82%{transform:translate(0) rotate(0)}}@keyframes title-letter-light{0%{opacity:.15;filter:brightness(.5) drop-shadow(0 0 0 rgba(255,210,120,0))}45%{opacity:1;filter:brightness(1.5) drop-shadow(0 0 14px rgba(255,210,120,.95))}to{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(255,210,120,0))}}@keyframes intro-approach{0%{transform:translate(0) scale(var(--from));filter:brightness(.7) drop-shadow(0 0 10px rgba(170,40,160,.4))}92%,to{transform:translate(var(--dx),var(--dy)) scale(var(--to));filter:brightness(1.05) drop-shadow(0 0 30px rgba(170,20,60,.75))}}@keyframes intro-lightning{0%{opacity:.5}4%,94%{opacity:0}96%{opacity:.45}97.5%{opacity:.05}to{opacity:.5}}@keyframes intro-fog{0%{transform:translate(-6%)}to{transform:translate(6%)}}@keyframes intro-flicker{0%,to{filter:drop-shadow(0 0 16px rgba(255,138,61,.45))}30%{filter:drop-shadow(0 0 9px rgba(255,138,61,.3))}55%{filter:drop-shadow(0 0 22px rgba(255,138,61,.6))}}@media (min-width: 720px){.intro{display:block;min-height:600px}.intro .intro-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.intro-scene:after{background:linear-gradient(90deg,#14112bf2,#14112bbf 32%,#14112b00 58%),linear-gradient(180deg,#14112b00 75%,#14112b99)}.intro-moon{width:170px;top:9%;right:16%}.intro-steps{left:40%;right:20%;top:24%;bottom:10%}.intro-spirit-1{width:24%;right:20%;top:4%}.intro-spirit-2{height:50%;right:31%;top:22%}.intro-spirit-3{right:3%;top:14%;height:72%}.intro .intro-content{margin:0;padding:4.5rem 3.5rem;max-width:31rem}}.intro .intro-content .intro-tagline{margin:-.4rem 0 1rem;font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;color:#ffe3a3;text-shadow:0 0 18px rgba(255,90,54,.45)}.intro .intro-content .intro-note{color:var(--mist);font-size:.9rem}.step-head{align-items:center;gap:.75rem}.step-ghost-icon{position:relative;flex:0 0 auto;width:52px;height:52px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3a1f4f,#1a1233 70%);box-shadow:0 0 0 1.5px #9646aabf,0 0 14px #aa28a073}.step-ghost-icon img{position:absolute;left:50%;top:0;width:150%;height:auto;transform:translate(-50%);max-width:none}.step-ghost-light{opacity:0}.step-ghost-icon.turned{background:radial-gradient(circle at 50% 35%,#fff4d6,#f2c46a 55%,#b8762a);box-shadow:0 0 0 2px #f6c35a,0 0 18px #ffc85ab3}.step-ghost-icon.turned .step-ghost-dark{opacity:0}.step-ghost-icon.turned .step-ghost-light{opacity:1}@media (prefers-reduced-motion: no-preference){.step-ghost-icon,.step-ghost-icon img{transition:opacity .9s ease,background .9s ease,box-shadow .9s ease}.step-ghost-icon.turned{animation:medallion-flash 1.2s ease-out 1}.step-ghost-icon:not(.turned) .step-ghost-dark{animation:medallion-breathe 4s ease-in-out infinite}}@keyframes medallion-flash{0%{box-shadow:0 0 0 2px #fff3cf,0 0 #ffdc8c00}35%{box-shadow:0 0 0 3px #fff3cf,0 0 34px 10px #ffdc8cf2}to{box-shadow:0 0 0 2px #f6c35a,0 0 18px #ffc85ab3}}@keyframes medallion-breathe{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-2px)}}.ghost-step .step-head label{display:flex;flex-direction:column;gap:.15rem}.ghost-step .step-head .step-fear{color:var(--moon);font-weight:600;font-size:1.05rem;line-height:1.35}.ghost-step .step-head .step-label{color:var(--mist);font-size:.85rem;letter-spacing:.02em}.ghost-step input::placeholder{color:var(--mist);opacity:.55;font-style:italic}@property --calm{syntax: "<number>"; inherits: true; initial-value: 0;}.heart{--calm: 0;--glow: color-mix(in srgb, #F2C76B calc(var(--calm) * 100%), #E23B4E);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art info" "pulse pulse";align-items:center;gap:.75rem 1rem;padding:.9rem;background:radial-gradient(120% 90% at 18% 30%,color-mix(in srgb,#6b3a4a calc(var(--calm) * 70%),transparent),transparent 70%),color-mix(in srgb,#3d2a48 calc(var(--calm) * 100%),var(--night-2))}.heart .heart-art{grid-area:art;position:relative;width:120px;height:120px;border-radius:18px;overflow:hidden;box-shadow:0 0 0 2px var(--glow),0 0 18px -4px var(--glow)}.heart .heart-art .heart-shape{position:absolute;top:0;right:0;bottom:0;left:0}.heart .heart-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.heart .heart-art .heart-calm{-webkit-mask-image:radial-gradient(circle at 50% 52%,#000 calc(var(--calm) * var(--calm) * 140% - 40%),transparent calc(var(--calm) * var(--calm) * 140%));mask-image:radial-gradient(circle at 50% 52%,#000 calc(var(--calm) * var(--calm) * 140% - 40%),transparent calc(var(--calm) * var(--calm) * 140%))}.heart .heart-side{grid-area:info;display:flex;flex-direction:column;gap:.35rem;min-width:0}.heart .heart-bpm{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .45rem;color:var(--glow)}.heart .heart-bpm-num{font-size:2.9rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.heart .heart-bpm-unit{font-size:.8rem;color:var(--mist)}.heart .heart-stage{margin:0;font-size:.95rem;line-height:1.35;color:#ece8ff}.heart .pulse-line{grid-area:pulse;width:100%;height:40px;-webkit-mask-image:linear-gradient(to right,transparent,#000 35%);mask-image:linear-gradient(to right,transparent,#000 35%)}.heart .pulse-track path{stroke:var(--glow);stroke-width:2.5}@keyframes heart-flash{0%{box-shadow:0 0 0 2px var(--glow),0 0 18px -4px var(--glow)}10%{box-shadow:0 0 0 3px var(--glow),0 0 38px 4px var(--glow)}35%,to{box-shadow:0 0 0 2px var(--glow),0 0 18px -4px var(--glow)}}@keyframes heart-flash-soft{0%{box-shadow:0 0 0 2px var(--glow),0 0 18px -2px var(--glow)}15%{box-shadow:0 0 0 2px var(--glow),0 0 28px 0 var(--glow)}50%,to{box-shadow:0 0 0 2px var(--glow),0 0 18px -2px var(--glow)}}@media (prefers-reduced-motion: no-preference){.heart{transition:--calm .9s ease}.heart .heart-art{animation:heart-flash var(--beat) ease-out infinite}.heart.soft .heart-art{animation-name:heart-flash-soft}}.heart-spark{position:fixed;top:0;left:0;z-index:50;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff6d8 0,#fff6d8 30%,#f2c76b 55%,#f2c76b00 72%);box-shadow:0 0 18px 6px #f2c76bbf}.heart-spark-tail{box-shadow:0 0 10px 3px #f2c76b8c}.heart-petal{position:absolute;top:-9px;left:-7px;width:14px;height:18px;border-radius:60% 0;pointer-events:none;background:linear-gradient(135deg,#ffe7a8,#f2c76b 60%,#e9a15a);box-shadow:0 0 6px #f2c76b99}@keyframes heart-hit{0%{box-shadow:0 0 0 2px var(--glow),0 0 18px -4px var(--glow)}25%{box-shadow:0 0 0 4px #f2c76b,0 0 46px 10px #f2c76b}to{box-shadow:0 0 0 2px var(--glow),0 0 18px -4px var(--glow)}}@media (prefers-reduced-motion: no-preference){.heart{transition:--calm .9s ease,background .9s ease}.heart.hit .heart-art{animation:heart-hit .7s ease-out 1,heart-flash var(--beat) ease-out .7s infinite}.heart.soft.hit .heart-art{animation:heart-hit .7s ease-out 1,heart-flash-soft var(--beat) ease-out .7s infinite}}.heart.still .heart-spark,.heart.still .heart-petal{display:none}#app:has(.form){max-width:46rem}.form{--gold: #f2b547;--gold-soft: rgba(242, 181, 71, .55);--q-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23f2b547' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 41V16C3 8 8 3 16 3h25'/%3E%3Cpath d='M11 30V22c0-7 4-11 11-11h8'/%3E%3Cpath d='M11 22c0-5 6-6 7-2 1 3-2 4-3 2'/%3E%3Cpath d='M22 11c5 0 6 6 2 7-3 1-4-2-2-3'/%3E%3C/svg%3E");position:relative;border-radius:22px;overflow:hidden;isolation:isolate;background:var(--night);box-shadow:0 0 0 1px #f2b54738,0 30px 80px #0000008c}.form:before,.form:after,.form .q-body:before,.form .q-body:after{content:"";position:absolute;z-index:5;width:44px;height:44px;background:var(--q-corner) center / contain no-repeat;pointer-events:none}.form:before{top:10px;left:10px}.form:after{top:10px;right:10px;transform:scaleX(-1)}.form .q-body:before{bottom:10px;left:10px;transform:scaleY(-1)}.form .q-body:after{bottom:10px;right:10px;transform:scale(-1)}.q-scene{position:relative;height:210px;overflow:hidden;--q-cur: var(--q-step, 0)}.q-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:30% 74%}.q-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:linear-gradient(180deg,rgba(20,17,43,.15) 0%,rgba(20,17,43,0) 45%,var(--night) 100%);pointer-events:none}.q-moon{position:absolute;top:12%;right:7%;width:58px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#8a1a17,#5a0d10 45%,#2a0609);box-shadow:0 0 0 1.5px #ff46328c,0 0 30px 8px #c81e1e59,0 0 90px 30px #780a284d}.q-steps{position:absolute;left:36%;right:13%;top:20%;bottom:4%;z-index:1}.q-step{position:absolute;width:40%;left:calc(var(--i) * 20%);bottom:calc(var(--i) * 24%);--step-filter: brightness(.6) saturate(.35) drop-shadow(0 6px 10px rgba(0, 0, 0, .6));filter:var(--step-filter)}.q-step.is-done{--step-filter: brightness(1) saturate(1) drop-shadow(0 6px 10px rgba(0, 0, 0, .6))}.q-step.is-current{--step-filter: brightness(1.25) saturate(1.15) drop-shadow(0 0 14px rgba(255, 200, 90, .85))}.q-star{position:absolute;z-index:2;width:7%;left:calc(var(--q-cur) * 20% + 16.5%);bottom:calc(var(--q-cur) * 24% + 21%);filter:drop-shadow(0 0 8px rgba(255,200,90,.95))}.q-spirit{position:absolute;z-index:2;right:1%;bottom:-8%;height:78%;opacity:calc(.85 - var(--q-cur) * .2);translate:0 calc(var(--q-cur) * 9%);filter:drop-shadow(0 0 14px rgba(170,40,160,.45))}.q-fog{position:absolute;z-index:3;left:-20%;right:-20%;bottom:0;height:45%;background:radial-gradient(60% 70% at 25% 100%,rgba(169,163,199,.3),transparent 70%),radial-gradient(50% 60% at 75% 100%,rgba(169,163,199,.26),transparent 70%);pointer-events:none}.form .q-body{padding:.5rem 1.75rem 2.25rem}.form .progress{margin:0 0 .35rem;font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:1.05rem;letter-spacing:.06em;color:#ffd98a}.form .q-body h2{margin:0 0 .6rem;font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:clamp(1.75rem,5.4vw,2.35rem);line-height:1.08;letter-spacing:.01em;color:#ffe3a3;text-shadow:0 0 18px rgba(255,170,70,.35)}.form .help{color:#d9d3ec}.form .q-lead{margin:.2rem 0 .7rem;color:#e9e4f5;font-size:1.04rem;line-height:1.6}.q-ornament{height:22px;margin:.25rem 0 1.1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' fill='none' stroke='%23f2b547' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 5l6 6-6 6-6-6z'/%3E%3Cpath d='M53 11c-6 0-9-6-14-5-5 1-4 9 1 8 3-1 2-5-1-4'/%3E%3Cpath d='M67 11c6 0 9-6 14-5 5 1 4 9-1 8-3-1-2-5 1-4'/%3E%3Cpath d='M30 11h-4M94 11h-4'/%3E%3C/svg%3E") center / 120px 22px no-repeat,linear-gradient(90deg,#f2b54700,#f2b54799) left center / calc(50% - 64px) 1px no-repeat,linear-gradient(90deg,#f2b54799,#f2b54700) right center / calc(50% - 64px) 1px no-repeat}.form .field label{color:#ffe3a3;font-weight:600;margin-bottom:.4rem}.form .field input{padding:.9rem 1.05rem;border-radius:14px;border:1px solid var(--gold-soft);background:linear-gradient(180deg,#221c45f2,#14112bf2);box-shadow:inset 0 0 0 3px #14112be6,inset 0 0 0 4px #f2b54729,0 6px 18px #00000059}.form .field input:focus{outline:none;border-color:#ffd98a;box-shadow:inset 0 0 0 3px #14112be6,inset 0 0 0 4px #f2b54759,0 0 0 3px #f2b54747,0 0 26px #ffaa464d}.form button{border-radius:999px;font-weight:700}.form button:not(.secondary){padding:.85rem 2rem;color:#2a1406;background:linear-gradient(180deg,#ffd98a,#f2a43e 60%,#cf7422);box-shadow:inset 0 1px #fff5d2cc,0 0 0 1px #ffd28280,0 10px 28px #ff8a3d66}.form button:not(.secondary):disabled{opacity:.45;box-shadow:inset 0 1px #fff5d299,0 0 0 1px #ffd28266}.form button.secondary{padding:.75rem 1.4rem;color:#ffe3a3;border:1px solid var(--gold-soft);background:#14112b73}.form button.secondary.clear{font-weight:500;color:var(--mist);border-color:#a9a3c766}body.calm .q-scene{display:none}@media (max-width: 480px){.q-scene{height:160px}.q-steps{left:24%;right:20%}.form .q-body{padding:.25rem 1.1rem 2rem}.form:before,.form:after,.form .q-body:before,.form .q-body:after{width:32px;height:32px}}@media (prefers-reduced-motion: no-preference){.q-moon{animation:intro-heartbeat calc(.625s + var(--q-cur) * .2s) ease-in-out infinite}.q-step.is-current{animation:q-step-glow 2.4s ease-in-out infinite}.q-star{transition:left .9s ease,bottom .9s ease;animation:q-star-twinkle 2.4s ease-in-out infinite}.q-spirit{transition:opacity 1.4s ease,translate 1.4s ease}.q-fog{animation:intro-fog 18s ease-in-out infinite alternate}.form .field input,.form button{transition:box-shadow .25s ease,border-color .25s ease,transform .15s ease}.form button:not(:disabled):active{transform:translateY(1px)}}@keyframes q-step-glow{0%,to{filter:var(--step-filter)}50%{filter:brightness(1.45) saturate(1.2) drop-shadow(0 0 20px rgba(255,210,110,1))}}@keyframes q-star-twinkle{0%,to{transform:scale(1)}50%{transform:scale(1.35) rotate(18deg)}}.result{--gold: #f2b547;--gold-soft: rgba(242, 181, 71, .55);--q-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23f2b547' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 41V16C3 8 8 3 16 3h25'/%3E%3Cpath d='M11 30V22c0-7 4-11 11-11h8'/%3E%3Cpath d='M11 22c0-5 6-6 7-2 1 3-2 4-3 2'/%3E%3Cpath d='M22 11c5 0 6 6 2 7-3 1-4-2-2-3'/%3E%3C/svg%3E")}.result>h2,.result .reading h2,.result .legend h2{font-family:Cormorant SC,Georgia,serif;font-weight:700;line-height:1.1;letter-spacing:.01em;color:#ffe3a3;text-shadow:0 0 18px rgba(255,170,70,.35)}.result>h2{font-size:clamp(1.9rem,5.6vw,2.6rem)}.result .reading h2,.result .legend h2{font-size:clamp(1.45rem,4.4vw,1.8rem)}.result .ghost-block{position:relative;padding:1.6rem 1.5rem 1.75rem;border-radius:22px;background:linear-gradient(180deg,#221c45d9,#14112beb);box-shadow:0 0 0 1px #f2b54738,0 24px 60px #00000073}.result .ghost-block:before,.result .ghost-block:after{content:"";position:absolute;width:40px;height:40px;background:var(--q-corner) center / contain no-repeat;pointer-events:none}.result .ghost-block:before{top:9px;left:9px}.result .ghost-block:after{bottom:9px;right:9px;transform:scale(-1)}.result .ghost-block .ghost-heading{margin:.4rem 0 .4rem 1.6rem}.result .ghost-block>.help{color:#d9d3ec}.result .ghost-step input{padding:.85rem 2.4rem .85rem 1.05rem;border-radius:14px;border:1px solid var(--gold-soft);background:linear-gradient(180deg,#221c45f2,#14112bf2);box-shadow:inset 0 0 0 3px #14112be6,inset 0 0 0 4px #f2b54729,0 6px 18px #00000059}.result .ghost-step input:focus{outline:none;border-color:#ffd98a;box-shadow:inset 0 0 0 3px #14112be6,inset 0 0 0 4px #f2b54759,0 0 0 3px #f2b54747,0 0 26px #ffaa464d}.result .ghost-step .step-mark{right:1rem;bottom:.85rem;color:#ffd98a}.result .ghost-block .closing{color:#ffe3a3;font-style:italic}.result button{border-radius:999px;font-weight:700}.result .save,.result .demo-note button{padding:.85rem 2rem;color:#2a1406;background:linear-gradient(180deg,#ffd98a,#f2a43e 60%,#cf7422);box-shadow:inset 0 1px #fff5d2cc,0 0 0 1px #ffd28280,0 10px 28px #ff8a3d66}.result .save:disabled{opacity:.45;box-shadow:inset 0 1px #fff5d299,0 0 0 1px #ffd28266}.result .demo-note button{padding:.6rem 1.4rem;margin-left:.4rem}.result .sound-row button,.result button.secondary{padding:.75rem 1.4rem;color:#ffe3a3;border:1px solid var(--gold-soft);background:#14112b73}.result .reading>h2:before{content:"";display:block;height:22px;margin:0 0 .9rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' fill='none' stroke='%23f2b547' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 5l6 6-6 6-6-6z'/%3E%3Cpath d='M53 11c-6 0-9-6-14-5-5 1-4 9 1 8 3-1 2-5-1-4'/%3E%3Cpath d='M67 11c6 0 9-6 14-5 5 1 4 9-1 8-3-1-2-5 1-4'/%3E%3Cpath d='M30 11h-4M94 11h-4'/%3E%3C/svg%3E") center / 120px 22px no-repeat,linear-gradient(90deg,#f2b54700,#f2b54799) left center / calc(50% - 64px) 1px no-repeat,linear-gradient(90deg,#f2b54799,#f2b54700) right center / calc(50% - 64px) 1px no-repeat}.result .reading>h2{margin-top:2rem;text-align:center}.result .insights,.result .questions{list-style:none;margin:0;padding:0}.result .insights li,.result .questions li{position:relative;padding-left:1.6rem;margin-bottom:.75rem;color:#e9e4f5;line-height:1.6}.result .insights li:before,.result .questions li:before{content:"";position:absolute;left:.2rem;top:.6em;width:.5rem;height:.5rem;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 8px #ffaa4699}.result .disclaimer{font-size:.9rem;line-height:1.55}.result a.diagnostic{color:#ffd98a;font-weight:600;text-decoration-color:var(--gold-soft);text-underline-offset:.2em}.result a.diagnostic:hover{color:#ffe3a3}@media (max-width: 480px){.result .ghost-block{padding:1.4rem 1.05rem 1.6rem}.result .ghost-block:before,.result .ghost-block:after{width:30px;height:30px}}@media (prefers-reduced-motion: no-preference){.result .ghost-step input,.result button{transition:box-shadow .25s ease,border-color .25s ease,transform .15s ease}.result button:not(:disabled):active{transform:translateY(1px)}}.screen.waiting{--gold: #f2b547;--q-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23f2b547' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 41V16C3 8 8 3 16 3h25'/%3E%3Cpath d='M11 30V22c0-7 4-11 11-11h8'/%3E%3Cpath d='M11 22c0-5 6-6 7-2 1 3-2 4-3 2'/%3E%3Cpath d='M22 11c5 0 6 6 2 7-3 1-4-2-2-3'/%3E%3C/svg%3E");position:relative;max-width:40rem;margin:0 auto;border-radius:22px;overflow:hidden;isolation:isolate;background:var(--night);box-shadow:0 0 0 1px #f2b54738,0 30px 80px #0000008c;text-align:center}.screen.waiting:before,.screen.waiting:after{content:"";position:absolute;z-index:5;top:10px;width:44px;height:44px;background:var(--q-corner) center / contain no-repeat;pointer-events:none}.screen.waiting:before{left:10px}.screen.waiting:after{right:10px;transform:scaleX(-1)}.w-scene{position:relative;height:240px;overflow:hidden}.w-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:30% 74%;filter:brightness(.75)}.w-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(180deg,rgba(20,17,43,.1) 0%,rgba(20,17,43,0) 50%,var(--night) 100%);pointer-events:none}.w-steps{position:absolute;z-index:1;left:30%;right:30%;top:16%;bottom:6%}.w-step{position:absolute;width:40%;left:calc(var(--i) * 20%);bottom:calc(var(--i) * 24%);filter:brightness(1.05) saturate(1) drop-shadow(0 6px 10px rgba(0,0,0,.6))}.w-star{position:absolute;z-index:2;width:8%;left:76%;bottom:93%;filter:drop-shadow(0 0 8px rgba(255,200,90,.95))}.w-meteors{position:absolute;top:0;right:0;bottom:25%;left:0;z-index:1;pointer-events:none}.w-meteor{position:absolute;left:var(--x);top:var(--y);width:var(--l);height:2px;border-radius:2px;background:linear-gradient(90deg,#fffffff2,#ffe3a38c 25%,#ffe3a300);transform-origin:left center;transform:rotate(-35deg);opacity:.45}.w-meteor:before{content:"";position:absolute;left:-2px;top:-1px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #ffe3a3e6}.screen.waiting .waiting-note{position:relative;z-index:4;margin:-.5rem 1.5rem .4rem;font-family:Cormorant SC,Georgia,serif;font-weight:700;font-size:clamp(1.7rem,5.4vw,2.3rem);line-height:1.1;color:#ffe3a3;text-shadow:0 0 18px rgba(255,170,70,.4)}.w-ornament{height:22px;margin:0 1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' fill='none' stroke='%23f2b547' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 5l6 6-6 6-6-6z'/%3E%3Cpath d='M53 11c-6 0-9-6-14-5-5 1-4 9 1 8 3-1 2-5-1-4'/%3E%3Cpath d='M67 11c6 0 9-6 14-5 5 1 4 9-1 8-3-1-2-5 1-4'/%3E%3Cpath d='M30 11h-4M94 11h-4'/%3E%3C/svg%3E") center / 120px 22px no-repeat,linear-gradient(90deg,#f2b54700,#f2b54799) left center / calc(50% - 64px) 1px no-repeat,linear-gradient(90deg,#f2b54799,#f2b54700) right center / calc(50% - 64px) 1px no-repeat}.screen.waiting .waiting-stage{min-height:7rem;opacity:.55}@media (prefers-reduced-motion: no-preference){.w-step{filter:brightness(.55) saturate(.35) drop-shadow(0 6px 10px rgba(0,0,0,.6));animation:w-step-light 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}.w-star{animation:w-star-glow 3.2s ease-in-out infinite;animation-delay:1.35s}.w-meteor{animation:w-meteor-fall var(--t) linear var(--d) infinite both}@keyframes w-meteor-fall{0%{opacity:0;transform:rotate(-35deg) translate(0)}5%{opacity:1}26%{opacity:0;transform:rotate(-35deg) translate(-240px)}to{opacity:0;transform:rotate(-35deg) translate(-240px)}}@keyframes w-step-light{0%,8%{filter:brightness(.55) saturate(.35) drop-shadow(0 6px 10px rgba(0,0,0,.6))}22%,70%{filter:brightness(1.25) saturate(1.15) drop-shadow(0 0 14px rgba(255,200,90,.85))}to{filter:brightness(.55) saturate(.35) drop-shadow(0 6px 10px rgba(0,0,0,.6))}}@keyframes w-star-glow{0%,10%{opacity:.2;transform:scale(.7)}30%,70%{opacity:1;transform:scale(1.1)}to{opacity:.2;transform:scale(.7)}}}@media (max-width: 480px){.w-scene{height:190px}.w-steps{left:20%;right:20%}}body.calm #app{padding-top:3rem}.calm-screen{max-width:34rem;margin:0 auto;padding:2.4rem 2rem 2.2rem;border-radius:22px;background:#fffaf1;border:1px solid rgba(201,146,46,.45);box-shadow:0 18px 50px #78501e1f;text-align:center}.calm-screen:before{content:"";display:block;height:22px;margin:0 0 1.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' fill='none' stroke='%23b8862b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 5l6 6-6 6-6-6z'/%3E%3Cpath d='M53 11c-6 0-9-6-14-5-5 1-4 9 1 8 3-1 2-5-1-4'/%3E%3Cpath d='M67 11c6 0 9-6 14-5 5 1 4 9-1 8-3-1-2-5 1-4'/%3E%3Cpath d='M30 11h-4M94 11h-4'/%3E%3C/svg%3E") center / 120px 22px no-repeat,linear-gradient(90deg,#b8862b00,#b8862b8c) left center / calc(50% - 64px) 1px no-repeat,linear-gradient(90deg,#b8862b8c,#b8862b00) right center / calc(50% - 64px) 1px no-repeat}.calm-screen .calm-message{margin:0 0 1.4rem;font-size:1.2rem;line-height:1.6}.calm-screen .calm-help{margin:0 0 1.6rem;font-size:1.1rem;font-weight:600}body.calm a{text-decoration-color:#c9922e;text-decoration-thickness:2px;text-underline-offset:4px}.calm-screen .nav{justify-content:center;flex-wrap:wrap;margin-top:0}body.calm .calm-screen button{border-radius:999px;font-weight:700;padding:.85rem 1.9rem;color:var(--calm-text);background:linear-gradient(180deg,#ffe2a0,#f4bd5c);box-shadow:inset 0 1px #fffae6e6,0 0 0 1px #c9922e8c,0 8px 20px #c88c3238}body.calm .calm-screen button.secondary{background:transparent;border:0;box-shadow:0 0 0 1.5px #b8862bb3}@media (max-width: 480px){body.calm #app{padding-top:1.5rem}.calm-screen{padding:2rem 1.25rem 1.8rem}}