.sign-in{--gl:max(28px, env(safe-area-inset-left,0px));--gr:max(28px, env(safe-area-inset-right,0px));flex-direction:column;min-height:100dvh;font-size:17px;line-height:1.5;display:flex;position:relative;overflow-x:clip}.sign-in .ink{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.sign-in header{z-index:3;padding:22px var(--gr) 22px var(--gl);justify-content:space-between;align-items:center;display:flex;position:relative}.sign-in .logo{align-items:center;gap:9px;font-size:19px;display:flex}.sign-in .logo svg{width:26px;height:26px}.sign-in .back{color:var(--color-muted);font-size:15px}.sign-in .back:hover{color:var(--color-ink)}.sign-in main{z-index:2;padding:40px var(--gr) 40px calc(var(--gl) + clamp(0px, 9vw, 190px));flex:1;align-items:center;display:flex;position:relative}.sign-in .words{width:min(46rem,100%)}.sign-in h1{letter-spacing:-.045em;font-size:clamp(2.9rem,6.2vw,5.4rem);line-height:1.02}.sign-in .told{max-width:27rem;color:var(--color-muted);text-wrap:pretty;margin-top:20px;font-size:clamp(1.05rem,1.35vw,1.3rem)}.sign-in .told.problem{color:var(--color-amber)}.sign-in .line{align-items:center;gap:10px;max-width:38rem;margin-top:64px;padding:0 0 12px 58px;display:flex}.sign-in .line input{letter-spacing:-.02em;min-width:0;caret-color:var(--color-accent);background:0 0;outline:none;flex:1;font-size:clamp(1.2rem,2vw,1.7rem)}.sign-in .line input::placeholder{color:var(--color-faint)}.sign-in .line button{background:var(--color-accent);color:#fff;cursor:pointer;border-radius:50%;flex:none;width:48px;height:48px;font-size:20px}.sign-in .line button:disabled{cursor:default;opacity:.6}.sign-in .other{max-width:38rem;min-height:46px;color:var(--color-faint);flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;padding-left:58px;font-size:16px;display:flex}.sign-in .google{background:var(--color-tint);height:46px;color:var(--color-ink);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.sign-in .google span{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.sign-in .plain{color:var(--color-muted);cursor:pointer}.sign-in .plain:hover{color:var(--color-ink)}.sign-in footer{z-index:2;padding:26px var(--gr) calc(26px + env(safe-area-inset-bottom,0px)) var(--gl);color:var(--color-faint);flex-wrap:wrap;justify-content:space-between;gap:8px 28px;font-size:14px;display:flex;position:relative}@media (max-width:760px){.sign-in{--gl:max(20px, env(safe-area-inset-left,0px));--gr:max(20px, env(safe-area-inset-right,0px))}.sign-in header{padding-block:14px}.sign-in main{padding:14vh var(--gr) 40px var(--gl);align-items:flex-start}.sign-in .line{margin-top:48px;padding-left:50px}.sign-in .other{padding-left:0}}
