:root{--gutter:20px;--topbar-height:64px;--control-gap:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--bp-mobile:375px;--bp-tablet:768px;--bp-desktop:1024px;--bp-wide:1440px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-card:16px;--ease-ios:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.16s;--dur-base:.28s;--shadow-1:0 1px 2px color-mix(in srgb, var(--color-shadow) 6%, transparent);--shadow-2:0 2px 8px color-mix(in srgb, var(--color-shadow) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--color-shadow) 4%, transparent);--shadow-3:0 8px 24px color-mix(in srgb, var(--color-shadow) 12%, transparent), 0 2px 6px color-mix(in srgb, var(--color-shadow) 6%, transparent);--shadow-4:0 16px 40px color-mix(in srgb, var(--color-shadow) 16%, transparent), 0 4px 10px color-mix(in srgb, var(--color-shadow) 8%, transparent);--ring-focus:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);--font-family-base:var(--font-nunito), system-ui, sans-serif;--font-display:800;--font-bold:700;--font-semibold:600;--font-regular:400;--text-display-size:40px;--text-display-lh:48px;--text-display-weight:800;--text-h1-size:32px;--text-h1-lh:40px;--text-h1-weight:800;--text-h2-size:26px;--text-h2-lh:34px;--text-h2-weight:700;--text-h3-size:22px;--text-h3-lh:30px;--text-h3-weight:700;--text-h4-size:18px;--text-h4-lh:26px;--text-h4-weight:700;--text-body-lg-size:16px;--text-body-lg-lh:24px;--text-body-lg-weight:400;--text-body-size:14px;--text-body-lh:22px;--text-body-weight:400;--text-label-size:13px;--text-label-lh:18px;--text-label-weight:600;--text-caption-size:12px;--text-caption-lh:16px;--text-caption-weight:600}@media (max-width:1023px){:root{--gutter:16px}}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:var(--color-text);background:var(--color-background);font-family:var(--font-family-base);font-size:var(--text-body-size);line-height:var(--text-body-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}}html[data-transition=logout] body{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-hover) 100%) fixed}:root{--selection-accent:var(--color-primary)}:root[data-portal=accounts]{--selection-accent:var(--color-portal-accounts-text)}::selection{background:color-mix(in srgb, var(--selection-accent) 30%, var(--color-surface));color:var(--color-text)}