:root,.osaurus-design-system{--color-cream-50:#fdfcfa;--color-cream-100:#f1f0e9;--color-cream-200:#e8e8de;--color-cream-300:#d7d7cb;--color-cream-400:#acaba5;--color-cream-500:#77736f;--color-cream-600:#514d48;--color-cream-700:#312e2b;--color-cream-800:#211e1c;--color-cream-900:#1a1919;--color-cream-950:#121211;--color-teal-0:#0db1b5;--color-teal-50:#098386;--color-teal-100:#076869;--color-teal-200:#065456;--color-teal-300:#033f40;--color-teal-400:#013334;--color-teal-500:#01292a;--color-lime-0:#cff07a;--color-lime-50:#c0ec51;--color-lime-100:#a7da2f;--color-lime-200:#8dc115;--color-lime-300:#7fb10a;--color-lime-400:#70a303;--color-lime-500:#5d8507;--color-sky-0:#d0e0e2;--color-sky-50:#bad1d3;--color-sky-100:#a2c1c4;--color-sky-200:#88b0b4;--color-sky-300:#6c9da2;--color-sky-400:#558286;--color-sky-500:#3f6164;--color-accent-primary-base:var(--color-teal-200);--color-accent-primary-hover:var(--color-teal-400);--color-accent-secondary-base:var(--color-lime-0);--color-accent-secondary-hover:var(--color-lime-200);--color-surface-canvas:var(--color-cream-100);--color-surface-subtle:var(--color-cream-200);--color-surface-muted:var(--color-cream-300);--color-surface-raised:var(--color-cream-50);--color-surface-overlay:var(--color-cream-50);--color-surface-inverse:var(--color-cream-900);--color-surface-accent-primary:var(--color-accent-primary-base);--color-surface-accent-secondary:var(--color-accent-secondary-base);--color-text-primary:var(--color-cream-900);--color-text-secondary:var(--color-cream-700);--color-text-muted:var(--color-cream-600);--color-text-disabled:var(--color-cream-400);--color-text-inverse:var(--color-cream-50);--color-text-inverse-secondary:var(--color-cream-300);--color-text-inverse-muted:var(--color-cream-400);--color-text-on-accent-primary:var(--color-cream-50);--color-text-on-accent-secondary:var(--color-cream-900);--color-text-link:var(--color-teal-50);--color-text-link-hover:var(--color-teal-200);--color-focus-ring:var(--color-teal-100);--color-border-default:var(--color-cream-300);--color-border-subtle:var(--color-cream-400);--color-border-strong:var(--color-cream-800);--color-border-inverse:var(--color-cream-300);--color-ui-text-primary:#fdfcfa;--color-ui-text-secondary:#ccc;--color-ui-text-muted:gray;--color-ui-surface:#202020;--color-ui-surface-raised:#2d2d2d;--color-ui-border:#484848;--font-heading:LINE Seed JP;--font-body:Inter Tight;--font-mono:IBM Plex Mono;--text-body-3xs:10px;--text-body-2xs:12px;--text-body-xs:13px;--text-body-sm:14px;--text-body-default:16px;--text-body-lg:18px;--text-body-xl:20px;--text-heading-xs:18px;--text-heading-sm:24px;--text-heading-md:32px;--text-heading-lg:40px;--text-heading-xl:48px;--text-heading-2xl:56px;--text-heading-3xl:64px;--text-heading-4xl:80px;--text-heading-5xl:96px;--text-heading-6xl:112px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tightest:-1px;--tracking-tighter:-.5px;--tracking-tight:-.25px;--tracking-normal:0px;--tracking-wide:.25px;--tracking-wider:.5px;--tracking-widest:1px;--leading-none:100%;--leading-tight:120%;--leading-normal:140%;--leading-loose:155%;--breakpoint-small:640px;--breakpoint-medium:768px;--breakpoint-large:1024px;--breakpoint-wide:1280px;--container-reading-max-width:640px;--container-content-max-width:1200px;--spacing-space-0:0px;--spacing-space-1:4px;--spacing-space-2:8px;--spacing-space-3:12px;--spacing-space-4:16px;--spacing-space-6:24px;--spacing-space-8:32px;--spacing-space-10:40px;--spacing-space-12:48px;--spacing-space-16:64px;--spacing-space-24:96px;--spacing-layout-page-gutter:24px;--spacing-layout-grid-gap:24px;--spacing-layout-section-gap:96px;--radius-none:0px;--radius-small:4px;--radius-medium:8px;--radius-large:16px;--radius-full:9999px;--type-heading-112-font:var(--font-weight-bold) var(--text-heading-6xl)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-112-tracking:var(--tracking-tightest);--type-heading-96-font:var(--font-weight-bold) var(--text-heading-5xl)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-96-tracking:var(--tracking-tightest);--type-heading-80-font:var(--font-weight-bold) var(--text-heading-4xl)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-80-tracking:var(--tracking-tightest);--type-heading-64-font:var(--font-weight-bold) var(--text-heading-3xl)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-64-tracking:var(--tracking-tightest);--type-heading-56-font:var(--font-weight-bold) var(--text-heading-2xl)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-56-tracking:var(--tracking-tightest);--type-heading-48-font:var(--font-weight-bold) var(--text-heading-xl)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-48-tracking:var(--tracking-tightest);--type-heading-40-font:var(--font-weight-bold) var(--text-heading-lg)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-40-tracking:var(--tracking-tightest);--type-heading-32-font:var(--font-weight-bold) var(--text-heading-md)/var(--leading-tight) var(--font-heading), sans-serif;--type-heading-32-tracking:var(--tracking-tighter);--type-heading-24-font:var(--font-weight-bold) var(--text-heading-sm)/var(--leading-normal) var(--font-heading), sans-serif;--type-heading-24-tracking:var(--tracking-tighter);--type-heading-18-font:var(--font-weight-bold) var(--text-heading-xs)/var(--leading-normal) var(--font-heading), sans-serif;--type-heading-18-tracking:var(--tracking-tighter);--type-copy-20-font:var(--font-weight-regular) var(--text-body-xl)/var(--leading-normal) var(--font-body), sans-serif;--type-copy-20-tracking:var(--tracking-wide);--type-copy-20-strong-font:var(--font-weight-medium) var(--text-body-xl)/var(--leading-normal) var(--font-body), sans-serif;--type-copy-20-strong-tracking:var(--tracking-wide);--type-copy-18-font:var(--font-weight-regular) var(--text-body-lg)/var(--leading-normal) var(--font-body), sans-serif;--type-copy-18-tracking:var(--tracking-wide);--type-copy-18-strong-font:var(--font-weight-medium) var(--text-body-lg)/var(--leading-normal) var(--font-body), sans-serif;--type-copy-18-strong-tracking:var(--tracking-wide);--type-copy-16-font:var(--font-weight-regular) var(--text-body-default)/var(--leading-normal) var(--font-body), sans-serif;--type-copy-16-tracking:var(--tracking-wide);--type-copy-16-strong-font:var(--font-weight-medium) var(--text-body-default)/var(--leading-normal) var(--font-body), sans-serif;--type-copy-16-strong-tracking:var(--tracking-wide);--type-copy-14-font:var(--font-weight-regular) var(--text-body-sm)/var(--leading-loose) var(--font-body), sans-serif;--type-copy-14-tracking:var(--tracking-wide);--type-copy-14-strong-font:var(--font-weight-medium) var(--text-body-sm)/var(--leading-loose) var(--font-body), sans-serif;--type-copy-14-strong-tracking:var(--tracking-wide);--type-copy-13-font:var(--font-weight-regular) var(--text-body-xs)/var(--leading-loose) var(--font-body), sans-serif;--type-copy-13-tracking:var(--tracking-wide);--type-copy-13-strong-font:var(--font-weight-medium) var(--text-body-xs)/var(--leading-loose) var(--font-body), sans-serif;--type-copy-13-strong-tracking:var(--tracking-wide);--type-copy-13-mono-font:var(--font-weight-regular) var(--text-body-xs)/var(--leading-normal) var(--font-mono), monospace;--type-copy-13-mono-tracking:var(--tracking-normal);--type-label-16-font:var(--font-weight-regular) var(--text-body-default)/var(--leading-none) var(--font-body), sans-serif;--type-label-16-tracking:var(--tracking-wide);--type-label-16-strong-font:var(--font-weight-medium) var(--text-body-default)/var(--leading-none) var(--font-body), sans-serif;--type-label-16-strong-tracking:var(--tracking-wide);--type-label-14-font:var(--font-weight-regular) var(--text-body-sm)/var(--leading-none) var(--font-body), sans-serif;--type-label-14-tracking:var(--tracking-wide);--type-label-14-strong-font:var(--font-weight-medium) var(--text-body-sm)/var(--leading-none) var(--font-body), sans-serif;--type-label-14-strong-tracking:var(--tracking-wide);--type-label-14-mono-font:var(--font-weight-regular) var(--text-body-sm)/var(--leading-none) var(--font-mono), monospace;--type-label-14-mono-tracking:var(--tracking-normal);--type-label-13-font:var(--font-weight-regular) var(--text-body-xs)/var(--leading-none) var(--font-body), sans-serif;--type-label-13-tracking:var(--tracking-wide);--type-label-13-strong-font:var(--font-weight-medium) var(--text-body-xs)/var(--leading-none) var(--font-body), sans-serif;--type-label-13-strong-tracking:var(--tracking-wide);--type-label-13-mono-font:var(--font-weight-regular) var(--text-body-xs)/var(--leading-none) var(--font-mono), monospace;--type-label-13-mono-tracking:var(--tracking-normal);--type-label-12-font:var(--font-weight-regular) var(--text-body-2xs)/var(--leading-none) var(--font-body), sans-serif;--type-label-12-tracking:var(--tracking-wide);--type-label-12-strong-font:var(--font-weight-medium) var(--text-body-2xs)/var(--leading-none) var(--font-body), sans-serif;--type-label-12-strong-tracking:var(--tracking-wide);--type-label-12-mono-font:var(--font-weight-regular) var(--text-body-2xs)/var(--leading-none) var(--font-mono), monospace;--type-label-12-mono-tracking:var(--tracking-normal)}.type-heading-112{font:var(--type-heading-112-font);letter-spacing:var(--type-heading-112-tracking)}.type-heading-96{font:var(--type-heading-96-font);letter-spacing:var(--type-heading-96-tracking)}.type-heading-80{font:var(--type-heading-80-font);letter-spacing:var(--type-heading-80-tracking)}.type-heading-64{font:var(--type-heading-64-font);letter-spacing:var(--type-heading-64-tracking)}.type-heading-56{font:var(--type-heading-56-font);letter-spacing:var(--type-heading-56-tracking)}.type-heading-48{font:var(--type-heading-48-font);letter-spacing:var(--type-heading-48-tracking)}.type-heading-40{font:var(--type-heading-40-font);letter-spacing:var(--type-heading-40-tracking)}.type-heading-32{font:var(--type-heading-32-font);letter-spacing:var(--type-heading-32-tracking)}.type-heading-24{font:var(--type-heading-24-font);letter-spacing:var(--type-heading-24-tracking)}.type-heading-18{font:var(--type-heading-18-font);letter-spacing:var(--type-heading-18-tracking)}.type-copy-20{font:var(--type-copy-20-font);letter-spacing:var(--type-copy-20-tracking)}.type-copy-20-strong{font:var(--type-copy-20-strong-font);letter-spacing:var(--type-copy-20-strong-tracking)}.type-copy-18{font:var(--type-copy-18-font);letter-spacing:var(--type-copy-18-tracking)}.type-copy-18-strong{font:var(--type-copy-18-strong-font);letter-spacing:var(--type-copy-18-strong-tracking)}.type-copy-16{font:var(--type-copy-16-font);letter-spacing:var(--type-copy-16-tracking)}.type-copy-16-strong{font:var(--type-copy-16-strong-font);letter-spacing:var(--type-copy-16-strong-tracking)}.type-copy-14{font:var(--type-copy-14-font);letter-spacing:var(--type-copy-14-tracking)}.type-copy-14-strong{font:var(--type-copy-14-strong-font);letter-spacing:var(--type-copy-14-strong-tracking)}.type-copy-13{font:var(--type-copy-13-font);letter-spacing:var(--type-copy-13-tracking)}.type-copy-13-strong{font:var(--type-copy-13-strong-font);letter-spacing:var(--type-copy-13-strong-tracking)}.type-copy-13-mono{font:var(--type-copy-13-mono-font);letter-spacing:var(--type-copy-13-mono-tracking)}.type-label-16{font:var(--type-label-16-font);letter-spacing:var(--type-label-16-tracking)}.type-label-16-strong{font:var(--type-label-16-strong-font);letter-spacing:var(--type-label-16-strong-tracking)}.type-label-14{font:var(--type-label-14-font);letter-spacing:var(--type-label-14-tracking)}.type-label-14-strong{font:var(--type-label-14-strong-font);letter-spacing:var(--type-label-14-strong-tracking)}.type-label-14-mono{font:var(--type-label-14-mono-font);letter-spacing:var(--type-label-14-mono-tracking)}.type-label-13{font:var(--type-label-13-font);letter-spacing:var(--type-label-13-tracking)}.type-label-13-strong{font:var(--type-label-13-strong-font);letter-spacing:var(--type-label-13-strong-tracking)}.type-label-13-mono{font:var(--type-label-13-mono-font);letter-spacing:var(--type-label-13-mono-tracking)}.type-label-12{font:var(--type-label-12-font);letter-spacing:var(--type-label-12-tracking)}.type-label-12-strong{font:var(--type-label-12-strong-font);letter-spacing:var(--type-label-12-strong-tracking)}.type-label-12-mono{font:var(--type-label-12-mono-font);letter-spacing:var(--type-label-12-mono-tracking)}.osaurus-button,.osaurus-badge{box-sizing:border-box;max-inline-size:100%;font-family:var(--font-body), sans-serif;font-weight:var(--font-weight-medium);letter-spacing:.01em;text-align:center;text-transform:none;vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.osaurus-button{--button-background:var(--color-cream-950);--button-hover-background:var(--color-cream-700);--button-foreground:var(--color-text-inverse);--button-avatar-background:var(--color-cream-50);--button-avatar-hover-background:var(--color-cream-50);gap:var(--spacing-space-2);min-block-size:var(--spacing-space-10);padding-block:10px;padding-inline:var(--spacing-space-4);border-radius:var(--radius-small);background:var(--button-background);color:var(--button-foreground);font-size:var(--text-body-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;line-height:142.857%;text-decoration:none}.osaurus-button:not([data-size=small]){block-size:44px;min-block-size:44px;max-block-size:44px;font-size:var(--text-body-sm);line-height:142.857%}.osaurus-button[data-size=small]{min-block-size:var(--spacing-space-8);padding-block:6px;padding-inline:var(--spacing-space-3)}.osaurus-button:is([data-variant=outline],.osaurus-button--outline){--button-background:var(--color-cream-50);--button-hover-background:var(--color-cream-200);--button-foreground:var(--color-text-primary);--button-avatar-background:var(--color-cream-300);box-shadow:inset 0 0 0 1px var(--color-border-default)}.osaurus-button:is([data-variant=subtle],.osaurus-button--subtle){--button-background:var(--color-cream-300);--button-hover-background:var(--color-cream-200);--button-foreground:var(--color-text-primary);--button-avatar-background:var(--color-cream-100);--button-avatar-hover-background:var(--color-text-primary)}.osaurus-button:is([data-variant=accent],.osaurus-button--accent){--button-background:var(--color-accent-secondary-base);--button-hover-background:var(--color-lime-100);--button-foreground:var(--color-text-primary);--button-avatar-background:var(--color-cream-100);--button-avatar-hover-background:var(--color-cream-100)}.osaurus-button:is([data-variant=accent],.osaurus-button--accent):not([data-size=small]){--button-background:var(--color-lime-50)}.osaurus-button:is([data-inverse=true],.osaurus-button--inverse):is([data-variant=primary],.osaurus-button--primary){--button-background:var(--color-cream-50);--button-hover-background:var(--color-cream-200);--button-foreground:var(--color-text-primary);--button-avatar-background:var(--color-cream-300);--button-avatar-hover-background:var(--color-cream-50);box-shadow:inset 0 0 0 1px var(--color-border-default)}.osaurus-button:is([data-inverse=true],.osaurus-button--inverse):is([data-variant=primary],.osaurus-button--primary)[data-size=small]{box-shadow:none}.osaurus-button:is([data-inverse=true],.osaurus-button--inverse):is([data-variant=outline],.osaurus-button--outline){--button-background:#0003;--button-hover-background:#0003;--button-foreground:var(--color-text-inverse);--button-avatar-background:var(--color-cream-100);--button-avatar-hover-background:var(--color-cream-50)}.osaurus-button:is([data-inverse=true],.osaurus-button--inverse):is([data-variant=subtle],.osaurus-button--subtle){--button-background:var(--color-cream-600);--button-hover-background:var(--color-cream-500);--button-foreground:var(--color-text-inverse-secondary);--button-avatar-background:var(--color-cream-100);--button-avatar-hover-background:var(--color-text-inverse-secondary)}.osaurus-button:is([data-inverse=true],.osaurus-button--inverse):is([data-variant=accent],.osaurus-button--accent){--button-background:var(--color-lime-50);--button-avatar-background:var(--color-cream-950);--button-avatar-hover-background:var(--color-cream-950)}.osaurus-button:is([data-inverse=true],.osaurus-button--inverse):focus-visible{outline-color:var(--color-text-inverse)}.osaurus-button__label,.osaurus-badge__label{overflow-wrap:anywhere;min-inline-size:0}.osaurus-button__icon,.osaurus-button__trailing,.osaurus-button__avatar,.osaurus-badge__icon,.osaurus-badge__dot{flex:none;justify-content:center;align-items:center;display:inline-flex}.osaurus-button__icon{block-size:16px;inline-size:16px}.osaurus-button__icon>svg,.osaurus-badge__icon>svg{block-size:100%;inline-size:100%;display:block}.osaurus-button__avatar{border-radius:var(--radius-full);background:var(--button-avatar-background);block-size:20px;inline-size:20px;overflow:hidden}.osaurus-button__avatar>img{object-fit:contain;block-size:100%;inline-size:100%;display:block}@media (hover:hover){.osaurus-button:enabled:hover,a.osaurus-button[href]:hover{background:var(--button-hover-background)}.osaurus-button:enabled:hover .osaurus-button__avatar,a.osaurus-button[href]:hover .osaurus-button__avatar{background:var(--button-avatar-hover-background)}}.osaurus-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.osaurus-button:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.osaurus-button{transition:background-color .15s ease-out,scale .15s ease-out}.osaurus-button:not([data-static]):enabled:active,a.osaurus-button[href]:not([data-static]):active{scale:.96}}@media (forced-colors:active){.osaurus-button{outline:1px solid buttontext}.osaurus-button:focus-visible{outline:2px solid highlight}}.osaurus-badge{--badge-adornment-color:var(--color-text-primary);gap:var(--spacing-space-2);min-block-size:26px;padding-block:var(--spacing-space-1);padding-inline:var(--spacing-space-3);border-radius:var(--radius-full);background:var(--color-cream-300);color:var(--color-text-primary);font-size:var(--text-body-sm);line-height:128.571%}.osaurus-badge[data-variant=outline]{--badge-adornment-color:var(--color-lime-100);background:var(--color-cream-50);border:1px solid var(--color-border-subtle);min-block-size:28px}.osaurus-badge[data-variant=accent]{background:var(--color-lime-0)}.osaurus-badge[data-variant=inverse]{background:var(--color-cream-950);color:var(--color-text-inverse)}.osaurus-badge__dot{background:var(--color-cream-950);block-size:6px;inline-size:6px}.osaurus-badge:is([data-variant=outline],[data-variant=inverse]) .osaurus-badge__dot{background:var(--color-lime-100)}.osaurus-badge__icon{block-size:16px;inline-size:16px;color:var(--badge-adornment-color)}.osaurus-badge[data-variant=inverse] .osaurus-badge__icon{color:var(--color-text-inverse)}.osaurus-badge[data-adornment=icon]{padding-inline-start:var(--spacing-space-2)}.osaurus-badge[data-size=small]{gap:var(--spacing-space-1);min-block-size:20px;padding-block:2px;padding-inline:var(--spacing-space-2);font-size:var(--text-body-2xs)}.osaurus-badge[data-size=small][data-variant=outline]{min-block-size:22px}.osaurus-badge[data-size=small][data-adornment=icon]{padding-inline-start:6px}.osaurus-badge[data-size=small] .osaurus-badge__dot{block-size:4px;inline-size:4px}.osaurus-badge[data-size=small] .osaurus-badge__icon{block-size:12px;inline-size:12px}.osaurus-button[data-size=small]:has(.osaurus-button__icon,.osaurus-button__avatar){padding-inline-start:var(--spacing-space-2)}.osaurus-button[data-size=small] .osaurus-button__icon{block-size:14px;inline-size:14px}.osaurus-button[data-size=small] .osaurus-button__avatar{block-size:16px;inline-size:16px}.osaurus-badge[data-size=xs]{gap:var(--spacing-space-1);min-block-size:0;font-size:var(--text-body-3xs);padding-block:2px;padding-inline:6px}.osaurus-badge[data-size=xs][data-adornment=icon]{padding-inline-start:var(--spacing-space-1)}.osaurus-badge[data-size=xs] .osaurus-badge__dot{block-size:4px;inline-size:4px}.osaurus-badge[data-size=xs] .osaurus-badge__icon{block-size:10px;inline-size:10px}
