*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111;--fg:#e8e8e8;--muted:#d2d7dc8c;--line:#d2d7dc59;--serif:"Georgia", "Times New Roman", serif}html,body{background:var(--bg);width:100%;height:100%;overflow:hidden}canvas{z-index:0;touch-action:none;display:block;position:fixed;inset:0}#content{z-index:1;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 16px;display:flex;position:relative}#content>*{pointer-events:auto}h1{font-family:var(--serif);color:var(--fg);letter-spacing:.15em;margin-bottom:.3em;font-size:clamp(3rem,12vw,6rem);font-weight:400}.tagline{font-family:var(--serif);color:var(--muted);letter-spacing:.05em;font-size:1.15rem;font-style:italic}.stage{width:100%;max-width:440px;margin-top:3rem;display:grid}form{grid-area:1/1;align-items:flex-end;gap:1.25rem;width:100%;display:flex}input[type=email]{border:none;border-bottom:1px solid var(--line);min-width:0;color:var(--fg);font-family:var(--serif);background:0 0;outline:none;flex:1;padding:.4rem .1rem;font-size:1.1rem;transition:border-color .2s}input[type=email]::placeholder{color:#d2d7dc4d;font-style:italic}input[type=email]:focus{border-color:#d2d7dccc}button{border:none;border-bottom:1px solid var(--line);color:#e8e8e8e6;font-family:var(--serif);cursor:pointer;white-space:nowrap;background:0 0;padding:.4rem .1rem;font-size:1.1rem;transition:color .2s,border-color .2s}button:hover,button:focus-visible{color:#fff;border-color:#d2d7dccc;outline:none}button:disabled{opacity:.5;cursor:default}form.sending input[type=email]{color:#e8e8e899;border-color:var(--line)}.status.pending{animation:1.4s ease-in-out infinite pending}@keyframes pending{0%,to{opacity:1}50%{opacity:.4}}input[type=email].emptied{color:#0000;caret-color:#0000}form.sink{opacity:0;filter:blur(2px);transition:transform .45s cubic-bezier(.55,0,.9,.4),opacity .4s ease-in,filter .45s ease-in;transform:translateY(26px)scale(.82,.6)}form.gone{visibility:hidden;opacity:0}.bottle{z-index:2;pointer-events:none;position:fixed;inset:0}.bottle span{color:var(--fg);white-space:pre;will-change:transform, opacity;position:fixed;transform:translate(-50%,-50%)}.bottle span.mono{color:#e1e4e8e6}.thanks{font-family:var(--serif);letter-spacing:.05em;color:var(--fg);opacity:0;pointer-events:none;grid-area:1/1;align-self:center;font-size:1.15rem;font-style:italic}.thanks.shown{opacity:1}.thanks.rising{animation:.7s cubic-bezier(.2,.7,.3,1) forwards surface,1.2s ease-in-out .5s bob}@keyframes surface{0%{opacity:0;filter:blur(3px);translate:0 18px}to{opacity:1;filter:blur();translate:0}}@keyframes bob{0%{transform:translateY(0)rotate(0)}22%{transform:translateY(-4px)rotate(-.6deg)}48%{transform:translateY(2.5px)rotate(.4deg)}74%{transform:translateY(-1px)rotate(-.15deg)}to{transform:translateY(0)rotate(0)}}.status{font-family:var(--serif);color:var(--muted);min-height:1.4em;margin-top:1.2rem;font-size:.9rem;font-style:italic}.status.error{color:#f0a096d9}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){form{flex-direction:column;align-items:stretch;gap:1.5rem}button{align-self:center}}@media (prefers-reduced-motion:reduce){.status.pending{animation:none}}