*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0c0a;--ink: #efe6d6;--ink-dim: #b8ab97;--accent: #e8c88a;--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--measure: 26ch}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-weight:300;line-height:1.55;overflow-x:hidden;transition:background-color .9s linear}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:200;background:var(--accent);color:#1a1510;padding:12px 18px;border-radius:4px;font-size:.95rem;text-decoration:none}.skip-link:focus{top:calc(16px + env(safe-area-inset-top))}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}#room{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.no-webgl #room{display:none}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.afterglow{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 62%,rgba(232,200,138,.22),transparent 62%);transition:opacity 2.4s ease}.afterglow.lit{opacity:1}.chrome{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(1.4rem + env(safe-area-inset-top)) clamp(1.2rem,3vw,2.5rem) 1.4rem;pointer-events:none}.chrome__title{font-style:italic;font-size:.95rem;color:var(--ink-dim)}.chrome__crisis{pointer-events:auto;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;border:1px solid currentColor;border-radius:100px;padding:7px 14px;transition:color .4s ease,border-color .4s ease;position:relative}.chrome__crisis:after{content:"";position:absolute;inset:-12px}.chrome__crisis:hover,.chrome__crisis:focus-visible{color:var(--accent)}.chrome__hint{position:fixed;z-index:10;bottom:calc(1.6rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);opacity:.6;transition:opacity .8s ease}.chrome__hint.gone{opacity:0}#story{position:relative;z-index:5}.beat{min-height:100svh;display:grid;place-items:center;padding:18vh clamp(1.5rem,6vw,4rem);position:relative}.beat__inner{width:100%;max-width:62rem;display:grid;place-items:center}.beat__text{text-align:center;max-width:100%}.beat__text p{font-size:clamp(1.35rem,3.1vw,2.15rem);line-height:1.5;margin:0 auto .65em;text-wrap:balance;max-width:var(--measure);text-shadow:0 2px 26px rgba(0,0,0,.75),0 1px 5px rgba(0,0,0,.55)}.beat__text p:last-child{margin-bottom:0}.beat--line .beat__text p,.beat--still .beat__text p{font-style:italic;font-size:clamp(1.7rem,5vw,3.4rem);line-height:1.28;max-width:17ch}.beat__label{position:absolute;right:clamp(1.2rem,3vw,2.5rem);bottom:clamp(1.2rem,3vw,2.5rem);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);opacity:.35}.beat__figure{width:min(62vw,40rem)}@media(max-width:768px){.beat__figure{width:88vw}}.beat__figure img{width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 52%,transparent 88%);mask-image:radial-gradient(ellipse 74% 74% at 50% 50%,#000 52%,transparent 88%)}.beat{opacity:1}.js .beat{opacity:0;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.js .beat.in{opacity:1;transform:none}.webgl .beat__figure{opacity:0;transition:opacity .6s ease}@media(prefers-reduced-motion:reduce){.js .beat{opacity:1;transform:none;transition:none}.webgl .beat__figure{opacity:1}.afterglow{transition:none}}.ritual{min-height:100svh;display:grid;place-items:center;padding:14vh clamp(1.5rem,6vw,4rem);position:relative;z-index:5}.ritual:before,.resources:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 68% 58% at 50% 50%,#0e0c0ab8,#0e0c0a00 78%)}.ritual__inner{text-align:center;max-width:32rem;display:grid;justify-items:center;gap:1.6rem}.ritual__heading{font-weight:300;font-style:italic;font-size:clamp(1.5rem,3.6vw,2.4rem)}.candle{position:relative;width:76px;height:132px;background:none;border:0;cursor:pointer;display:grid;justify-items:center;align-content:end}.candle__body{width:26px;height:74px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#efe6d6,#c9bda6);box-shadow:inset -3px 0 6px #0000002e}.candle__flame{width:16px;height:30px;margin-bottom:8px;border-radius:50%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 68%,#fff6dc,#f0b64e 46%,#e88c2800 78%);opacity:0;transform:scale(.4);transform-origin:50% 100%;transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.candle.lit .candle__flame{opacity:1;transform:scale(1);animation:flicker 3.6s ease-in-out infinite}.candle.lit{filter:drop-shadow(0 0 26px rgba(240,182,78,.4))}@keyframes flicker{0%,to{transform:scale(1) translate(0)}30%{transform:scale(1.06,.97) translate(.6px)}60%{transform:scale(.96,1.04) translate(-.5px)}}@media(prefers-reduced-motion:reduce){.candle.lit .candle__flame{animation:none}.candle__flame{transition:none}}.ritual__form{display:grid;gap:.7rem;justify-items:center;width:100%;max-width:22rem}.ritual__label{font-size:.9rem;color:var(--ink);opacity:.85}.ritual__input{width:100%;background:#ffffff0b;border:1px solid rgba(239,230,214,.2);border-radius:6px;padding:12px 14px;color:var(--ink);font-family:var(--serif);font-size:1.05rem;text-align:center}.ritual__input::placeholder{color:var(--ink-dim);opacity:.6}.ritual__save,.resources__share,.resources__restart{background:none;border:1px solid rgba(239,230,214,.28);border-radius:100px;color:var(--ink-dim);padding:11px 22px;cursor:pointer;font-family:var(--serif);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color .4s ease,border-color .4s ease}.ritual__save:hover,.resources__share:hover,.resources__restart:hover,.ritual__save:focus-visible,.resources__share:focus-visible,.resources__restart:focus-visible{color:var(--accent);border-color:var(--accent)}.ritual__saved{font-style:italic;color:var(--accent);font-size:1.05rem}.ritual__caption{font-style:italic;color:var(--ink-dim);font-size:.98rem}.resources{position:relative;z-index:5;padding:16vh clamp(1.5rem,6vw,4rem) calc(14vh + env(safe-area-inset-bottom));display:grid;place-items:center}.resources__inner{width:100%;max-width:40rem;display:grid;justify-items:center;gap:1rem;text-align:center}.resources__eyebrow{font-size:.82rem;color:var(--ink-dim);letter-spacing:.06em}.resources__heading{font-weight:300;font-style:italic;font-size:clamp(1.8rem,4.4vw,2.8rem)}.resources__sub{color:var(--ink-dim);margin-bottom:1.4rem}.resources__list{list-style:none;width:100%;display:grid;gap:.9rem}.res{text-align:left;border:1px solid rgba(239,230,214,.16);border-radius:10px;padding:1.1rem 1.3rem;background:#ffffff09;transition:border-color .4s ease,background-color .4s ease}.res:hover{border-color:#e8c88a66;background:#ffffff0e}.res h3{font-weight:400;font-size:1.16rem;margin-bottom:.2rem}.res p{color:var(--ink-dim);font-size:.94rem;margin-bottom:.5rem}.res a{color:var(--accent);text-decoration:none;font-size:.92rem}.res a:hover{text-decoration:underline}.resources__books{width:100%;text-align:left;margin-top:1.6rem}.resources__books h3{font-weight:400;font-size:1.05rem;margin-bottom:.5rem;color:var(--ink-dim)}.resources__books ul{list-style:none;display:grid;gap:.35rem}.resources__books li{font-size:.98rem;color:var(--ink-dim)}.resources__books cite{font-style:italic;color:var(--ink)}.resources__share-line{margin-top:2.4rem;color:var(--ink-dim);font-style:italic}.resources__creator{margin-top:2.6rem;font-style:italic;color:var(--ink-dim);font-size:1.02rem;max-width:34rem}.resources__restart{margin-top:2rem}@media print{#room,.grain,.afterglow,.chrome__hint,.candle{display:none!important}.beat,.js .beat{opacity:1!important;transform:none!important;min-height:auto;padding:1.2rem 0}body{background:#fff;color:#000}}