.signin{--top:max(47px, env(safe-area-inset-top));--base:calc(var(--top) + 57px);--reserve:250px;--s:clamp(9px, min((100cqw - 70px) / 20, (100svh - var(--base) - 40px - var(--reserve)) / 22), 22px);--net:calc(var(--base) + 22 * var(--s));--sheet:calc(var(--net) + 40px);--r-sheet:24px;background:var(--surface);min-height:100dvh;color:var(--ink-1);flex-direction:column;display:flex;position:relative;container-type:inline-size}.signin-band{height:calc(var(--sheet) + var(--r-sheet));background:var(--acc);flex:none;position:relative;overflow:hidden}.signin-court{left:calc((100cqw - 20 * var(--s)) / 2 - 20 * var(--s) / 12);top:var(--base);width:calc(280 * var(--s) / 12);height:calc(44 * var(--s));color:var(--on-acc);position:absolute;overflow:visible}.signin-logo{left:calc((100cqw - 15 * var(--s)) / 2);top:calc(var(--base) + 15.9506 * var(--s));width:calc(15 * var(--s));height:calc(15 * var(--s) * 2270 / 6678);position:absolute;overflow:visible}.signin-lang{z-index:2;top:calc(var(--top) + 7px);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-acc) 34%, transparent);gap:2px;padding:2px;display:flex;position:absolute;right:16px}.signin-lang-btn{border-radius:var(--r-pill);height:30px;color:var(--on-acc);cursor:pointer;transition:background-color var(--t-fast) ease, color var(--t-fast) ease;background:0 0;border:0;align-items:center;padding:0 12px;font-size:14px;font-weight:500;line-height:1;display:flex;position:relative}.signin-lang-btn:before{content:"";position:absolute;inset:-7px -1px}.signin-lang-btn[aria-pressed=true]{background:var(--on-acc);color:var(--acc-deep)}.signin-lang-btn:focus-visible{outline:2px solid var(--on-acc);outline-offset:2px}@media (hover:hover) and (pointer:fine){.signin-lang-btn[aria-pressed=false]:hover{background:color-mix(in srgb, var(--on-acc) 12%, transparent)}}.signin-sheet{z-index:1;margin-top:calc(-1 * var(--r-sheet));padding:28px max(24px, (100cqw - 440px) / 2) max(34px, env(safe-area-inset-bottom));border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:var(--surface);box-shadow:0 -8px 24px rgba(var(--shadow-rgb), .07);flex-direction:column;flex:1 0 auto;display:flex;position:relative}.signin-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-1);text-wrap:balance;margin:0;font-size:24px;font-weight:700;line-height:30px}.signin-lead{color:var(--ink-3);text-wrap:pretty;margin:8px 0 0;font-size:16px;line-height:23px}.signin-fill{flex:1;min-height:24px}.signin .signin-alert{margin:0 0 14px;font-size:14px;line-height:20px}.signin .signin-go{min-height:52px;transition:background var(--t-fast) ease, border-color var(--t-fast) ease, color var(--t-fast) ease, box-shadow var(--t-fast) ease, transform var(--t-fast) var(--ease);gap:10px;padding:0 20px;font-size:16px}.signin .signin-go:active{transform:translateY(1px)}.signin .btn-primary.signin-go:active{box-shadow:0 4px 10px rgba(var(--shadow-rgb), .14)}.signin .signin-go:focus-visible{outline:2px solid var(--acc-text);outline-offset:3px}.signin .btn-secondary.signin-go{border-color:var(--line-2);color:var(--ink-1);font-weight:600}.signin .signin-go[aria-busy=true]{cursor:progress}.signin-spin{border:2px solid color-mix(in srgb, var(--on-acc) 35%, transparent);border-top-color:var(--on-acc);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-foot{min-height:36px;color:var(--ink-4);text-align:center;text-wrap:balance;margin:14px 0 0;font-size:13px;line-height:18px}@media (prefers-reduced-motion:reduce){.signin-spin{animation:none}.signin .signin-go,.signin-lang-btn{transition:none}}@media (min-width:1024px){.signin{--p:clamp(456px, 100cqw * 4 / 9, 720px);--sd:calc(var(--p) * 22 / 640);--col:min(380px, 100cqw - var(--p) - 80px);background:var(--paper);display:block}.signin-band{width:var(--p);height:auto;position:absolute;top:0;bottom:0;left:0}.signin-court{left:calc((var(--p) - 20 * var(--sd)) / 2 - 20 * var(--sd) / 12);width:calc(280 * var(--sd) / 12);height:calc(44 * var(--sd));top:46px}.signin-logo{left:calc((var(--p) - 15 * var(--sd)) / 2);top:calc(46px + 15.9506 * var(--sd));width:calc(15 * var(--sd));height:calc(15 * var(--sd) * 2270 / 6678)}.signin-lang{background:var(--wash);box-shadow:none;top:32px;right:40px}.signin-lang-btn{height:32px;color:var(--ink-4)}.signin-lang-btn[aria-pressed=true]{background:var(--surface);color:var(--ink-1);box-shadow:0 1px 3px rgba(var(--shadow-rgb), .12), 0 0 0 1px rgba(var(--shadow-rgb), .04)}.signin-lang-btn:focus-visible{outline-color:var(--acc-text)}.signin-sheet{width:var(--col);margin:0 0 0 calc(var(--p) + (100cqw - var(--p) - var(--col)) / 2);padding:calc(46px + 181.5 * var(--sd) / 12) 0 48px;box-shadow:none;background:0 0;border-radius:0}.signin-title{font-size:28px;line-height:34px}.signin-fill{display:none}.signin .signin-alert{margin:24px 0 0}.signin .signin-go{margin-top:max(24px, 81 * var(--sd) / 12 - 117px)}.signin .signin-alert+.signin-go{margin-top:14px}.signin-foot{text-align:left;min-height:0;margin-top:16px}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.signin-lang-btn[aria-pressed=false]:hover{color:var(--ink-1);background:0 0}}