.signin{--seam:#eee8d81a;--cream:#eee8d8;--serif:"Iowan Old Style","Palatino","Palatino Linotype",Georgia,serif;min-height:100svh;color:var(--cream);background:#0b0f0e;grid-template-columns:minmax(420px,36vw) minmax(0,1fr);display:grid}.signin-entry{border-right:1px solid var(--seam);flex-direction:column;justify-content:center;gap:40px;padding:56px clamp(28px,4vw,64px);display:flex}.signin-entry h1{font:400 clamp(44px,4.3vw,68px)/1 var(--serif);letter-spacing:-.025em}.signin-entry h1 em{color:#d3ae58}.signin-form{flex-direction:column;width:100%;max-width:400px;display:flex}.signin-scope{color:var(--ink-mute);font:10px/1.6 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.signin :is(button,a,summary):focus-visible{outline-offset:3px;outline:2px solid #e8825b}.signin-google{color:#14110f;letter-spacing:-.005em;height:50px;transition:background-color .16s var(--ease),transform .11s var(--ease),box-shadow .11s var(--ease);background:#e4dcc9;border-radius:9px;justify-content:center;align-items:center;gap:11px;font-size:15px;font-weight:500;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #14110f2e,0 1px 2px #0006}.signin-google:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #14110f38,0 0 #0000}.signin-google:after{content:"";opacity:0;background:#14110f;width:38%;height:2px;position:absolute;bottom:0;left:0;transform:translate(-100%)}.signin-google[data-pending]{cursor:progress}.signin-google[data-pending]:after{opacity:1;animation:1.1s cubic-bezier(.4,0,.2,1) infinite signin-run}@keyframes signin-run{to{transform:translate(265%)}}.signin-or{color:var(--ink-mute);align-items:center;gap:12px;font-size:12.5px;display:flex}.signin-or:before,.signin-or:after{content:"";background:var(--seam);flex:1;height:1px}.signin-email{height:50px;transition:border-color .16s var(--ease),background-color .16s var(--ease);background:#eee8d808;border:1px solid #eee8d82e;border-radius:9px;align-items:stretch;display:flex}.signin-email:focus-within{background:#eee8d80e;border-color:#eee8d89e}.signin-email input{min-width:0;color:var(--cream);background:0 0;outline:none;flex:1;padding:0 4px 0 15px;font-size:15px}.signin-email input::placeholder{color:var(--ink-mute)}.signin-email button{color:var(--ink-soft);white-space:nowrap;transition:color .16s var(--ease),background-color .16s var(--ease),transform .11s var(--ease);border-radius:6px;align-items:center;gap:8px;margin:4px;padding:0 13px;font-size:13.5px;font-weight:500;display:flex}.signin-email button svg{transition:transform .2s var(--ease)}.signin-email:has(input:not(:-moz-placeholder-shown)) button{color:var(--cream);background:#eee8d81a}.signin-email:has(input:not(:placeholder-shown)) button{color:var(--cream);background:#eee8d81a}.signin-email button:active{transform:scale(.97)}.signin-email[data-pending] button{color:var(--ink-mute);cursor:progress}.signin-sent{min-height:50px;color:var(--ink-soft);align-items:center;gap:12px;font-size:15px;display:flex}.signin-sent svg{color:#d3ae58;stroke-dasharray:16;animation:signin-tick .42s 80ms var(--ease)backwards;flex:none}.signin-sent b{color:var(--cream);font-weight:500}@keyframes signin-tick{0%{stroke-dashoffset:16px}}.signin-invite{border-top:1px solid var(--seam);margin-top:22px;padding-top:16px}.signin-invite summary{min-height:36px;color:var(--ink-soft);cursor:pointer;transition:color .16s var(--ease);justify-content:space-between;align-items:center;font-size:14px;list-style:none;display:flex}.signin-invite summary::-webkit-details-marker{display:none}.signin-invite[open] summary svg{transform:rotate(45deg)}.signin-invite form{flex-direction:column;gap:8px;padding-top:10px;display:flex}.signin-stage{background:radial-gradient(60% 46% at 50% 56%,#eee8d80b,#0000 70%);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.signin-stage figure{isolation:isolate;aspect-ratio:1.06;contain:layout size;pointer-events:none;width:min(46rem,66%,106svh - 201.4px);margin:0;position:relative;transform:translate(calc(4.4% + 7.7px))}.signin-stage canvas{width:calc(100% + 128px);height:calc(100% + 84px);display:block;position:absolute;top:-40px;left:-112px}.signin[data-enter] :is(.signin-entry h1,.signin-form>form>*,.signin-invite,.signin-scope){animation:signin-in .52s var(--ease)backwards}.signin-entry h1{animation-delay:40ms}.signin-form>form>:nth-child(2){animation-delay:.14s}.signin-form>form>:nth-child(3){animation-delay:.19s}.signin-form>form>:nth-child(4){animation-delay:.24s}.signin-invite{animation-delay:.3s}.signin-scope{animation-delay:.36s}.signin[data-enter] .signin-stage figure{animation:signin-cube .9s .12s var(--ease)backwards}@keyframes signin-in{0%{opacity:0;transform:translateY(10px)}}@keyframes signin-cube{0%{opacity:0;scale:.94}}.signin-entry h1 em{transition:color .24s var(--ease),text-shadow .24s var(--ease)}.signin-google{--mx:50%;--glow:0;isolation:isolate}.signin-google:before{content:"";background:radial-gradient(150px circle at var(--mx)50%,#fffdf6,transparent 72%);opacity:var(--glow);transition:opacity .22s var(--ease);pointer-events:none;z-index:-1;position:absolute;inset:0}.signin-google svg{transition:transform .32s cubic-bezier(.3,1.4,.5,1)}.signin-google[data-pending] svg{animation:1.1s linear infinite signin-turn}@keyframes signin-turn{to{rotate:360deg}}.signin-email{position:relative;overflow:hidden}.signin-email:after{content:"";background:var(--cream);transform-origin:0;height:1.5px;transition:transform .36s var(--ease);pointer-events:none;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.signin-email:focus-within:after{transform:scaleX(1)}.signin-email[data-pending]:after{width:38%;animation:1.1s cubic-bezier(.4,0,.2,1) infinite signin-run;transform:translate(-100%)}.signin-email input{transition:padding-left .2s var(--ease)}.signin-email input:focus{padding-left:17px}.signin-email button:disabled svg{animation:signin-nudge .7s var(--ease)infinite alternate}@keyframes signin-nudge{to{transform:translate(4px)}}.signin-sent{animation:signin-in .42s var(--ease)backwards}.signin-invite{interpolate-size:allow-keywords}.signin-invite::details-content{opacity:0;height:0;transition:height .3s var(--ease),opacity .22s var(--ease),content-visibility .3s allow-discrete;overflow:clip}.signin-invite[open]::details-content{opacity:1;height:auto}.signin-invite summary svg{transition:transform .3s cubic-bezier(.3,1.4,.5,1),color .16s var(--ease)}.signin-invite summary:active svg{transform:scale(.82)}.signin-invite[open] summary:active svg{transform:rotate(45deg)scale(.82)}@media (hover:hover){.signin-entry h1 em:hover{color:#ecc76c;text-shadow:0 0 28px #d3ae5873}.signin-google:hover{--glow:1}.signin-google:hover svg{transform:rotate(-14deg)scale(1.08)}.signin-email:hover{border-color:#eee8d857}.signin-invite summary:hover svg{transform:rotate(90deg)}.signin-invite[open] summary:hover svg{transform:rotate(45deg)scale(1.12)}.signin-google:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #14110f2e,0 6px 18px #00000073}.signin-google:hover:active{transform:translateY(1px);box-shadow:inset 0 2px 3px #14110f38}.signin-email button:hover{color:#fff;background:#eee8d824}.signin-email button:hover svg{transform:translate(2px)}.signin-invite summary:hover{color:#fff}}@media (max-width:900px){.signin{grid-template-rows:auto minmax(320px,1fr);grid-template-columns:minmax(0,1fr)}.signin-entry{border-right:0;border-bottom:1px solid var(--seam);justify-content:flex-start;gap:30px;padding-block:64px 36px}.signin-stage figure{width:min(22rem,78%)}}@media (prefers-reduced-motion:reduce){.signin *,.signin :after{transition:none!important;animation:none!important}.signin-google[data-pending]:after{width:100%;transform:none}}