:root{--a-bg:var(--surface-page);--a-surface:var(--surface-raised);--a-surface-2:var(--surface-sunken);--a-surface-3:var(--surface-selected);--a-line:var(--border-subtle);--a-line-2:var(--border-default);--a-txt:var(--text-primary);--a-dim:var(--text-secondary);--a-faint:var(--text-tertiary);--a-violet:var(--brand);--a-good:var(--success)}.auth{flex-direction:column;align-items:center;gap:20px;min-height:100dvh;padding:clamp(24px,6vh,64px) 16px 32px;display:flex}.auth-brand{align-items:center;gap:10px;display:inline-flex}.auth-brand .brand-mark{block-size:2rem;inline-size:2rem}.auth-brand .brand-name{font-size:var(--text-heading-lg)}.auth-card{background:var(--surface-raised);border-radius:var(--radius-lg);width:100%;max-width:30rem;box-shadow:var(--shadow-card);padding:clamp(20px,4vw,32px)}.auth-card--wide{max-width:36rem}.auth-foot{color:var(--text-tertiary);font-size:var(--text-caption);align-items:center;gap:12px;display:flex}.auth-foot button{color:var(--text-secondary);font-size:var(--text-caption);font-weight:var(--weight-medium)}.auth-foot button:hover{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}.ob-stack{flex-direction:column;gap:16px;display:flex}.ob-field{flex-direction:column;gap:4px;display:flex}.ob-label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary);align-items:baseline;gap:4px;display:flex}.ob-label .req{color:var(--danger)}.ob-hint{font-size:var(--text-caption);color:var(--text-secondary)}.ob-input,.ob-textarea,.ob-select{background:var(--surface-raised);border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;min-height:2.25rem;color:var(--text-primary);font-family:inherit;font-size:var(--text-body-md);padding:7px 12px;transition:background-color .12s}.ob-input::placeholder,.ob-textarea::placeholder{color:var(--text-tertiary)}.ob-input:hover,.ob-textarea:hover,.ob-select:hover{background:var(--surface-sunken)}.ob-input:focus,.ob-textarea:focus,.ob-select:focus{outline:2px solid var(--focus-ring);outline-offset:1px;background:var(--surface-raised)}.ob-textarea{resize:vertical;min-height:84px;line-height:1.5}.ob-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-inline-end:34px}[dir=rtl] .ob-select{background-position:10px}.ob-grid2{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.ob-choices{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.ob-choice{cursor:pointer;text-align:start;border-radius:var(--radius-md);background:var(--surface-raised);color:inherit;box-shadow:inset 0 0 0 1px var(--border-subtle);flex-direction:column;gap:4px;padding:12px;font-family:inherit;transition:background-color .12s,box-shadow .12s;display:flex}.ob-choice:hover{background:var(--surface-sunken)}.ob-choice.on{box-shadow:inset 0 0 0 2px var(--action);background:var(--surface-sunken)}.ob-choice .emoji{font-size:20px}.ob-choice .t{font-weight:var(--weight-semibold);font-size:var(--text-body-sm)}.ob-choice .d{font-size:var(--text-caption);color:var(--text-secondary);line-height:1.4}.ob-chips{flex-wrap:wrap;gap:6px;display:flex}.ob-chip{cursor:pointer;border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--text-primary);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border-default);padding:5px 10px;font-family:inherit;transition:background-color .12s}.ob-chip:hover{background:var(--surface-sunken)}.ob-chip.on{background:var(--action);color:var(--text-on-action);box-shadow:none}.ob-seg{background:var(--surface-selected);border-radius:var(--radius-md);flex-wrap:wrap;gap:2px;padding:2px;display:flex}.ob-seg button{border-radius:var(--radius-sm);min-width:110px;min-height:2rem;color:var(--text-secondary);font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);flex:1}.ob-seg button.on{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-card)}.ob-btn,.ob-btn-ghost{border-radius:var(--radius-md);min-height:2.25rem;font-family:inherit;font-weight:var(--weight-semibold);font-size:var(--text-body-md);justify-content:center;align-items:center;gap:6px;padding:6px 16px;transition:background-color .12s;display:inline-flex}.ob-btn{background:var(--action);color:var(--text-on-action);box-shadow:inset 0 -1px 0 1px color-mix(in srgb, var(--action) 55%, #000), inset 0 1px 0 1px #ffffff38, 0 1px 2px #3a1fa82e}.ob-btn:hover{background:var(--action-hover)}.ob-btn:disabled{opacity:.45;pointer-events:none}.ob-btn-ghost{background:var(--surface-raised);color:var(--text-primary);box-shadow:inset 0 -1px 0 0 var(--border-default), inset 0 0 0 1px var(--border-subtle), 0 1px 0 0 #1a1a1a0d}.ob-btn-ghost:hover{background:var(--surface-sunken)}.ob-link{color:var(--text-link);font-weight:var(--weight-medium)}.ob-link:hover{text-underline-offset:3px;text-decoration:underline}.ob-prog{background:var(--surface-selected);border-radius:999px;height:4px;overflow:hidden}.ob-prog__bar{background:var(--brand);height:100%;transition:width .4s var(--ease-standard), inline-size .4s var(--ease-standard);border-radius:999px}.ob-steplbl{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-secondary)}.ob-h{font-weight:var(--weight-bold);font-size:var(--text-display-sm);line-height:var(--leading-tight);color:var(--text-primary)}.ob-sub{color:var(--text-secondary);font-size:var(--text-body-md);margin-top:4px;line-height:1.5}.ob-alert{background:var(--danger-subtle);color:var(--danger);border-radius:var(--radius-md);font-size:var(--text-body-sm);padding:10px 12px}.ob-nav{justify-content:space-between;gap:8px;margin-top:4px;display:flex}.auth-hero__step{border-radius:var(--radius-md);background:var(--surface-selected);color:var(--text-secondary);font-size:var(--text-caption);font-weight:var(--weight-medium);align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.auth-hero__step b{color:var(--brand);font-weight:var(--weight-bold)}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-btn svg,.ob-btn-ghost svg{flex:none;block-size:16px;inline-size:16px}.ob-steps{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.ob-steps__seg{background:var(--surface-selected);height:4px;transition:background-color .3s var(--ease-standard);border-radius:999px}.ob-steps__seg.on{background:var(--brand)}.ob-step{animation:ob-in .28s var(--ease-entrance) both}@keyframes ob-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ob-input--lg{min-height:2.75rem;font-size:var(--text-body-lg);font-weight:var(--weight-medium)}.ob-wheels{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;display:grid}@media (max-width:360px){.ob-wheels{grid-template-columns:1fr}}.ob-opt{font-weight:var(--weight-regular);color:var(--text-tertiary);font-size:var(--text-caption)}.ob-chip--lg{font-size:var(--text-body-md);padding:9px 14px}.ob-affix{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface-raised);align-items:stretch;display:flex;overflow:hidden}.ob-affix:focus-within{outline:2px solid var(--focus-ring);outline-offset:1px}.ob-affix>span{color:var(--text-tertiary);font-weight:var(--weight-medium);place-items:center;padding-inline:12px 2px;display:grid}.ob-affix .ob-input{border:0;border-radius:0;outline:none;flex:1;min-width:0;padding-inline-start:4px}.ob-affix--end .ob-input{padding-inline-start:12px}.ob-affix .ob-input:focus{outline:none}.ob-affix>button{color:var(--text-link);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);padding-inline:12px}.ob-more{border-top:1px solid var(--border-subtle);padding-top:12px}.ob-more summary{cursor:pointer;color:var(--text-link);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);align-items:center;gap:6px;list-style:none;display:inline-flex}.ob-more summary::-webkit-details-marker{display:none}.ob-more summary:before{content:"+";font-size:16px;line-height:1}.ob-more[open] summary:before{content:"−"}.ob-note{background:var(--brand-subtle);color:var(--brand-subtle-text);border-radius:var(--radius-md);font-size:var(--text-body-sm);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.ob-enter{text-align:end;font-size:var(--text-caption);color:var(--text-tertiary);margin-top:-8px}@media (hover:none){.ob-enter{display:none}}
