:root{--paper:#e5e0ea;--ink:#241d16}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:auto}body{background:var(--paper);-webkit-font-smoothing:antialiased;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:hidden}@media (pointer:fine){body,body *{cursor:none}body.plain,body.plain *{cursor:auto}body.plain #ask button{cursor:pointer}body.plain #ask input{cursor:text}}canvas{pointer-events:none;display:block;position:fixed;inset:0}#hint{z-index:6;letter-spacing:.26em;text-transform:uppercase;color:#241d1661;pointer-events:none;font-size:10px;transition:opacity 1s;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}#sound{z-index:6;color:#241d164d;-webkit-user-select:none;user-select:none;opacity:0;padding:9px;font-size:15px;line-height:1;transition:opacity .8s,color .3s;position:fixed;bottom:22px;right:24px}#sound.on{opacity:1}#sound.muted{color:#241d1621}#sound:hover{color:#241d16bf}#scrollhint{z-index:6;opacity:0;pointer-events:none;transition:opacity 1.4s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#scrollhint.on{opacity:.45}#scrollhint span{background:var(--ink);transform-origin:top;width:1px;height:52px;animation:3.6s ease-in-out infinite breathe;display:block}@keyframes breathe{0%,to{opacity:.3;transform:scaleY(.22)}50%{opacity:.75;transform:scaleY(1)}}#spacer{height:82vh}#ask{z-index:20;text-align:center;min-height:100vh;font-family:var(--font-sora),system-ui,sans-serif;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;padding:0 26px 12vh;font-weight:200;display:flex;position:relative}#ask .a1{letter-spacing:-.022em;color:#000;opacity:0;font-size:clamp(24px,3.4vw,44px);transition:opacity 3s,transform 1.5s cubic-bezier(.16,1,.3,1);transform:none}#ask .a1.in{opacity:1;transform:none}#ask .a1.out{opacity:0;transition:opacity 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1);transform:translateY(-14px)}#ask .a2{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:26px;min-height:56px;margin-top:7vh;display:flex}#ask .q{letter-spacing:-.022em;color:#000;opacity:0;font-size:clamp(21px,2.9vw,38px);transition:opacity 2s,filter .8s}#ask .q.in{opacity:1}#ask .q.gone{opacity:0;filter:blur(5px);transition:opacity 1.3s cubic-bezier(.16,1,.3,1),filter .8s}#ask .opts{opacity:0;align-items:baseline;gap:22px;transition:opacity 2s;display:flex}#ask .opts.in{opacity:1}#ask .opts.gone{opacity:0;pointer-events:none;transition:opacity .45s}#ask .opts button{font:inherit;color:#00000073;z-index:1;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;margin:-10px -6px;padding:10px 16px;font-size:clamp(16px,1.8vw,23px);transition:color .4s;position:relative}#ask .opts button:hover{color:#000}#ask .opts button:focus-visible{outline:1px solid var(--ink);outline-offset:6px}#mailrow{opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:20px;transition:opacity 1s cubic-bezier(.16,1,.3,1);display:flex;position:absolute}#mailrow.in{opacity:1;pointer-events:auto}#mailrow input{font:inherit;letter-spacing:-.02em;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #241d1633;width:min(400px,66vw);padding:4px 2px 10px;font-size:clamp(19px,2.5vw,32px);font-weight:200;transition:border-color .5s}#mailrow input::placeholder{color:#241d164d}#mailrow input:focus{border-color:var(--ink);outline:none}#mailrow.err input{border-color:#b4552d}#mailrow button{font:inherit;letter-spacing:.14em;color:#241d1673;white-space:nowrap;background:0 0;border:0;font-size:clamp(12px,1.3vw,15px);transition:color .4s}#mailrow button:hover{color:var(--ink)}#mailrow button:disabled{opacity:.5;cursor:default}#mailrow input:disabled{opacity:.6}.hp{opacity:0;pointer-events:none;width:1px;height:1px;top:auto;left:-9999px;position:absolute!important}.mailerr{text-align:center;letter-spacing:.03em;color:#b4552d;opacity:0;width:100%;font-size:12px;transition:opacity .4s}.mailerr.show{opacity:1}#closing{letter-spacing:-.022em;opacity:0;pointer-events:none;font-size:clamp(24px,3.4vw,44px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1);position:absolute}#closing.in{opacity:1;opacity:1}#mark{opacity:0;pointer-events:none;transition:opacity 2s;position:absolute;bottom:9vh}#mark.in{opacity:.5}#mark svg{width:30px;height:30px}#mark circle{fill:none;stroke:var(--ink);stroke-width:1px}@media (max-width:768px){canvas{touch-action:none;height:100svh;top:0;bottom:auto}html.echoes-lock canvas{pointer-events:auto}html.echoes-lock,html.echoes-lock body{overscroll-behavior:none;touch-action:none;overflow:hidden}#spacer{height:0}#scrollhint{display:none}#ask{z-index:20;pointer-events:none;background:0 0;height:12svh;min-height:0;padding:0 20px;position:fixed;inset:50% 0 auto;overflow:hidden;transform:translateY(-50%)}#ask .a1{font-size:clamp(15px,4.5vw,20px)}#ask .a2{margin-top:.8vh}#ask .q{font-size:clamp(12px,3.4vw,15px)}#ask .opts{gap:8px}#ask .opts button{pointer-events:auto;margin:-8px 0;padding:8px 12px;font-size:13px}#mailrow.in input,#mailrow.in button{pointer-events:auto}#mailrow input{width:min(320px,72vw);font-size:17px}}@media (prefers-reduced-motion:reduce) and (max-width:768px){#hint,#scrollhint{display:none}#ask,#ask *{transition-duration:1ms!important;animation-duration:1ms!important}}