/* Inked authentication surfaces. Presentation only; state remains script-owned. */
html body.inked-auth{
  --inked-black:#000000;--inked-white:#DFDEDC;--inked-graphite:#464545;--inked-teal:#00ACAC;--inked-gray:#A6A7A2;
  --cream:var(--inked-black);--cream-light:var(--inked-black);--cream-lift:var(--inked-graphite);--espresso:var(--inked-white);--warm-brown:var(--inked-white);--tan:var(--inked-gray);--terracotta:var(--inked-teal);--terracotta-2:var(--inked-white);--border:var(--inked-graphite);--border-bright:var(--inked-gray);--accent:var(--inked-teal);--text:var(--inked-white);--muted:var(--inked-gray);--bg:var(--inked-black);--surface:var(--inked-black);--green:var(--inked-white);--red:var(--inked-white);
  color-scheme:dark;background:var(--inked-black)!important;color:var(--inked-white)!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
  min-height:100vh;padding:48px 24px;line-height:1.6;
}
html body.inked-auth::before,html body.inked-auth::after,html body.inked-auth .sf-ambient,html body.inked-auth .sf-theme-switch{display:none!important}
html body.inked-auth :is(h1,h2,h3,p,label,input,select,textarea,button,.btn,.plan-opt,.step-label,.plan-notice){font-family:Inter,"Helvetica Neue",Arial,sans-serif!important}
html body.inked-auth :is(h1,h2,h3){color:var(--inked-white)!important;font-weight:400!important;letter-spacing:-.025em}
html body.inked-auth h1{font-size:28px;line-height:1.3;margin-bottom:12px}
html body.inked-auth :is(a,label,strong,.name,.price,.key-option-name,.key-picker legend){color:var(--inked-white)!important}
html body.inked-auth :is(a:hover,.text-link:hover){color:var(--inked-white)!important;text-decoration:underline;text-underline-offset:5px}
html body.inked-auth :is(.sub,.perks,.price span,.back-link,.fine,.step-label,.key-option-meta,.divider,.card-footer){color:var(--inked-gray)!important}
html body.inked-auth .sub{line-height:1.7;font-size:13px;margin-bottom:24px}
html body.inked-auth :is(.inked-wordmark,.inked-wordmark *){color:var(--inked-white)!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;font-weight:400!important;letter-spacing:.01em;text-decoration:none!important}
html body.inked-auth .inked-wordmark{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:24px!important;line-height:1.3}
html body.inked-auth .inked-wordmark svg{width:28px;height:28px;flex:none}
html body.inked-auth>.logo{margin-bottom:32px}
html body.inked-auth :is(.card,.plan-opt){background:var(--inked-black)!important;background-image:none!important;color:var(--inked-white)!important;border:1px solid var(--inked-graphite)!important;box-shadow:none!important;transform:none!important;transition:border-color .15s!important}
html body.inked-auth .card{max-width:560px;border-radius:20px;padding:36px}
html body.inked-auth.auth-page .card{max-width:440px;padding:0}
html body.inked-auth .card-header{background:var(--inked-black)!important;background-image:none!important;color:var(--inked-white)!important;padding:32px 28px 24px;border-bottom:1px solid var(--inked-graphite)}
html body.inked-auth .card-header h1{margin-bottom:16px}
html body.inked-auth .card-header p{color:var(--inked-gray)!important;opacity:1;font-size:13px}
html body.inked-auth .card-body{padding:28px}
html body.inked-auth .card-footer{padding:20px 28px;border-top:1px solid var(--inked-graphite);font-size:12px}
html body.inked-auth :is(label,.text-link,.card-footer a,.plan-opt .name,.key-picker legend){font-weight:400}
html body.inked-auth :is(input,select,textarea,.api-key-box){background:var(--inked-black)!important;background-image:none!important;color:var(--inked-white)!important;border:1px solid var(--inked-gray)!important;border-radius:9px;box-shadow:none!important;font-size:14px}
html body.inked-auth input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]){min-height:46px;padding:12px 14px}
html body.inked-auth :is(input,textarea)::placeholder{color:var(--inked-gray)!important;opacity:1}
html body.inked-auth :is(input,select,textarea):focus{border-color:var(--inked-teal)!important;box-shadow:none!important}
html body.inked-auth :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--inked-teal)!important;outline-offset:4px;box-shadow:none!important}
html body.inked-auth .btn{border-radius:100px!important;min-height:46px;font-size:14px;font-weight:400!important;padding:12px 20px;box-shadow:none!important;transform:none!important;filter:none!important;transition:background-color .15s!important}
html body.inked-auth :is(.btn-primary,.btn-primary:hover){background:var(--inked-teal)!important;border:1px solid var(--inked-teal)!important;color:var(--inked-black)!important}
html body.inked-auth :is(.btn-outline,.btn-magic,.btn-ghost){background:var(--inked-black)!important;border:1px solid var(--inked-gray)!important;color:var(--inked-white)!important}
html body.inked-auth :is(.btn-outline,.btn-magic,.btn-ghost):hover{background:var(--inked-graphite)!important;color:var(--inked-white)!important;border-color:var(--inked-gray)!important}
html body.inked-auth .btn-primary:hover:not(:disabled){background:var(--inked-white)!important;border-color:var(--inked-white)!important}
html body.inked-auth .btn:disabled{background:var(--inked-graphite)!important;border-color:var(--inked-gray)!important;color:var(--inked-white)!important;opacity:1;cursor:not-allowed}
html body.inked-auth :is(.text-link,.copy-btn){min-height:44px}
html body.inked-auth .divider::before,html body.inked-auth .divider::after,html body.inked-auth .step::after{background:var(--inked-graphite)}
html body.inked-auth :is(.alert-error,.alert-success,.err,.warning,.plan-notice,.intent-trust){background:var(--inked-graphite)!important;color:var(--inked-white)!important;border:1px solid var(--inked-gray)!important;border-radius:10px;padding:12px 14px;line-height:1.7;font-size:13px}
html body.inked-auth :is(.alert-success,.step.done .step-num){border-color:var(--inked-teal)!important}
html body.inked-auth :is(.plan-notice a,.intent-trust a){color:var(--inked-white)!important;text-decoration:underline}
html body.inked-auth :is(.step-num,.step.done .step-num){background:var(--inked-black)!important;border:1px solid var(--inked-gray);color:var(--inked-white)!important;font-weight:400}
html body.inked-auth .step.active .step-num{background:var(--inked-teal)!important;border-color:var(--inked-teal);color:var(--inked-black)!important}
html body.inked-auth .step.active .step-label{color:var(--inked-white)!important}
html body.inked-auth .plan-opt{padding:20px 16px;border-radius:12px}
html body.inked-auth .plan-opt:hover{border-color:var(--inked-gray)!important}
html body.inked-auth .plan-opt.selected{border:2px solid var(--inked-teal)!important;padding:19px 15px}
html body.inked-auth .plan-opt .price{font-size:27px;font-weight:400}
html body.inked-auth .plan-opt .name{font-size:13px;margin-bottom:8px}
html body.inked-auth .plan-opt .perks{line-height:1.7;font-size:11px;margin-top:8px}
html body.inked-auth :is(.key-picker,.key-option){border-color:var(--inked-gray);background:var(--inked-black)}
html body.inked-auth .key-option:has(input:checked){background:var(--inked-black);border-color:var(--inked-teal)}
html body.inked-auth .key-option input{accent-color:var(--inked-teal)}
html body.inked-auth .api-key-box{padding-right:76px;min-height:64px;overflow-wrap:anywhere}
html body.inked-auth .copy-btn{background:var(--inked-black)!important;color:var(--inked-white)!important;border:1px solid var(--inked-gray)!important;min-width:44px;padding:8px}
html body.inked-auth .spinner{border-color:var(--inked-graphite);border-top-color:var(--inked-teal)}
html body.inked-auth [hidden]{display:none!important}
html body.inked-auth ::selection{background:var(--inked-teal);color:var(--inked-black)}
@media(max-width:560px){html body.inked-auth{padding:28px 16px}html body.inked-auth .card{padding:26px 20px}html body.inked-auth.auth-page .card{padding:0}html body.inked-auth :is(.card-header,.card-body){padding:24px 20px}html body.inked-auth .card-footer{padding:18px 20px}html body.inked-auth .plans{grid-template-columns:minmax(0,1fr)}html body.inked-auth .inked-wordmark{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){html body.inked-auth *,html body.inked-auth *::before,html body.inked-auth *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Beat the legacy selected-plan descendant rules, not only its container. */
html body.inked-auth .plan-opt.selected :is(.name,.price){color:var(--inked-white)!important}
html body.inked-auth .plan-opt.selected :is(.price span,.perks){color:var(--inked-gray)!important}
/* Consent stays fully visible and unchanged; only its auth-surface palette is fixed. */
html body.inked-auth #sf-analytics-consent{background:var(--inked-black)!important;color:var(--inked-white)!important;border-color:var(--inked-graphite)!important;box-shadow:none!important;max-height:calc(100dvh - 24px);overflow:auto}
html body.inked-auth #sf-analytics-consent p{color:var(--inked-white)!important}
html body.inked-auth #sf-analytics-consent button{background:var(--inked-black)!important;color:var(--inked-white)!important;border:1px solid var(--inked-gray)!important;min-height:44px;font-weight:400!important}
html body.inked-auth #sf-analytics-consent>div>button:first-child{background:var(--inked-teal)!important;color:var(--inked-black)!important;border-color:var(--inked-teal)!important}