:root{--ink:#20242c;--brand:#0f6e5f;--brand-soft:#e3efec;--brand-deep:#0b4f45;--ink-soft:#545b66;--card:#fffefb;--tray:#efece6;--hairline:#20242c0f;--sheet-shadow:0 1px 2px #20242c0a, 0 8px 24px #20242c0d;--control-edge:#8d867b;--err-ink:#a5281c;--err-edge:#c0392b;--err-wash:#fdeceb;--fs-title:1.375rem;--fs-body:.9375rem;--fs-meta:.8125rem;--fs-fine:.75rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--dur-press:.14s;--dur-ui:.22s;--dur-enter:.28s;color:var(--ink);font-family:Geist,Geist Fallback,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--tray);margin:0}.oauth-shell{background:var(--tray);align-content:safe center;justify-items:center;min-height:100dvh;padding:16px;display:grid}.oauth-card{background:var(--card);border:1px solid var(--hairline);width:min(440px,100%);box-shadow:var(--sheet-shadow);transition:opacity var(--dur-enter) var(--ease-out), transform var(--dur-enter) var(--ease-out);border-radius:16px;gap:12px;padding:22px 22px 20px;display:grid}@starting-style{.oauth-card{opacity:0;transform:translateY(6px)scale(.98)}}.oauth-brand{align-items:center;gap:8px;display:flex}.oauth-logo{object-fit:cover;border-radius:6px;flex:none;width:24px;height:24px}.oauth-brand span{color:var(--brand);letter-spacing:.005em;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600}.oauth-card h1{font-family:Georgia,Times New Roman,serif;font-size:var(--fs-title);letter-spacing:-.012em;color:var(--brand-deep);text-wrap:balance;overflow-wrap:anywhere;margin:2px 0 0;font-weight:600;line-height:1.22}.oauth-sub{font-size:var(--fs-meta);color:var(--ink-soft);margin:-5px 0 0;line-height:1.5}.oauth-account{flex-wrap:wrap;align-items:baseline;gap:0 6px;margin:-2px 0 0;line-height:1.4;display:flex}.oauth-account-label{font-size:var(--fs-meta);color:var(--ink-soft)}.oauth-account-id{font-size:var(--fs-body);color:var(--ink);overflow-wrap:anywhere;font-weight:600}.oauth-account-switch{margin-top:-7px}.oauth-perms{gap:9px;display:grid}.oauth-perms-title{font-size:var(--fs-meta);color:var(--ink-soft);margin:0;font-weight:600}.oauth-scopes{gap:9px;margin:0;padding:0;list-style:none;display:grid}.oauth-scopes li,.oauth-never{gap:1px;margin:0;padding-left:23px;display:grid;position:relative}.oauth-scopes li:before,.oauth-never:before{content:"";background:var(--brand-soft) center / 9px 9px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.6 6.2 4.4 9 10.4 3' fill='none' stroke='%230b4f45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-radius:50%;width:15px;height:15px;position:absolute;top:3px;left:0}.oauth-never:before{background-color:var(--tray);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6h7.2' fill='none' stroke='%23545b66' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.oauth-scope-can{font-size:var(--fs-body);color:var(--ink);font-weight:600;line-height:1.4}.oauth-scope-detail,.oauth-never{font-size:var(--fs-meta);color:var(--ink-soft);line-height:1.45}.oauth-foot{border-top:1px solid var(--hairline);font-size:var(--fs-fine);color:var(--ink-soft);margin:2px 0 0;padding-top:11px;line-height:1.45}.oauth-foot strong{color:var(--ink);font-weight:600}.oauth-foot code{background:var(--brand-soft);color:var(--brand-deep);overflow-wrap:anywhere;border-radius:5px;padding:1px 5px;font-size:.95em}.oauth-fields{gap:11px;margin-top:1px;display:grid}.oauth-field{gap:4px;display:grid}.oauth-field label{font-size:var(--fs-meta);color:var(--ink-soft);font-weight:600}.oauth-fields input{font:inherit;font-size:var(--fs-body);color:var(--ink);border:1px solid var(--control-edge);background:#fff;border-radius:9px;width:100%;padding:10px 11px;transition:border-color .16s}.oauth-fields input:focus-visible{border-color:var(--brand);outline:2px solid var(--brand-deep);outline-offset:1px}.oauth-btn{font:inherit;font-size:var(--fs-body);cursor:pointer;transition:background-color .16s ease, border-color .16s ease, color .16s ease, transform var(--dur-press) var(--ease-out);border:1px solid #0000;border-radius:10px;padding:11px 16px;font-weight:600}.oauth-btn:disabled{opacity:.6;cursor:default}.oauth-btn:active:not(:disabled){transform:scale(.98)}.oauth-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.oauth-btn-primary:hover:not(:disabled){background:var(--brand-deep);border-color:var(--brand-deep)}.oauth-btn-quiet{border-color:var(--control-edge);color:var(--ink);background:#fff}.oauth-btn-quiet:hover:not(:disabled){border-color:var(--brand);color:var(--brand-deep)}.oauth-actions{gap:10px;margin-top:2px;display:flex}.oauth-actions .oauth-btn{flex:1}.oauth-link{font:inherit;font-size:var(--fs-meta);color:var(--brand);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;justify-self:start;margin:0;padding:0;font-weight:600;text-decoration:underline}.oauth-link:hover:not(:disabled){color:var(--brand-deep)}.oauth-link:disabled{opacity:.6;cursor:default}.oauth-btn:focus-visible,.oauth-link:focus-visible{outline:2px solid var(--brand-deep);outline-offset:2px}.oauth-error{font-size:var(--fs-meta);color:var(--err-ink);background:var(--err-wash);border:1px solid var(--err-edge);transition:opacity var(--dur-ui) ease;border-radius:9px;margin:0;padding:9px 11px;line-height:1.45}@starting-style{.oauth-error{opacity:0}}.oauth-note{font-size:var(--fs-meta);color:var(--ink-soft);margin:0;line-height:1.5}@media (prefers-reduced-motion:reduce){.oauth-card,.oauth-error,.oauth-btn,.oauth-fields input{transition:none}.oauth-btn:active:not(:disabled){transform:none}}