:root{--fg:#f3efe6;--dim:#f3efe68c;--faint:#f3efe64d}*{box-sizing:border-box;margin:0}html,body{color:var(--fg);background:#000;height:100%}body{-webkit-font-smoothing:antialiased;font:17px/1.5 Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.sky{position:fixed;inset:0;overflow:hidden}.sky canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.ui{text-align:center;padding:max(12vh, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.ui>*{pointer-events:auto}.fade{animation:1.2s both fade}@keyframes fade{0%{opacity:0}}h1{letter-spacing:.01em;text-wrap:balance;max-width:14em;font-size:clamp(24px,5.5vw,44px);font-weight:400}h2{margin-bottom:1.2em;font-size:clamp(22px,5vw,32px);font-weight:400}.bottom{flex-direction:column;align-items:center;gap:18px;display:flex}.count{color:var(--dim);font-variant-numeric:tabular-nums;letter-spacing:.04em}.note{color:var(--faint);font-size:14px;font-style:italic}.dim{color:var(--dim);font-size:15px}nav{color:var(--faint);gap:18px;font-size:13px;display:flex}nav a{text-decoration:none}.cta{letter-spacing:.14em;text-transform:uppercase;border:1px solid #f3efe680;border-radius:999px;padding:12px 30px;font-size:14px;transition:background .3s,opacity .3s}.cta:hover:not(:disabled){background:#f3efe61a}.cta:disabled{opacity:.3;cursor:default}.ghost{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;padding:12px 18px;font-size:13px}.row{justify-content:center;align-items:center;gap:12px;display:flex}.write{background:#0000008c;justify-content:center;gap:20px}.write textarea{resize:none;width:min(560px,100%);height:34vh;color:var(--fg);font:inherit;text-align:center;background:0 0;border:0;outline:0;font-size:clamp(20px,4.5vw,26px);line-height:1.5}.write textarea::placeholder{color:var(--faint);font-style:italic}.for{color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 8px;font-size:15px;display:flex}.for input{border:0;border-bottom:1px solid var(--faint);width:7em;color:var(--fg);font:inherit;text-align:center;background:0 0;outline:0}.for span{width:100%;color:var(--faint);font-size:12px}.release{white-space:pre-wrap;pointer-events:none;flex-wrap:wrap;place-content:center;padding:24px;font-size:clamp(20px,4.5vw,26px);display:flex;position:absolute;inset:0;overflow:hidden}.release span{animation:rise 1.6s var(--d) ease-in forwards;display:inline-block}@keyframes rise{60%{filter:blur(2px);color:#fff;text-shadow:0 0 12px #fff}to{transform:translate(var(--x), -45vh) scale(.2);opacity:0;filter:blur(6px)}}.card{padding-bottom:max(40px, env(safe-area-inset-bottom));justify-content:flex-end;gap:28px}.card .name{margin-bottom:4px;font-size:26px}.card .for-line{margin-top:14px;font-size:19px}.card .dim+.note,.card .for-line+.dim{margin-top:12px}.page{max-width:640px;margin:0 auto;padding:12vh 24px 80px}.page h1{margin-bottom:1.2em}.page h2{margin:2em 0 .6em;font-size:20px}.page p,.page li{color:var(--dim);margin-bottom:1em}.page ul{padding-left:1.2em}.page .back{color:var(--faint);margin-bottom:3em;font-size:14px;text-decoration:none;display:inline-block}.mine{flex-wrap:wrap;justify-content:center;margin-top:-10px;display:flex}.mine .ghost{letter-spacing:.04em;text-transform:none;font-variant-numeric:tabular-nums;padding:8px 10px}.find input{border:0;border-bottom:1px solid var(--faint);width:9em;color:var(--fg);font:inherit;text-align:center;background:0 0;outline:0;padding:4px;font-size:13px}.find input::placeholder{color:var(--faint)}
