:root{--ink:#f3ede2;--ink-dim:#f3ede2a8;--ink-faint:#f3ede24d;--bg:#0b0a08;--accent:#e8c07a;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-film:cubic-bezier(.65, 0, .35, 1);--pad:clamp(20px, 3.2vw, 56px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}input{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer}.experience{touch-action:none;position:fixed;inset:0;overflow:hidden}.scene{width:100%;height:100%;display:block;position:absolute;inset:0}.shade{pointer-events:none;opacity:var(--shade,1);background:linear-gradient(270deg,#0807059e 0%,#0807054d 26%,#08070500 50%),linear-gradient(90deg,#0807054d 0%,#08070500 14%);position:absolute;inset:0}.finale{pointer-events:none;opacity:0;--dark:1;place-items:center;display:grid;position:absolute;inset:0}.finale__mark{font-family:var(--serif);color:color-mix(in srgb, #2a2016 calc(var(--dark) * 100%), #fffaf0);text-shadow:0 2px calc((1 - var(--dark)) * 30px) rgba(24, 14, 6, calc((1 - var(--dark)) * .55)), 0 0 calc((1 - var(--dark)) * 18px) rgba(255, 244, 225, calc((1 - var(--dark)) * .9)), 0 0 calc((1 - var(--dark)) * 90px) rgba(214, 190, 255, calc((1 - var(--dark)) * .6));transform:scale(calc(.92 + var(--k,0) * .08));padding-top:.08em;font-size:clamp(120px,22vmin,260px);line-height:1}.hud{z-index:10;padding:26px var(--pad) 0;pointer-events:none;text-shadow:0 1px 12px rgba(0, 0, 0, calc(.45 * var(--shade,1)));justify-content:space-between;align-items:center;display:flex;position:absolute;left:0;right:0}.hud>*{pointer-events:auto}.hud--top{top:0}.brand{color:var(--ink);text-shadow:none;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand__mark{color:#fff;background:#000;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.brand__name{font-family:var(--sans);letter-spacing:.01em;color:var(--ink);font-size:15px;font-weight:500}.hud__right{align-items:center;gap:12px;display:flex}.icon-btn{width:40px;height:40px;color:var(--ink);border:1px solid var(--ink-faint);background:#14120e66;border-radius:50%;place-items:center;padding:0;transition:border-color .3s,background .3s;display:grid}:is(.icon-btn:hover,.icon-btn:focus-visible){border-color:var(--ink-dim);background:#14120e99;outline:none}.icon-btn svg{width:18px;height:18px;overflow:visible}.icon-btn svg path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg .sound__body,.icon-btn svg .x-logo{fill:currentColor;stroke:none}.icon-btn svg .x-logo{transform-origin:50%;transform:scale(.86)}.hud-link{letter-spacing:.02em;height:40px;color:var(--ink);border:1px solid var(--ink-faint);background:#14120e66;border-radius:20px;align-items:center;padding:0 18px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .3s,background .3s,color .3s;display:inline-flex}:is(.hud-link:hover,.hud-link:focus-visible){border-color:var(--ink-dim);background:#14120e99;outline:none}.hud-link--app{color:var(--bg);background:var(--ink);border-color:var(--ink);text-shadow:none}:is(.hud-link--app:hover,.hud-link--app:focus-visible){background:#fff;border-color:#fff}.sound .sound__waves{display:none}.sound[aria-pressed=true] .sound__waves{display:inline}.sound[aria-pressed=true] .sound__off{display:none}.foot{z-index:10;left:var(--pad);right:var(--pad);pointer-events:none;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f3ede28c;text-shadow:0 1px 10px rgba(0, 0, 0, calc(.6 * var(--shade,1)));justify-content:space-between;align-items:baseline;font-size:10px;display:flex;position:absolute;bottom:18px}.foot__links{pointer-events:auto;gap:22px;display:flex}.foot__links a{color:inherit;text-decoration:none;transition:color .3s}:is(.foot__links a:hover,.foot__links a:focus-visible){color:var(--ink);outline:none}body.is-light .foot{color:#14100a99;text-shadow:none}.rail{z-index:10;left:var(--pad);gap:18px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.rail__track{background:var(--ink-faint);width:1px;margin:8px 0;position:relative}.rail__fill{transform-origin:top;background:var(--ink);width:1px;height:100%;position:absolute;top:0;left:0;transform:scaleY(0);box-shadow:0 0 8px #fff0d299}.rail__list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.rail__btn{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#f3ede27a;text-shadow:0 1px 10px rgba(0, 0, 0, calc(.6 * var(--shade,1)));background:0 0;border:0;align-items:center;gap:14px;padding:2px 0;font-size:10px;transition:color .4s;display:flex}.rail__num{text-align:left;width:20px}.rail__name{opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);white-space:nowrap;transform:translate(-6px)}:is(.rail__btn:hover,.rail__btn:focus-visible){color:var(--ink-dim);outline:none}:is(.rail__btn:hover .rail__name,.rail__btn:focus-visible .rail__name,.rail__btn.is-active .rail__name){opacity:1;transform:none}.rail__btn.is-active{color:var(--ink)}.beat{z-index:9;padding:0 var(--pad);opacity:0;pointer-events:none;background:#f4f0e8;place-items:center;transition:opacity .45s;display:grid;position:absolute;inset:0}.beat.is-on{opacity:1}.beat.is-out{transition-duration:1.1s}.beat__line{max-width:17em;font-family:var(--serif);letter-spacing:-.01em;text-align:center;color:#14120e;text-wrap:balance;margin:0;font-size:clamp(28px,3.3vw,54px);font-style:italic;font-weight:400;line-height:1.14;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);transform:translateY(10px)}.beat.is-read .beat__line{transform:none}.beat__line em{font-style:normal}.beat__line .w{opacity:0;filter:blur(5px);transition:opacity .26s ease-out,transform .34s cubic-bezier(.2,.7,.2,1),filter .3s ease-out;display:inline-block;transform:translateY(.14em)}.beat__line .w.is-on{opacity:1;filter:none;transform:none}.btn{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;transition:background .3s, color .3s, border-color .3s, transform .3s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:15px 26px;font-size:11px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--ghost{color:var(--ink-dim);border:1px solid var(--ink-faint);background:0 0}.btn--ghost:hover{color:var(--ink);border-color:var(--ink-dim)}.hint{z-index:10;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 10px rgba(0, 0, 0, calc(.5 * var(--shade,1)));transition:opacity .6s var(--ease-film);flex-direction:column;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hint__line{background:var(--ink-faint);width:1px;height:44px;position:relative;overflow:hidden}.hint__line:after{content:"";background:var(--ink);width:1px;height:40%;animation:hint 2.2s var(--ease-film) infinite;position:absolute;top:-40%;left:0}@keyframes hint{0%{top:-40%}to{top:100%}}body.has-scrolled .hint,body.has-prompt .hint{opacity:0}.prompt{z-index:12;text-align:center;opacity:0;pointer-events:none;max-width:min(92vw,720px);transition:opacity .7s var(--ease-film), transform .7s var(--ease-film);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%,10px)}.prompt.is-on{opacity:1;transform:translate(-50%)}.prompt.is-on .prompt__skip{pointer-events:auto}.prompt__verb{font-family:var(--serif);color:var(--ink);text-shadow:0 2px 18px rgba(0, 0, 0, calc(.55 * var(--shade,1)));font-size:clamp(20px,2.1vw,28px);font-style:italic;line-height:1.15}.prompt__keys{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 10px rgba(0, 0, 0, calc(.5 * var(--shade,1)));flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:10px;display:flex}.prompt__keys:empty{display:none}.prompt__key{align-items:center;gap:8px;display:inline-flex}.prompt__key kbd{border:1px solid var(--ink-faint);min-width:22px;font:inherit;letter-spacing:.08em;color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a0859;border-radius:4px;padding:4px 6px}.prompt__skip{border:1px solid var(--ink-faint);font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a084d;border-radius:999px;padding:8px 16px;font-size:10px;transition:color .3s,border-color .3s,background-color .3s}:is(.prompt__skip:hover,.prompt__skip:focus-visible){color:var(--ink);border-color:var(--ink-dim);background:#0c0a0880;outline:none}.prompt__skip[hidden]{display:none}.marker{z-index:11;pointer-events:none;opacity:0;width:0;height:0;transition:opacity .6s var(--ease-film);will-change:transform;position:fixed;top:0;left:0}.marker.is-on{opacity:1}.marker svg{filter:drop-shadow(0 0 1.5px #0a08068c)drop-shadow(0 0 8px #0a08064d);width:60px;height:60px;animation:2.6s ease-in-out infinite marker-breathe;position:absolute;top:-30px;left:-30px;overflow:visible;transform:rotate(-90deg)}.marker.is-held svg{animation:none}.marker__track,.marker__fill{fill:none;stroke-width:1.2px}.marker__track{stroke:#f3ede2bf}.marker__fill{stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:163.4;stroke-dashoffset:163.4px}.marker__dot{background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 1px #0a080659,0 0 12px 3px #ffecc899}.marker__label{white-space:nowrap;font-family:var(--mono);letter-spacing:.24em;color:var(--ink-dim);text-shadow:0 1px 8px #0009;font-size:10px;position:absolute;top:38px;left:50%;transform:translate(-50%)}@keyframes marker-breathe{0%,to{opacity:.75;transform:rotate(-90deg)scale(1)}50%{opacity:1;transform:rotate(-90deg)scale(1.12)}}@media (prefers-reduced-motion:reduce){.marker svg{animation:none}.beat__line .w{filter:none;transition:opacity .2s linear;transform:none}}.loader{z-index:100;background:var(--bg);transition:opacity 3s var(--ease-film), visibility 3s;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}body:not(.is-loading) .loader{opacity:0;visibility:hidden;pointer-events:none}.loader__dream{filter:blur(26px)saturate(.9);opacity:0;animation:dream-in 6s var(--ease-film) .2s forwards;background:radial-gradient(70% 60%,#0b0a0840,#0b0a08b3),url(/loader-dream.jpg) 50%/cover no-repeat;position:absolute;inset:-5%}@keyframes dream-in{to{opacity:1}}body.is-loading .scene{filter:blur(30px)brightness(.62)}.scene{transition:filter 4s var(--ease-film)}.loader__inner{place-items:center;display:grid;position:relative}.loader__mark{--edge:calc(var(--r,0) * 140% - 40%);-webkit-mask-image:linear-gradient(90deg, #000 var(--edge), transparent calc(var(--edge) + 40%));-webkit-mask-image:linear-gradient(90deg, #000 var(--edge), transparent calc(var(--edge) + 40%));mask-image:linear-gradient(90deg, #000 var(--edge), transparent calc(var(--edge) + 40%));line-height:1}.loader__pct{font-family:var(--mono);letter-spacing:.2em;color:#f3ede29e;font-variant-numeric:tabular-nums;transition:opacity .8s var(--ease-film);font-size:11px;position:absolute;top:calc(100% + clamp(28px,5vmin,48px) + 14px);left:50%;transform:translate(-50%)}.loader.is-ready .loader__pct,.loader.has-note .loader__pct{opacity:0}.loader__note{text-align:center;color:#f3ede2c7;justify-items:center;gap:16px;width:max-content;max-width:min(86vw,440px);font-size:13px;line-height:1.5;display:grid;position:absolute;top:calc(100% + clamp(28px,5vmin,48px));left:50%;transform:translate(-50%)}.loader__note[hidden]{display:none}.loader__note p{margin:0}.loader.is-ready .loader__note{display:none}.loader__discover{color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 1.4s var(--ease-film), transform 1.4s var(--ease-out), background .3s, border-color .3s, color .3s;background:#0c0a0847;border-color:#f3ede252;padding:14px 30px;position:absolute;top:calc(100% + clamp(28px,5vmin,48px));left:50%;transform:translate(-50%,8px)}.loader.is-ready .loader__discover{opacity:1;pointer-events:auto;transform:translate(-50%)}:is(.loader.is-ready .loader__discover:hover,.loader.is-ready .loader__discover:focus-visible){background:#f3ede21f;border-color:#f3ede2b3;outline:none;transform:translate(-50%,-1px)}.cursor{display:none}.has-cursor,.has-cursor *{cursor:none!important}.has-cursor .cursor{z-index:200;pointer-events:none;display:block;position:fixed;inset:0}.cursor__dot,.cursor__ring{will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.cursor__dot{background:var(--accent);width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:0 0 10px 2px #e8c07a8c}.cursor__ring{width:34px;height:34px;transition:width .35s var(--ease,ease), height .35s var(--ease,ease), margin .35s var(--ease,ease), border-color .35s, background-color .35s, opacity .3s;border:1px solid #f3ede273;margin:-17px 0 0 -17px}.cursor.is-link .cursor__ring{background-color:#e8c07a14;border-color:#e8c07acc;width:58px;height:58px;margin:-29px 0 0 -29px}.cursor.is-down .cursor__ring{width:24px;height:24px;margin:-12px 0 0 -12px}.cursor.is-away{opacity:0}.cursor{transition:opacity .3s}.cursor.is-light .cursor__ring{border-color:#14100a80}.cursor.is-light .cursor__dot{box-shadow:none;background:#1a140c}@media (max-width:900px){.shade{background:linear-gradient(#08070500 40%,#08070580 66%,#080705d9 100%),linear-gradient(#08070573 0%,#08070500 20%)}.hud{padding-top:18px}.prompt{gap:10px;top:78px;bottom:auto}.rail{top:auto;bottom:40px;left:var(--pad);transform:none}.rail__track{display:none}.rail__list{flex-direction:row;gap:6px}.rail__btn{padding:6px 0}.rail__num{width:auto;font-size:0}.rail__num:before{content:"";background:currentColor;width:18px;height:2px;display:block}.rail__name{display:none}.hint{left:auto;right:var(--pad);bottom:40px;transform:none}.hint__line{display:none}.brand__name{font-size:14px}.brand,.hud__right{gap:10px}.foot{letter-spacing:.1em;font-size:9px;bottom:12px}.foot__links{gap:16px}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){.prompt{top:auto;bottom:30px}}@media (max-width:440px){.brand__name{display:none}.hud__right{gap:8px}.hud-link{padding:0 14px}}.mail-proxy{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:fixed;bottom:0;left:50%}.mark{background:currentColor;width:1em;height:1em;display:block;-webkit-mask:url(/meris-mark.png) 50%/contain no-repeat;mask:url(/meris-mark.png) 50%/contain no-repeat}.brand__mark .mark{width:22px;height:22px}.loader__mark .mark{width:clamp(110px,13vmin,150px);height:clamp(110px,13vmin,150px)}.finale__mark .mark{width:.8em;height:.8em}
