@layer components{.sg-shell{--sg-page-bg:var(--bg-alt);--sg-card:var(--card-hi);--sg-card-alt:#f1f5f9;--sg-card-sunken:#f8fafc;--sg-text:var(--ink);--sg-text-2:var(--t2);--sg-text-3:var(--t3);--sg-text-4:var(--t4);--sg-line:var(--card-line);--sg-line-strong:#cbd5e1;--sg-shadow:var(--shadow-soft);--sg-shadow-card:0 20px 45px -25px #14142d47;--sg-brand-grad:linear-gradient(90deg, var(--purple) 0%, var(--blue) 50%, var(--teal) 100%);--sg-focus:var(--blue-ink);--sg-accent:#6d28d9;--sg-accent-2:#7c3aed;--sg-accent-strong:#5b21b6;--sg-success:#10b981;--sg-success-2:#34d399;--sg-success-bg:#ecfdf5;--sg-success-line:#a7f3d0;--sg-success-text:#065f46;--sg-danger:#ef4444;--sg-danger-bg:#fef2f2;--sg-danger-line:#fecaca;--sg-danger-text:#991b1b;--sg-info-bg:#eff6ff;--sg-info-line:#bfdbfe;--sg-info-text:#1e40af;--sg-warn:#f59e0b;--sg-warn-deep:#b45309;--sg-wash-1:#4a2e7a29;--sg-wash-2:#17c3b229;--sg-wash-3:#4a2e7a14;--sg-maxw-form:768px;--sg-maxw-wide:1400px}[data-theme=dark] .sg-shell{--sg-card-alt:#ffffff0d;--sg-card-sunken:#ffffff08;--sg-line-strong:#ffffff38;--sg-shadow-card:0 20px 45px -25px #000000b3;--sg-success-bg:#10b9811f;--sg-success-line:#10b98157;--sg-success-text:#6ee7b7;--sg-danger-bg:#ef44441f;--sg-danger-line:#ef444457;--sg-danger-text:#fca5a5;--sg-info-bg:#2e5bd724;--sg-info-line:#2e5bd761;--sg-info-text:#bfdbfe;--sg-accent:#c4b5fd;--sg-accent-2:#a78bfa;--sg-accent-strong:#ddd6fe;--sg-wash-1:#4a2e7a57;--sg-wash-2:#17c3b224;--sg-wash-3:#4a2e7a2e}.sg-shell{min-height:100dvh;color:var(--sg-text);flex-direction:column;display:flex}.sg-main{flex:auto}.sg-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sg-skip{z-index:60;background:var(--sg-card);color:var(--sg-text);border:1px solid var(--sg-line);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:top .18s;position:absolute;top:-64px;left:16px}.sg-skip:focus-visible{outline:2px solid var(--sg-focus);outline-offset:2px;top:12px}.sg-header{z-index:40;background:color-mix(in srgb, var(--sg-page-bg) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--sg-line);padding:0 24px 18px;position:sticky;top:0}.sg-header-bar{max-width:var(--sg-maxw-wide);justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin:0 auto;display:flex}.sg-header-actions{align-items:center;gap:4px;display:flex}.sg-exit{color:var(--sg-text-2);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.sg-exit:hover{background:var(--sg-card-alt);color:var(--sg-text)}.sg-exit:focus-visible,.sg-shell .logo:focus-visible,.sg-shell .theme-toggle:focus-visible{outline:2px solid var(--sg-focus);outline-offset:2px;border-radius:10px}.sg-header .ob-stepper{margin-bottom:0}.ob-step-label-short{display:none}@media (max-width:640px){.sg-header{padding:0 16px 14px}.ob-step-label-full{display:none}.ob-step-label-short{display:inline}}@media (max-width:400px){.sg-header .ob-step-label{display:none}}@media (prefers-reduced-motion:reduce){.sg-shell *,.sg-shell :before,.sg-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}