.signin{--paper:#f4f5fa;--ink:#0f172a;--muted:#64748b;--rule:#e2e8f0;--field:#fff;--accent:#4f46e5;--accent-ink:#fff;--band:#c7d2fe;--edge:#818cf8;--alarm:#dc2626;background:var(--paper);color:var(--ink);align-content:safe center;padding:3rem 1.5rem;display:grid;position:fixed;inset:0;overflow-y:auto}.signin-inner{width:min(34rem,100%);min-width:0;margin-inline:auto}.signin-head{margin-bottom:3.5rem}.signin-wordmark{letter-spacing:-.011em;margin:0;font-size:1.0625rem;font-weight:600}.signin-sub{color:var(--muted);margin:.125rem 0 0;font-size:.9375rem}.plot{margin:0 0 3.5rem}.plot-readout{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;display:flex}.plot-point{letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;font-size:clamp(2.75rem,9vw,3.75rem);font-weight:500;line-height:.95}.plot-range{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9375rem}.plot-axis{position:relative}.plot-band{height:2.25rem;position:relative}.plot-band:before{content:"";inset-inline:0;background:var(--rule);height:1px;position:absolute;top:50%}.plot-fill{height:.625rem;top:calc(50% - .3125rem);left:var(--lo);right:calc(100% - var(--hi));background:var(--band);border-radius:1px;animation:.82s cubic-bezier(.22,.68,.24,1) both band-open;position:absolute}.plot-fill:before,.plot-fill:after{content:"";background:var(--edge);width:1px;height:1.1875rem;position:absolute;top:-.28125rem}.plot-fill:before{left:0}.plot-fill:after{right:0}.plot-marker{left:var(--point);background:var(--ink);border-radius:1px;width:4px;height:2rem;margin-left:-2px;animation:.38s ease-out both marker-in;position:absolute;top:calc(50% - 1rem)}@keyframes band-open{0%{left:var(--point);right:calc(100% - var(--point));opacity:0}to{left:var(--lo);right:calc(100% - var(--hi));opacity:1}}@keyframes marker-in{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.plot-ticks{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.plot-caption{color:var(--muted);text-wrap:pretty;max-width:58ch;margin-top:1.25rem;font-size:.8125rem;line-height:1.5}.signin-form{gap:.5rem;max-width:20rem;display:grid}.signin-label{font-size:.875rem;font-weight:500}.signin-input{height:2.75rem;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:9px;padding:0 .75rem}.signin-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.signin-button{height:2.75rem;font:inherit;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:9px;margin-top:.375rem;font-weight:600;box-shadow:0 4px 14px #4f46e54d}.signin-button:hover:not(:disabled){background:#4338ca}.signin-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.signin-button:disabled{opacity:.6;cursor:default}.signin-error{color:var(--alarm);margin:.25rem 0 0;font-size:.875rem}.signin-foot{color:var(--muted);margin:3.5rem 0 0;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.plot-fill,.plot-marker{animation:none}}