.auth{--auth-field:#FFFFFF;--auth-card-line:var(--rule);--auth-shadow:0 1px 2px rgb(23 24 26 / .05),0 24px 48px -24px rgb(23 24 26 / .18);--auth-glow:color-mix(in srgb,var(--signal) 10%,transparent);position:relative;isolation:isolate;padding:clamp(20px,5vw,56px) var(--gutter) clamp(48px,8vw,96px);min-width:0;overflow:clip}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth{--auth-field:color-mix(in srgb,var(--ink) 4%,var(--surface));--auth-card-line:color-mix(in srgb,var(--ink) 10%,transparent);--auth-shadow:0 1px 0 color-mix(in srgb,var(--ink) 6%,transparent) inset,0 30px 60px -30px rgb(0 0 0 / .7);--auth-glow:color-mix(in srgb,var(--signal) 14%,transparent)}}:root[data-theme=dark] .auth{--auth-field:color-mix(in srgb,var(--ink) 4%,var(--surface));--auth-card-line:color-mix(in srgb,var(--ink) 10%,transparent);--auth-shadow:0 1px 0 color-mix(in srgb,var(--ink) 6%,transparent) inset,0 30px 60px -30px rgb(0 0 0 / .7);--auth-glow:color-mix(in srgb,var(--signal) 14%,transparent)}.auth:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 55% at 50% 12%,var(--auth-glow),transparent 72%)}.auth__card{width:100%;max-width:440px;margin:0 auto;padding:36px 36px 28px;min-width:0;border:1px solid var(--auth-card-line);border-radius:20px;background:var(--surface);box-shadow:var(--auth-shadow)}@media (max-width:479px){.auth__card{padding:28px 20px 22px;border-radius:16px}}.auth__logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-6px auto 14px;border-radius:var(--r-3);color:var(--ink)}.auth__logo:hover{color:var(--ink)}.auth__mark{width:46px;height:35px}.auth__head{text-align:center;margin:0 0 22px;min-width:0}.auth__title{margin:0;font-size:1.75rem;line-height:1.15;font-weight:700;font-stretch:100%;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}.auth__title:focus{outline:none}.auth__lead{margin:8px 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.45;overflow-wrap:anywhere;text-wrap:pretty}.auth__email{overflow-wrap:anywhere}.auth__gift{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;margin:-8px auto 22px;padding:7px 14px;border-radius:999px;font-size:.8125rem;font-weight:600;line-height:1.3;color:var(--signal-ink);background:color-mix(in srgb,var(--signal) 11%,transparent);border:1px solid color-mix(in srgb,var(--signal) 32%,transparent);text-align:center}.auth__gift>span{min-width:0;overflow-wrap:anywhere}.auth__gift-ic{width:16px;height:16px;flex:none}.auth__form{display:grid;gap:16px;margin:0;min-width:0}.auth__field{min-width:0;gap:7px}.auth__field>label{font-size:.8125rem;color:var(--ink-2)}:is(.auth__card,.amod__side) .input{min-height:50px;border-width:1px;border-radius:12px;background-color:var(--auth-field);font-size:1rem;border-color:color-mix(in srgb,var(--ink) 13%,transparent)}:is(.auth__card,.amod__side) .input::placeholder{color:var(--ink-3)}:is(.auth__card,.amod__side) .input:hover:not(:focus){border-color:color-mix(in srgb,var(--ink) 28%,transparent)}.auth__note-terms{margin:2px 0 0;color:var(--ink-3);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty}.auth__note-terms .auth__inline-link{color:var(--ink-2)}.auth__field .hint{margin:0}.auth__field:has(.error-text:not([hidden])) .hint{display:none}.auth__field .error-text{margin:0;line-height:1.35}.auth__alert{display:block;padding:11px 14px;border:1px solid color-mix(in srgb,var(--error) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--error) 9%,transparent);color:var(--ink);font-size:.9375rem;line-height:1.4;overflow-wrap:anywhere}.auth__alert:focus{outline:2px solid var(--focus);outline-offset:2px}.auth__pw{position:relative}.auth__pw-input{padding-right:52px}.auth__pw-btn{position:absolute;top:50%;right:3px;transform:translateY(-50%);width:44px;height:44px;color:var(--ink-2);border-radius:10px}.auth__pw-btn:hover:not([disabled]){color:var(--ink)}.auth__pw-btn .auth__pw-slash{display:none}.auth__pw-btn[aria-pressed=true] .auth__pw-slash{display:inline}.auth__checks{display:grid;gap:10px;margin-top:2px;min-width:0}.auth__check{display:grid;gap:6px;min-width:0}.auth__check .check{cursor:pointer;color:var(--ink-2);font-size:.875rem;line-height:1.45}.auth__check--quiet .check{color:var(--ink-3)}.auth__check .check input{width:18px;height:18px;margin-top:1px;accent-color:var(--signal)}.auth__check .check>span{min-width:0;overflow-wrap:anywhere}.auth__check input[aria-invalid=true]{outline:2px solid var(--error);outline-offset:2px}.auth__check .error-text{margin:0 0 0 28px}.auth__inline-link{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.auth__code .input{font-family:var(--mono);font-size:1.5rem;letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums}.auth__submit,.auth__actions .btn{height:52px;border-radius:12px;font-size:1rem}.auth__submit{margin-top:6px}:is(.auth,.amod__side) .btn{position:relative}:is(.auth,.amod__side) .btn[aria-busy=true]{opacity:1;cursor:progress}:is(.auth,.amod__side) .btn[aria-busy=true]>span{visibility:hidden}:is(.auth,.amod__side) .btn[aria-busy=true]:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:is(.auth,.amod__side) .btn[aria-busy=true]:after{animation-duration:2s}}.auth__or{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--ink-3);font-size:.8125rem;line-height:1.2;min-width:0}.auth__or:before,.auth__or:after{content:"";flex:1 1 0;min-width:16px;height:1px;background:color-mix(in srgb,var(--ink) 13%,transparent)}.auth__or>span{flex:0 1 auto;min-width:0;overflow-wrap:anywhere;text-align:center}.auth__google{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:10px 48px;border:1px solid #DADCE0;border-radius:12px;background:#fff;color:#1f1f1f;font-size:1rem;font-weight:600;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.auth__google:hover{background:#f6f8fa;border-color:#c4c7cc;color:#1f1f1f;text-decoration:none}.auth__google:active{background:#eef0f3}.auth__google:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.auth__google-g{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);flex:none}.auth__google>span{min-width:0;overflow-wrap:anywhere}.auth__google[aria-busy=true]{cursor:progress}.auth__google[aria-busy=true]>span{visibility:hidden}.auth__google[aria-busy=true]:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid #5F6368;border-right-color:transparent;animation:auth-spin .7s linear infinite}@media (prefers-reduced-motion:reduce){.auth__google[aria-busy=true]:after{animation-duration:2s}}.auth__google-note{margin-top:12px;text-align:center}.auth__foot{display:grid;justify-items:center;gap:0;margin-top:14px;text-align:center}.auth__switch,.auth__forgot{margin:0;color:var(--ink-2);font-size:.9375rem;line-height:1.4}.auth__link{display:inline-flex;align-items:center;min-height:44px;color:var(--signal-ink);font-weight:600;text-decoration:none}.auth__link:hover{text-decoration:underline;text-underline-offset:3px}.auth__link--quiet{color:var(--ink-2);font-weight:500}.auth__link--quiet:hover{color:var(--ink)}.auth__foot .auth__small{margin:6px 0 0}.auth__link-btn{min-height:44px;padding:0;border:0;background:none;font:inherit;font-weight:600;cursor:pointer}.auth__submit--grow{height:auto;min-height:52px;padding-block:12px}.auth__submit--grow>span{line-height:1.3}.auth__submit-email{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:.875rem;font-weight:600}.auth__done{text-align:center}.auth__state{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;color:var(--ink-2);background:var(--sunken)}.auth__state .tu-icon{width:24px;height:24px}.auth__state--ok{color:var(--signal-ink);background:color-mix(in srgb,var(--signal) 13%,transparent)}.auth__state--warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 13%,transparent)}.auth__text{margin:0 0 12px;color:var(--ink-2);font-size:.9375rem;line-height:1.5;overflow-wrap:anywhere}.auth__done .auth__head{margin-bottom:16px}.auth__small{margin:0 0 12px;font-size:.8125rem;line-height:1.45;color:var(--ink-3);overflow-wrap:anywhere}.auth__note{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:12px;background:var(--sunken);color:var(--ink-2);text-align:left}.auth__note-ic{width:16px;height:16px;flex:none;margin-top:1px}.auth__actions{display:grid;gap:10px;margin-top:20px}.auth__status{min-height:1.5em;margin:12px 0 0;font-size:.9375rem;color:var(--ink-2)}.auth__status:empty{min-height:0}.auth__who{display:flex;align-items:center;justify-content:center;gap:8px;margin:-8px 0 20px;color:var(--ink-2);font-size:.9375rem;min-width:0}.auth__who-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sunken);flex:none}.auth__who-ic .tu-icon{width:16px;height:16px}.oa-pair{display:flex;align-items:center;justify-content:center;gap:10px;margin:-4px 0 18px}.oa-pair__app,.oa-pair__us{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid var(--auth-card-line);background:var(--sunken);color:var(--ink);font-weight:700;font-size:1.25rem;flex:none}.oa-pair__mark{width:32px;height:24px}.oa-pair__link{flex:0 1 44px;height:0;border-top:2px dashed var(--signal)}.oa-who{margin:-6px 0 20px;padding:12px 14px;border:1px solid var(--auth-card-line);border-radius:12px;background:var(--sunken);min-width:0}.oa-who__name,.oa-who__host,.oa-who .hint{margin:0}.oa-who__name{font-weight:700;font-size:1rem;overflow-wrap:anywhere}.oa-who__host{margin-top:4px;color:var(--ink-2);font-size:.9375rem;overflow-wrap:anywhere}.oa-who .hint{margin-top:6px}.oa-warn{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--warn) 9%,transparent);font-size:.9375rem;line-height:1.4}.oa-warn .tu-icon{width:20px;height:20px;flex:none;color:var(--warn)}.oa-set{margin:0;padding:0;border:0;min-width:0;display:grid;gap:10px}.oa-set__h{padding:0;margin:0 0 2px;font-weight:600;font-size:.9375rem}.oa-perm{display:flex;gap:10px;align-items:flex-start;margin:0;line-height:1.4;min-width:0}.oa-perm>span{display:grid;gap:2px;min-width:0}.oa-perm__ic{width:20px;height:20px;flex:none;color:var(--signal-ink)}.oa-caps{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.oa-cap{position:relative;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:var(--auth-field);cursor:pointer}.oa-cap input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.oa-cap:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:700}.oa-cap:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.oa-cap__v{white-space:nowrap;font-family:var(--mono);font-size:.875rem}.oa-bal{margin:0;color:var(--ink-2);font-size:.9375rem}.oa-actions{display:flex;flex-wrap:wrap;gap:10px}.oa-actions .btn{flex:1 1 140px;height:52px;border-radius:12px}.oa-actions .auth__submit{margin-top:0}.oa-then{margin-top:18px;text-align:center}
