.signin-page{background:radial-gradient(circle at 12% 0, color-mix(in srgb, var(--accent) 14%, transparent), transparent 36%), var(--bg);padding:48px 18px}.signin-card{border-radius:var(--radius-lg);width:min(100%,440px);box-shadow:var(--shadow-pop);border:1px solid var(--line);background:var(--surface);text-align:left;padding:36px 32px 28px}.signin-card>h1,.signin-card>.signin-sub{text-align:left}.signin-card>h1{max-width:20ch}.signin-brand{align-items:center;gap:10px;margin-bottom:14px}.signin-brand .brand-logo{box-shadow:none;background:0 0;border:0;padding:0}.signin-submit.is-secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}.signin-product{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);letter-spacing:.02em;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.signin-card h1{letter-spacing:-.035em;font-size:clamp(27px,5vw,34px)}.signin-sub{max-width:420px;margin:10px auto 22px;line-height:1.5}.signin-google{width:100%}.signin-waitlist{text-align:center;color:var(--muted);margin:14px 0 0;font-size:13px}.signin-waitlist a{color:var(--accent);font-weight:700;text-decoration:none}.signin-waitlist a:hover{text-decoration:underline}.signin-step{align-content:start;gap:12px;display:grid}.signin-last-used{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg);color:var(--muted);font:600 11px var(--font-source-sans), ui-sans-serif;letter-spacing:.04em;text-transform:uppercase;margin-left:8px;padding:2px 7px;font-style:normal}.signin-link-block{text-align:center;width:100%;min-height:44px;display:block}.signin-remembered{color:var(--muted);margin-top:6px;font-size:12px;display:block}.signin-code-target{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.signin-code-target strong{overflow-wrap:anywhere;font:600 13px var(--font-source-sans), ui-sans-serif}.signin-code{cursor:text;margin:4px 0 0;display:block;position:relative}.signin-code.disabled{cursor:default;opacity:.6}.signin-code-input{color:#0000;caret-color:#0000;letter-spacing:2em;text-indent:-9999px;opacity:.01;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.signin-code-input:focus{outline:none}.signin-code-boxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.signin-code-box{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:0;min-height:52px;color:var(--ink);font:600 22px var(--font-ibm-mono), ui-monospace, monospace;place-items:center;transition:border-color .14s,box-shadow .14s;display:grid}.signin-code-box.caret{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.signin-code.invalid .signin-code-box{border-color:var(--critical)}.signin-invite{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));border-radius:var(--radius-sm);background:var(--accent-soft);text-align:left;gap:6px;margin:0 0 16px;padding:14px;display:grid}.signin-invite>span{color:var(--accent);font:700 11px var(--font-ibm-mono), monospace;letter-spacing:.08em;justify-self:start}.signin-invite strong{color:var(--ink);font-size:15px}.signin-invite p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.signin-status.error{border-color:color-mix(in srgb, var(--critical) 40%, var(--line));background:var(--critical-soft);color:var(--critical)}.signin-footer-modes .signin-link,.signin-code-target .signin-link{align-items:center;min-height:44px;padding:0 4px;display:inline-flex}.signin-footer-modes .signin-link:disabled{opacity:.55;cursor:not-allowed}.signin-setup-shell{border:1px dashed color-mix(in srgb, var(--warning) 40%, var(--line));border-radius:var(--radius-sm);background:var(--warning-soft);gap:8px;margin:0 0 12px;padding:14px;display:grid}.signin-setup-shell>span{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--warning) 40%, var(--line));background:var(--surface);color:var(--warning);font:600 12px var(--font-sans);letter-spacing:0;text-transform:none;justify-self:start;padding:4px 9px}.signin-setup-shell strong{color:var(--warning);font-size:13px}.signin-setup-shell p{color:var(--warning);margin:0;font-size:12px;line-height:1.45}.signin-google{transition:border-color .16s,box-shadow .16s,transform .16s}.signin-google:not(:disabled):hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-1px)}.signin-footer{flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}.signin-footer-modes{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}@media (max-width:520px){.signin-page{padding:18px 10px}.signin-code-boxes{gap:6px}.signin-code-box{border-radius:var(--radius-xs);min-height:48px;font-size:19px}.signin-card{border-radius:var(--radius);padding:24px 17px}.signin-footer-modes{flex-direction:column;align-items:flex-start}}@media (max-width:360px){.signin-code-boxes{gap:4px}.signin-code-box{min-height:44px;font-size:17px}}@media (prefers-reduced-motion:reduce){.signin-google,.signin-code-box{transition:none}.signin-google:not(:disabled):hover{transform:none}}.signin-invite-help{background:var(--signin-soft,#7f7f7f14);border-radius:12px;gap:6px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.5;display:grid}.signin-invite-help>summary{cursor:pointer;align-items:center;min-height:44px;margin:-8px 0;font-weight:700;display:flex}.signin-invite-help p{margin:0}.signin-invite-help-cta{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;margin-top:4px;font-weight:700;text-decoration:none;display:flex}.signin-invite-help-cta:hover{border-color:var(--accent)}.signin-not-invited{text-align:left;gap:12px;display:grid}.signin-not-invited h2{margin:0;font-size:1.25rem}.signin-not-invited p{margin:0;line-height:1.55}.signin-not-invited .signin-submit{place-items:center;text-decoration:none;display:grid}.signin-recovery-title{margin:0;font-size:1.1rem}.signin-recovery-sub{color:var(--muted);margin:4px 0 12px}.signin-code-error{color:var(--danger);text-align:center;margin:8px 0 0;font-size:14px;font-weight:600}.signin-link,.signin-footer a,.signin-invite-help-cta{align-items:center;min-height:44px;display:inline-flex}.signin-email-hint{color:var(--muted);margin-top:6px;font-size:13px;display:block}.signin-waitlist{justify-items:stretch;gap:8px;display:grid}.signin-waitlist .signin-waitlist-btn{border:1px solid var(--line);border-radius:var(--radius-pill,999px);background:var(--surface);min-height:44px;color:var(--ink);justify-content:center;align-items:center;font-weight:650;display:inline-flex}.signin-waitlist .signin-waitlist-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}p.signin-expiry{color:var(--ink);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:14px}.signin-footer-modes .signin-link{font-size:14px}.signin-footer-modes .signin-link:disabled{opacity:1;color:var(--muted)}.signin-card .signin-brand{justify-content:flex-start}.signin-page{place-items:start center;padding-top:clamp(18px,8vh,96px)}.signin-code-target .signin-link,.signin-not-invited .signin-link{justify-content:center;min-width:44px;padding:0 12px}.signin-invite-loading{gap:12px;margin:8px 0 4px;display:grid}.signin-invite-loading span{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--line) 55%, transparent);height:48px;display:block}.signin-invite-loading span:first-child{height:64px}.signin-sending{margin:10px 0 0}.signin-code-wait{color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:14px;font-weight:600}main.signin-page .signin-card h1{color:var(--ink);letter-spacing:-.022em}.signin-email-hint{margin:2px 0 0}.signin-footer{border-top:1px solid color-mix(in srgb, var(--ink) 8%, var(--line));gap:0;margin-top:18px;padding-top:6px}.signin-footer-modes{gap:0 16px}.signin-footer-modes .signin-link{color:var(--muted);padding:0;font-weight:600}.signin-footer-modes .signin-link:hover:not(:disabled){color:var(--ink)}.signin-waitlist{gap:12px;margin-top:10px;line-height:1.5}.signin-waitlist>span a{min-height:0;display:inline}@media (max-width:520px){.signin-footer-modes{flex-direction:column;align-items:flex-start;gap:0}}.signin-recovery-link{text-align:center;margin:16px 0 0;font-size:15px}.signin-recovery-link a{color:var(--accent);font-weight:600;text-decoration:none}.signin-recovery-link a:hover{text-decoration:underline}
