.signin{--page:#121213;--ink:#f2f0ea;--muted:rgb(242 240 234/58%);--line:rgb(242 240 234/16%);--accent:#cfd512;--pink:#ff3d9e;--pink-deep:#a8085a;min-height:100dvh;display:grid;place-items:center;padding:96px 16px 48px;background:var(--page);color:var(--ink);font:400 15px/1.45 var(--font-montreal),system-ui,sans-serif}.signin-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:29px 36px}.signin-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgb(242 240 234/6%);color:var(--ink);cursor:pointer}.signin-close:hover{background:rgb(242 240 234/12%)}.signin-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signin-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.signin-wordmark{color:var(--ink);font:400 14px/1 var(--font-michroma),sans-serif;letter-spacing:.14em;text-decoration:none}.signin-card{width:min(100%,380px);display:grid;gap:14px}.signin-word{margin:0 0 24px}.signin-card h1,.signin-word{text-align:center}.signin-card h1{margin:4px 0 0;font-size:28px;font-weight:500;letter-spacing:-.01em}.signin-card h1+*{margin-top:10px}.signin-card button,.signin-card input{font:inherit}.signin-social,.signin-submit{height:48px;border-radius:999px;cursor:pointer}.signin-social{display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:#fffbe8;color:#1a1a14;font-weight:500;box-shadow:0 4px 0 #b9b39a;transition:transform 80ms ease,box-shadow 80ms ease}.signin-social svg{width:18px;height:18px}.signin-social:hover:not(:disabled){background:#fff}.signin-social:active:not(:disabled),.signin-submit:active:not(:disabled){transform:translateY(3px)}.signin-social:active:not(:disabled){box-shadow:0 1px 0 #b9b39a}.signin-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.signin-or:after,.signin-or:before{content:"";flex:1;border-top:1px solid var(--line)}.signin-card form{display:grid;gap:12px}.signin-card label{display:grid;gap:6px;color:var(--muted);font-size:13px}.signin-card input{height:48px;padding:0 16px;border:2px solid var(--line);border-radius:16px;background:rgb(242 240 234/5%);color:var(--ink);font-size:16px}.signin-card button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signin-card input:focus{outline:none}.signin-submit{height:54px;margin-top:6px;border:0;background:linear-gradient(180deg,var(--pink) 0,#e0067a 100%);color:#fff;font:600 19px/1 var(--font-fredoka),var(--font-montreal),sans-serif;box-shadow:inset 0 2px 0 rgb(255 255 255/35%),0 5px 0 var(--pink-deep),0 10px 16px rgb(120 0 60/35%);transition:transform 80ms ease,box-shadow 80ms ease}.signin-submit:active:not(:disabled){box-shadow:inset 0 2px 0 rgb(255 255 255/35%),0 2px 0 var(--pink-deep)}.signin-card button:disabled{opacity:.5;cursor:default}.signin-error{margin:0;color:#ff9a8a;font-size:14px}.signin-switch{margin:6px 0 0;color:var(--muted);text-align:center}.signin-switch button{padding:0;border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media (max-width:600px){.signin{padding-top:72px}.signin-word .gizmo-word{font-size:62px}.signin-header{padding:calc(18px + env(safe-area-inset-top)) 22px 0}.signin-wordmark{font-size:11px}}