.oc-login{--oc-page:#f8f8f0;--oc-surface:#fffef9;--oc-surface-2:#f3f5ec;--oc-ink:#183f30;--oc-ink-2:#4f5d4c;--oc-muted:#5f6a5b;--oc-line:#e2e6da;--oc-line-strong:#cfd7c4;--oc-input-line:#cfd7c4;--oc-accent:#183f30;--oc-accent-hover:#295541;--oc-lime:#d1ed9e;--oc-risk:#9a3c22;--oc-risk-soft:#fbe5dc;--oc-watch:#7a5410;--oc-watch-soft:#f6ebd2;--oc-focus:#446d55;--oc-radius:16px;--oc-radius-sm:10px;--oc-on-accent:#fffef9;--oc-teal:#1f8a8a;--oc-highlight:#ffffffd9;--oc-shadow-sm:inset 0 1px 0 var(--oc-highlight), 0 1px 2px #183f3012, 0 3px 8px -3px #183f3014;--oc-shadow:inset 0 1px 0 var(--oc-highlight), 0 1px 2px #183f300f, 0 6px 14px -6px #183f301a, 0 28px 56px -24px #183f303d;--oc-groove:inset 0 1px 2px #183f3014;--oc-page-2:#f3f5ec;--oc-page-glow-a:#e5f0ea;--oc-page-glow-b:#eef4dd;--oc-primary-a:#2b5c47;--oc-primary-b:#183f30;--oc-primary-hover-a:#33684f;--oc-primary-hover-b:#1f4a39;--oc-on-dark-highlight:#ffffff24;--oc-pill-shadow:#10281e73;--oc-press-shadow:#10281e4d;--oc-mark-shadow:#183f3029;--oc-accent-bar-a:#2a7d52;--oc-accent-bar-b:#1f8a8a;--oc-accent-bar-c:#a6cd8a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(900px 520px at 12% -10%, var(--oc-page-glow-b), transparent 70%), radial-gradient(900px 560px at 100% 110%, var(--oc-page-glow-a), transparent 70%), linear-gradient(180deg, var(--oc-page) 0%, var(--oc-page-2) 100%);background-color:var(--oc-page);min-height:100dvh;color:var(--oc-ink);font-family:var(--font-sans);place-items:center;padding:40px 16px;display:grid}@media screen{.oc-login[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--oc-page:#111814;--oc-surface:#19201c;--oc-surface-2:#212a25;--oc-ink:#efebdd;--oc-ink-2:#cbcebf;--oc-muted:#b3b8ab;--oc-line:#2d3731;--oc-line-strong:#3d4842;--oc-input-line:#728078;--oc-accent:#8cdd9e;--oc-accent-hover:#a6e8a7;--oc-lime:#14482b;--oc-risk:#f79f8a;--oc-risk-soft:#382c26;--oc-watch:#eec066;--oc-watch-soft:#343221;--oc-focus:#a6e591;--oc-on-accent:#0f2d1f;--oc-teal:#19a9a6;--oc-highlight:#ffffff14;--oc-shadow-sm:inset 0 1px 0 var(--oc-highlight), 0 1px 2px #00000052, 0 3px 8px -3px #0000004d;--oc-shadow:inset 0 1px 0 var(--oc-highlight), 0 1px 2px #00000047, 0 6px 14px -6px #00000059, 0 28px 56px -24px #0009;--oc-groove:inset 0 1px 2px #0006;--oc-page-2:#0e1411;--oc-page-glow-a:#18241e;--oc-page-glow-b:#1b231a;--oc-primary-a:#c6e99a;--oc-primary-b:#7cd595;--oc-primary-hover-a:#d5f1a7;--oc-primary-hover-b:#92e0a3;--oc-on-dark-highlight:#ffffff2b;--oc-pill-shadow:#000000a6;--oc-press-shadow:#00000073;--oc-mark-shadow:#00000059;--oc-accent-bar-a:#69ba7c;--oc-accent-bar-b:#5fccc9;--oc-accent-bar-c:#c5e68c}}@media screen and (prefers-color-scheme:dark){.oc-login:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--oc-page:#111814;--oc-surface:#19201c;--oc-surface-2:#212a25;--oc-ink:#efebdd;--oc-ink-2:#cbcebf;--oc-muted:#b3b8ab;--oc-line:#2d3731;--oc-line-strong:#3d4842;--oc-input-line:#728078;--oc-accent:#8cdd9e;--oc-accent-hover:#a6e8a7;--oc-lime:#14482b;--oc-risk:#f79f8a;--oc-risk-soft:#382c26;--oc-watch:#eec066;--oc-watch-soft:#343221;--oc-focus:#a6e591;--oc-on-accent:#0f2d1f;--oc-teal:#19a9a6;--oc-highlight:#ffffff14;--oc-shadow-sm:inset 0 1px 0 var(--oc-highlight), 0 1px 2px #00000052, 0 3px 8px -3px #0000004d;--oc-shadow:inset 0 1px 0 var(--oc-highlight), 0 1px 2px #00000047, 0 6px 14px -6px #00000059, 0 28px 56px -24px #0009;--oc-groove:inset 0 1px 2px #0006;--oc-page-2:#0e1411;--oc-page-glow-a:#18241e;--oc-page-glow-b:#1b231a;--oc-primary-a:#c6e99a;--oc-primary-b:#7cd595;--oc-primary-hover-a:#d5f1a7;--oc-primary-hover-b:#92e0a3;--oc-on-dark-highlight:#ffffff2b;--oc-pill-shadow:#000000a6;--oc-press-shadow:#00000073;--oc-mark-shadow:#00000059;--oc-accent-bar-a:#69ba7c;--oc-accent-bar-b:#5fccc9;--oc-accent-bar-c:#c5e68c}}@media screen{html:has(.oc-login[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111814}html:has(.oc-login[data-theme=dark]) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111814}}@media screen and (prefers-color-scheme:dark){html:has(.oc-login:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111814}html:has(.oc-login:not([data-theme=light])) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111814}}.oc-login-card{border:1px solid var(--oc-line);border-radius:var(--oc-radius);background:linear-gradient(90deg, var(--oc-accent-bar-a), var(--oc-accent-bar-b) 55%, var(--oc-accent-bar-c)) top / 100% 4px no-repeat padding-box, linear-gradient(180deg, var(--oc-surface) 60%, var(--oc-page) 100%) padding-box;width:100%;max-width:420px;box-shadow:var(--oc-shadow);padding:32px 32px 26px}.oc-login-brand{align-items:center;gap:8px;margin-bottom:28px;display:flex}.oc-login-mark{color:var(--oc-ink)}.oc-login-wordmark{font-family:var(--font-display);letter-spacing:-.015em;font-size:24px;font-weight:600}.oc-login-pill{background:linear-gradient(180deg, var(--oc-surface), var(--oc-surface-2));box-shadow:var(--oc-shadow-sm);border:1px solid var(--oc-line);color:var(--oc-ink-2);white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:600}.oc-login h1{margin-bottom:6px;font-size:30px;line-height:1.15}.oc-login-lede{color:var(--oc-ink-2);margin-bottom:24px;font-size:16px;line-height:1.45}.oc-login-form{gap:18px;display:grid}.oc-login-field{gap:6px;display:grid}.oc-login-field label{font-size:15px;font-weight:600}.oc-login-field input{border:1px solid var(--oc-input-line);border-radius:var(--oc-radius-sm);background:var(--oc-surface);width:100%;min-height:46px;box-shadow:var(--oc-groove);color:var(--oc-ink);padding:10px 14px;font-size:16px}.oc-login-field input:focus-visible{border-color:var(--oc-focus);outline:3px solid var(--oc-focus);outline-offset:1px}.oc-login-password{position:relative}.oc-login-password input{padding-right:76px}.oc-login-reveal{min-width:62px;min-height:38px;color:var(--oc-ink-2);background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:14px;font-weight:600;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.oc-login-reveal:hover{background:var(--oc-surface-2)}.oc-login-reveal:active:not(:disabled){transform:translateY(-50%)}.oc-login-reveal:focus-visible,.oc-login-submit:focus-visible{outline:3px solid var(--oc-focus);outline-offset:3px}.oc-login-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.oc-login-error{border-radius:var(--oc-radius-sm);background:var(--oc-risk-soft);color:var(--oc-risk);margin:0;padding:10px 14px;font-size:15px;line-height:1.4}.oc-login-submit{background:linear-gradient(180deg, var(--oc-primary-a), var(--oc-primary-b));min-height:48px;box-shadow:inset 0 1px 0 var(--oc-on-dark-highlight), 0 1px 2px var(--oc-mark-shadow), 0 8px 18px -10px var(--oc-pill-shadow);color:var(--oc-on-accent);border:0;border-radius:999px;margin-top:4px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s}.oc-login-submit:hover:not(:disabled){background:linear-gradient(180deg, var(--oc-primary-hover-a), var(--oc-primary-hover-b));box-shadow:inset 0 1px 0 var(--oc-on-dark-highlight), 0 2px 4px var(--oc-mark-shadow), 0 12px 22px -12px var(--oc-pill-shadow);transform:translateY(-1px)}.oc-login-submit:active:not(:disabled){box-shadow:inset 0 1px 3px var(--oc-press-shadow), 0 1px 1px var(--oc-mark-shadow);transform:none}.oc-login-setup{border-radius:var(--oc-radius-sm);background:var(--oc-watch-soft);color:var(--oc-watch);margin:8px 0 4px;padding:16px 18px;line-height:1.5}.oc-login-setup h2{font-family:var(--font-sans);letter-spacing:0;margin-bottom:6px;font-size:16px;font-weight:700}.oc-login-setup p{overflow-wrap:anywhere;margin:0;font-size:15px}.oc-login-setup code{font-size:13px}.oc-login-setup .oc-login-problem{margin-top:10px;font-weight:600}.oc-login-note{border-top:1px solid var(--oc-line);color:var(--oc-muted);margin:22px 0 0;padding-top:16px;font-size:14px;line-height:1.45}@media (max-width:480px){.oc-login{place-items:start center;padding-top:24px}.oc-login-card{padding:24px 20px 20px}.oc-login-brand{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.oc-login button{transition:none}.oc-login-submit:hover:not(:disabled){transform:none}}