:root{--canvas: #fbfcfd;--ink: #0d1726;--ink2: #5b6574;--ink3: #8a93a3;--line-strong: rgb(13 23 38 / .16);--accent: #19a2f3;--accent-ink: #0877c2;--failed: oklch(.55 .17 25);--serif: "Newsreader", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#root{min-height:100svh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:48px 20px 9vh;text-align:center}.head{display:flex;flex-direction:column;align-items:center}.name{margin-top:14px;font-family:var(--serif);font-size:clamp(44px,5vw,60px);font-weight:400;line-height:1;letter-spacing:-.02em}.line{max-width:20em;margin-top:16px;font-family:var(--serif);font-size:clamp(19px,1.8vw,22px);line-height:1.35;color:var(--ink2);text-wrap:balance}.join{width:100%;max-width:380px}.foot{display:flex;justify-content:flex-end;padding:20px 24px;font-size:12px;color:var(--ink3)}.draw{display:block;padding:6px;background:none;border:0;border-radius:6px;cursor:pointer}.draw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.draw svg{display:block;overflow:visible}.draw-wave{fill:var(--accent);fill-opacity:0;stroke:var(--accent);stroke-width:6;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw-line 1.2s cubic-bezier(.62,.02,.34,1) calc(.2s + var(--i) * .18s) forwards,draw-ink .6s ease calc(1s + var(--i) * .18s) forwards}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes draw-ink{to{fill-opacity:1}}.draw-after{animation:draw-rise .7s cubic-bezier(.2,.7,.2,1) both}@keyframes draw-rise{0%{opacity:0;transform:translateY(6px)}}.access-form{display:flex;flex-direction:column;gap:10px}.access-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-strong);transition:border-color .15s}.access-row:focus-within{border-color:var(--accent)}.input{flex:1;min-width:0;padding:10px 0;background:none;border:0;outline:none;color:var(--ink);font:inherit}.input::placeholder{color:var(--ink3)}.btn{padding:10px 0;background:none;border:0;color:var(--accent-ink);font:inherit;font-weight:500;white-space:nowrap;cursor:pointer}.btn:after{content:"→";display:inline-block;margin-left:.6ch;transition:transform .15s}.btn:hover:not(:disabled):after{transform:translate(3px)}.btn:disabled{color:var(--ink3);cursor:default}.btn:disabled:after{content:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.form-msg{min-height:1.5em;font-size:12px;color:var(--ink2)}.form-msg[data-error]{color:var(--failed)}@media(prefers-reduced-motion:reduce){.draw-wave{animation:none;stroke-dashoffset:0;fill-opacity:1}.draw-after{animation:none}}