@property --bg{syntax: "<color>"; inherits: true; initial-value: white;}@property --surface{syntax: "<color>"; inherits: true; initial-value: white;}@property --surface-muted{syntax: "<color>"; inherits: true; initial-value: white;}@property --fg{syntax: "<color>"; inherits: true; initial-value: black;}@property --fg-muted{syntax: "<color>"; inherits: true; initial-value: black;}@property --fg-subtle{syntax: "<color>"; inherits: true; initial-value: black;}@property --border{syntax: "<color>"; inherits: true; initial-value: black;}@property --border-strong{syntax: "<color>"; inherits: true; initial-value: black;}@property --accent{syntax: "<color>"; inherits: true; initial-value: black;}@property --accent-fg{syntax: "<color>"; inherits: true; initial-value: white;}:root{--brand: hsl(240 75% 60%);--neutral: hsl(220 15% 50%);--success: hsl(150 65% 45%);--warning: hsl(38 92% 50%);--danger: hsl(0 75% 55%);--info: hsl(200 85% 50%);--brand-50: hsl(from var(--brand) h s 97%);--brand-100: hsl(from var(--brand) h s 93%);--brand-200: hsl(from var(--brand) h s 86%);--brand-300: hsl(from var(--brand) h s 76%);--brand-400: hsl(from var(--brand) h s 66%);--brand-500: hsl(from var(--brand) h s 58%);--brand-600: hsl(from var(--brand) h s 48%);--brand-700: hsl(from var(--brand) h s 40%);--brand-800: hsl(from var(--brand) h s 31%);--brand-900: hsl(from var(--brand) h s 23%);--brand-950: hsl(from var(--brand) h s 15%);--neutral-50: hsl(from var(--neutral) h s 98%);--neutral-100: hsl(from var(--neutral) h s 95%);--neutral-200: hsl(from var(--neutral) h s 89%);--neutral-300: hsl(from var(--neutral) h s 79%);--neutral-400: hsl(from var(--neutral) h s 64%);--neutral-500: hsl(from var(--neutral) h s 50%);--neutral-600: hsl(from var(--neutral) h s 40%);--neutral-700: hsl(from var(--neutral) h s 32%);--neutral-800: hsl(from var(--neutral) h s 23%);--neutral-900: hsl(from var(--neutral) h s 15%);--neutral-950: hsl(from var(--neutral) h s 9%);--success-100: hsl(from var(--success) h s 92%);--success-500: hsl(from var(--success) h s 45%);--success-700: hsl(from var(--success) h s 29%);--warning-100: hsl(from var(--warning) h s 92%);--warning-500: hsl(from var(--warning) h s 50%);--warning-700: hsl(from var(--warning) h s 31%);--danger-100: hsl(from var(--danger) h s 94%);--danger-500: hsl(from var(--danger) h s 52%);--danger-700: hsl(from var(--danger) h s 40%);--info-100: hsl(from var(--info) h s 93%);--info-500: hsl(from var(--info) h s 48%);--info-700: hsl(from var(--info) h s 33%);color-scheme:light dark;--bg: light-dark(var(--neutral-50), var(--neutral-950));--surface: light-dark(white, var(--neutral-900));--surface-muted: light-dark(var(--neutral-100), var(--neutral-800));--border: light-dark(var(--neutral-200), var(--neutral-800));--border-strong: light-dark(var(--neutral-300), var(--neutral-700));--fg: light-dark(var(--neutral-900), var(--neutral-50));--fg-muted: light-dark(var(--neutral-600), var(--neutral-400));--fg-subtle: light-dark(hsl(from var(--neutral) h s 45%), hsl(from var(--neutral) h s 58%));--accent: light-dark(var(--brand-600), hsl(from var(--brand) h s 73%));--accent-fg: contrast-color(var(--accent));--accent-hover: color-mix(in oklab, var(--accent), black 12%);--accent-soft: hsl(from var(--accent) h s l / .12);--ring: hsl(from var(--accent) h s l / .5);--success-bg: light-dark(var(--success-100), hsl(from var(--success-500) h s l / .18));--success-fg: light-dark(var(--success-700), var(--success-500));--warning-bg: light-dark(var(--warning-100), hsl(from var(--warning-500) h s l / .18));--warning-fg: light-dark(var(--warning-700), var(--warning-500));--danger-bg: light-dark(var(--danger-100), hsl(from var(--danger-500) h s l / .18));--danger-fg: light-dark(var(--danger-700), hsl(from var(--danger) h s 65%));--info-bg: light-dark(var(--info-100), hsl(from var(--info-500) h s l / .18));--info-fg: light-dark(var(--info-700), var(--info-500));--success-solid-bg: var(--success-500);--success-solid-fg: contrast-color(var(--success-solid-bg));--warning-solid-bg: var(--warning-500);--warning-solid-fg: contrast-color(var(--warning-solid-bg));--danger-solid-bg: var(--danger-500);--danger-solid-fg: contrast-color(var(--danger-solid-bg));--info-solid-bg: var(--info-500);--info-solid-fg: contrast-color(var(--info-solid-bg));--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-surface=marketing]{--brand: hsl(221 83% 53%);--neutral: hsl(221 20% 50%);--accent: light-dark(hsl(45 92% 30%), hsl(48 91% 62%));--font-display: "Sora", var(--font-sans);--radius-sm: .375rem;--radius: .625rem;--radius-md: .875rem;--radius-lg: 1.25rem}:root{--ui-surface-bg: var(--surface);--ui-surface-border: var(--border);--ui-surface-radius: var(--radius-md);--ui-surface-padding: 1.25rem;--ui-surface-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ui-popover-width: min(28rem, calc(100vw - 2rem) );--ui-popover-backdrop: hsl(from var(--neutral-900) h s l / .4);--ui-popover-gap: .5rem;--ui-popover-title-color: var(--fg);--ui-popover-body-color: var(--fg-muted);--ui-btn-neutral-bg: var(--surface);--ui-btn-neutral-border: var(--border-strong);--ui-btn-neutral-fg: var(--fg-muted);--ui-btn-neutral-bg-hover: var(--surface-muted);--ui-btn-danger-bg: var(--surface);--ui-btn-danger-border: hsl(from var(--danger-500) h s 80%);--ui-btn-danger-fg: var(--danger-fg);--ui-btn-danger-bg-hover: var(--danger-bg);--ui-btn-primary-bg: var(--accent);--ui-btn-primary-border: var(--accent);--ui-btn-primary-fg: var(--accent-fg);--ui-btn-primary-bg-hover: var(--accent-hover);--ui-btn-danger-solid-bg: var(--danger-solid-bg);--ui-btn-danger-solid-border: var(--danger-solid-bg);--ui-btn-danger-solid-fg: var(--danger-solid-fg);--ui-btn-danger-solid-bg-hover: color-mix(in oklab, var(--danger-solid-bg), black 8%);--ui-focus-ring: var(--ring)}.ui-popover-panel{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100vh - 2rem);width:var(--ui-popover-width);background-color:var(--ui-surface-bg);border:1px solid var(--ui-surface-border);border-radius:var(--ui-surface-radius);padding:var(--ui-surface-padding);box-shadow:var(--ui-surface-shadow)}.ui-popover-panel::backdrop{background-color:var(--ui-popover-backdrop)}.ui-popover-title{font-size:var(--text-base);line-height:1.5rem;font-weight:var(--weight-semibold);color:var(--ui-popover-title-color)}.ui-popover-body-text{margin-top:.25rem;font-size:var(--text-sm);line-height:1.25rem;color:var(--ui-popover-body-color)}.ui-popover-body{margin-top:1rem}.ui-popover-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.ui-popover-panel--anchor-bottom,.ui-popover-panel--anchor-bottom-start,.ui-popover-panel--anchor-bottom-end,.ui-popover-panel--anchor-top,.ui-popover-panel--anchor-top-start,.ui-popover-panel--anchor-top-end{inset:auto;margin:0}.ui-popover-panel--anchor-bottom,.ui-popover-panel--anchor-bottom-start,.ui-popover-panel--anchor-bottom-end{top:calc(anchor(bottom) + var(--ui-popover-gap))}.ui-popover-panel--anchor-top,.ui-popover-panel--anchor-top-start,.ui-popover-panel--anchor-top-end{bottom:calc(anchor(top) + var(--ui-popover-gap))}.ui-popover-panel--anchor-bottom-start,.ui-popover-panel--anchor-top-start{left:anchor(left)}.ui-popover-panel--anchor-bottom-end,.ui-popover-panel--anchor-top-end{right:anchor(right)}.ui-popover-panel--anchor-bottom,.ui-popover-panel--anchor-top{left:anchor(center);translate:-50% 0}.ui-popover-panel--anchor-bottom::backdrop,.ui-popover-panel--anchor-bottom-start::backdrop,.ui-popover-panel--anchor-bottom-end::backdrop,.ui-popover-panel--anchor-top::backdrop,.ui-popover-panel--anchor-top-start::backdrop,.ui-popover-panel--anchor-top-end::backdrop{background-color:transparent}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius);border-width:1px;border-style:solid;font-weight:var(--weight-medium);text-decoration:none;cursor:pointer;transition:background-color .15s}.ui-btn:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.ui-btn--sm{padding:.375rem .75rem;font-size:var(--text-xs);line-height:1rem}.ui-btn--md{padding:.5rem 1rem;font-size:var(--text-sm);line-height:1.25rem}.ui-btn--lg{padding:.625rem 1.25rem;font-size:var(--text-base);line-height:1.5rem}.ui-btn--block{width:100%}.ui-btn--neutral{background-color:var(--ui-btn-neutral-bg);border-color:var(--ui-btn-neutral-border);color:var(--ui-btn-neutral-fg)}.ui-btn--neutral:hover{background-color:var(--ui-btn-neutral-bg-hover)}.ui-btn--danger{background-color:var(--ui-btn-danger-bg);border-color:var(--ui-btn-danger-border);color:var(--ui-btn-danger-fg)}.ui-btn--danger:hover{background-color:var(--ui-btn-danger-bg-hover)}.ui-btn--primary{background-color:var(--ui-btn-primary-bg);border-color:var(--ui-btn-primary-border);color:var(--ui-btn-primary-fg)}.ui-btn--primary:hover{background-color:var(--ui-btn-primary-bg-hover)}.ui-btn--danger-solid{background-color:var(--ui-btn-danger-solid-bg);border-color:var(--ui-btn-danger-solid-border);color:var(--ui-btn-danger-solid-fg)}.ui-btn--danger-solid:hover{background-color:var(--ui-btn-danger-solid-bg-hover)}.ui-text-btn{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:0;background:none;font:inherit;font-size:var(--text-xs);line-height:1rem;text-decoration:underline;cursor:pointer;transition:color .15s}.ui-text-btn:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.ui-text-btn:disabled,.ui-text-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.ui-text-btn--neutral{color:var(--fg-muted)}.ui-text-btn--neutral:not(:disabled):not([aria-disabled=true]):hover{color:var(--fg)}.ui-text-btn--danger{color:var(--danger-fg)}.ui-text-btn--danger:not(:disabled):not([aria-disabled=true]):hover{color:color-mix(in oklab,var(--danger-fg),black 15%)}.ui-text-btn--accent{color:var(--accent)}.ui-text-btn--accent:not(:disabled):not([aria-disabled=true]):hover{color:var(--accent-hover)}.ui-breadcrumb{margin-bottom:1rem;font-size:var(--text-sm);line-height:1.25rem;color:var(--fg-subtle)}.ui-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;list-style:none;margin:0;padding:0}.ui-breadcrumb-item{display:flex;align-items:center;gap:.375rem}.ui-breadcrumb-sep{color:var(--fg-subtle)}.ui-breadcrumb-link{color:inherit;text-decoration:none}.ui-breadcrumb-link:hover{color:var(--fg-muted);text-decoration:underline}.ui-breadcrumb-current{font-weight:var(--weight-medium);color:var(--fg)}.user-menu-trigger:disabled,.user-menu-trigger[aria-disabled=true],.user-menu-item:disabled,.user-menu-item[aria-disabled=true],.user-menu-pill:disabled,.user-menu-pill[aria-disabled=true],.lang-switch-pill:disabled,.lang-switch-pill[aria-disabled=true]{cursor:not-allowed;opacity:.6}.user-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:9999px;background-color:var(--surface-muted);color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;cursor:pointer}.user-menu-trigger:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--border)}.user-menu-panel{width:14rem;padding:.375rem}.user-menu-header{padding:.375rem .5rem}.user-menu-header-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-subtle)}.user-menu-header-email{margin-top:.125rem;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;border:0;border-radius:var(--radius);font-size:var(--text-sm);line-height:1.25rem;color:var(--fg-muted);background:none;text-align:left;text-decoration:none;cursor:pointer}.user-menu-item:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--surface-muted);color:var(--fg)}.user-menu-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-item-mark{font-size:.6875rem;color:var(--fg-subtle)}.user-menu-divider{height:1px;background-color:var(--border);margin:.375rem -.375rem}.user-menu-section-label{padding:.25rem .5rem .125rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-subtle)}.user-menu-pill-row{display:flex;gap:.25rem;padding:0 .25rem .25rem}.user-menu-pill-row form{flex:1}.user-menu-pill{flex:1;width:100%;padding:.25rem .5rem;border:1px solid var(--border-strong);border-radius:var(--radius);background-color:var(--surface);color:var(--fg-muted);font-size:.6875rem;line-height:1;cursor:pointer}.user-menu-pill:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--surface-muted)}.user-menu-pill[aria-current=true]{background-color:var(--accent);color:var(--accent-fg)}.user-menu-pill--uppercase{text-transform:uppercase;letter-spacing:.04em}.lang-switch{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs)}.lang-switch form{display:inline}.lang-switch-pill{padding:.125rem .375rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.lang-switch-pill:not(:disabled):not([aria-disabled=true]):hover{color:var(--fg)}.lang-switch-pill[aria-current=true]{background-color:var(--surface-muted);font-weight:var(--weight-semibold);color:var(--fg)}.ui-usage-bar{--ui-usage-bar-fill: var(--accent);--ui-usage-bar-track: var(--surface-muted);display:flex;flex-direction:column;gap:.375rem}.ui-usage-bar--warning{--ui-usage-bar-fill: var(--warning-fg)}.ui-usage-bar--danger{--ui-usage-bar-fill: var(--danger-fg)}.ui-usage-bar__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ui-usage-bar__label{font-size:.875rem;font-weight:var(--weight-medium);color:var(--fg)}.ui-usage-bar__counts{font-size:.8125rem;color:var(--fg-muted);font-variant-numeric:tabular-nums}.ui-usage-bar__used{font-weight:var(--weight-semibold);color:var(--fg)}.ui-usage-bar__sep{color:var(--fg-subtle)}.ui-usage-bar__track{height:.5rem;width:100%;border-radius:var(--radius-sm, .25rem);background-color:var(--ui-usage-bar-track);overflow:hidden}.ui-usage-bar__fill{height:100%;background-color:var(--ui-usage-bar-fill);border-radius:inherit;transition:width .2s ease-out}.ui-usage-bar__sublabel{font-size:.75rem;color:var(--fg-subtle);margin:0}
