/* layer: properties */
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-border-opacity:100%;--un-from-opacity:100%;--un-leading:initial;--un-placeholder-opacity:100%;--un-ring-opacity:100%;--un-text-opacity:100%;--un-to-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-inset-ring-color{syntax:"*";inherits:false;}
@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow-color{syntax:"*";inherits:false;}
@property --un-ring-color{syntax:"*";inherits:false;}
@property --un-ring-inset{syntax:"*";inherits:false;}
@property --un-ring-offset-color{syntax:"*";inherits:false;}
@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow-color{syntax:"*";inherits:false;}
@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}
@property --un-gradient-position{syntax:"*";inherits:false;}
@property --un-gradient-stops{syntax:"*";inherits:false;}
@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --un-gradient-via-stops{syntax:"*";inherits:false;}
@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-backdrop-blur{syntax:"*";inherits:false;}
@property --un-backdrop-brightness{syntax:"*";inherits:false;}
@property --un-backdrop-contrast{syntax:"*";inherits:false;}
@property --un-backdrop-grayscale{syntax:"*";inherits:false;}
@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}
@property --un-backdrop-invert{syntax:"*";inherits:false;}
@property --un-backdrop-opacity{syntax:"*";inherits:false;}
@property --un-backdrop-saturate{syntax:"*";inherits:false;}
@property --un-backdrop-sepia{syntax:"*";inherits:false;}
@property --un-blur{syntax:"*";inherits:false;}
@property --un-brightness{syntax:"*";inherits:false;}
@property --un-contrast{syntax:"*";inherits:false;}
@property --un-drop-shadow{syntax:"*";inherits:false;}
@property --un-grayscale{syntax:"*";inherits:false;}
@property --un-hue-rotate{syntax:"*";inherits:false;}
@property --un-invert{syntax:"*";inherits:false;}
@property --un-saturate{syntax:"*";inherits:false;}
@property --un-sepia{syntax:"*";inherits:false;}
@property --un-placeholder-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
/* layer: theme */
:root, :host { --tracking-normal: 0em; --font-rajdhani: Rajdhani; --leading-none: 1; --spacing: 0.25rem; --colors-primary-300: #e65654; --colors-primary-500: #8e3058; --font-outfit: Outfit; --radius-3xl: 1.5rem; --radius-xl: 0.75rem; --tracking-wider: 0.05em; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --colors-primary-600: #602049; --colors-white: #fff; --colors-gray-300: oklch(87.2% 0.01 258.338); --colors-gray-100: oklch(96.7% 0.003 264.542); --colors-primary-200: #f18ca2; --colors-primary-400: #ba425a; --colors-gray-800: oklch(27.8% 0.033 256.848); --colors-gray-200: oklch(92.8% 0.006 264.531); --colors-gray-600: oklch(44.6% 0.03 256.802); --colors-gray-900: oklch(21% 0.034 264.665); --radius-2xl: 1rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --colors-gray-500: oklch(55.1% 0.027 264.364); --colors-gray-400: oklch(70.7% 0.022 261.325); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
/* layer: base */
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--default-font-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, normal);  -webkit-tap-highlight-color: transparent;  }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
/* layer: shortcuts */
.input-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);font-family:var(--font-outfit);padding:calc(var(--spacing) * 16);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-width:1px;border-color:color-mix(in oklab, rgba(255,255,255,0.1) var(--un-border-opacity), transparent);border-radius:var(--radius-2xl);background-color:color-mix(in oklab, rgba(0,0,0,0.3) var(--un-bg-opacity), transparent);width:100%;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:300ms;transition-duration:300ms;box-sizing:border-box;}
.btn-arcade{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);--un-font-weight:700;font-weight:700;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);border-radius:var(--radius-xl);display:flex;gap:calc(var(--spacing) * 2);cursor:pointer;text-transform:uppercase;--un-shadow:0 4px 0 var(--color-primary-700),0 10px 20px rgba(0,0,0,0.2);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:100ms;transition-duration:100ms;align-items:center;justify-content:center;--un-gradient-from:color-mix(in oklab, var(--colors-primary-500) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-to:color-mix(in oklab, var(--colors-primary-600) var(--un-to-opacity), transparent);--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.btn-ghost{color:color-mix(in srgb, var(--colors-gray-300) var(--un-text-opacity), transparent);--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);--un-font-weight:700;font-weight:700;font-family:var(--font-outfit);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);border-radius:var(--radius-xl);background-color:transparent;display:flex;gap:calc(var(--spacing) * 2);cursor:pointer;text-transform:uppercase;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:100ms;transition-duration:100ms;align-items:center;justify-content:center;}
.btn-secondary{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);--un-font-weight:700;font-weight:700;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);border-width:1px;border-color:color-mix(in oklab, rgba(255,255,255,0.1) var(--un-border-opacity), transparent);border-radius:var(--radius-xl);background-color:color-mix(in oklab, rgba(255,255,255,0.1) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 2);cursor:pointer;text-transform:uppercase;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:100ms;transition-duration:100ms;align-items:center;justify-content:center;--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
.text-brand{color:transparent;--un-leading:var(--leading-none);line-height:var(--leading-none);font-family:var(--font-rajdhani);--un-font-weight:700;font-weight:700;margin:calc(var(--spacing) * 0);text-transform:uppercase;webkit-text-fill-color:transparent;--un-gradient-from:color-mix(in oklab, var(--colors-primary-300) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-to:color-mix(in oklab, var(--colors-primary-500) var(--un-to-opacity), transparent);--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));-webkit-background-clip:text;background-clip:text;--un-drop-shadow:drop-shadow(0 0 20px var(--un-drop-shadow-color, rgba(236, 72, 153, 0.3)));filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.btn-ghost:hover{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);border-color:transparent;background-color:color-mix(in oklab, rgba(255,255,255,0.05) var(--un-bg-opacity), transparent);}
.card-glass{font-family:var(--font-outfit);border-width:1px;border-color:color-mix(in oklab, rgba(255,255,255,0.1) var(--un-border-opacity), transparent);border-radius:var(--radius-3xl);background-color:color-mix(in oklab, rgba(30,30,30,0.6) var(--un-bg-opacity), transparent);display:flex;flex-direction:column;--un-shadow:0 20px 50px var(--un-shadow-color, rgba(0, 0, 0, 0.5));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);animation:fadeIn 0.5s ease-out;--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);}
.btn-arcade:focus{--un-outline-style:none;outline-style:none;}
.btn-ghost:focus{--un-outline-style:none;outline-style:none;}
.btn-secondary:focus{--un-outline-style:none;outline-style:none;}
.input-base:focus{--un-outline-style:none;outline-style:none;border-color:color-mix(in oklab, #8e3058 var(--un-border-opacity), transparent);--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in oklab, #8e3058 var(--un-ring-opacity), transparent);}
.btn-arcade:hover{border-color:transparent;--un-shadow:0 6px 0 var(--color-primary-700),0 15px 30px rgba(0,0,0,0.3);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-translate-y:-2px;translate:var(--un-translate-x) var(--un-translate-y);--un-brightness:brightness(110%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.btn-secondary:hover{border-color:transparent;background-color:color-mix(in oklab, rgba(255,255,255,0.2) var(--un-bg-opacity), transparent);}
.btn-arcade:disabled{opacity:50%;cursor:not-allowed;}
.btn-ghost:disabled{opacity:50%;cursor:not-allowed;}
.btn-secondary:disabled{opacity:50%;cursor:not-allowed;}
.input-base:disabled{opacity:50%;cursor:not-allowed;}
.btn-arcade:active{--un-shadow:0 2px 0 var(--color-primary-700),0 5px 10px rgba(0,0,0,0.2);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-translate-y:2px;translate:var(--un-translate-x) var(--un-translate-y);}
.input-base::placeholder{color:color-mix(in srgb, var(--colors-gray-500) var(--un-placeholder-opacity), transparent);}
@media (prefers-color-scheme: light){
.btn-ghost{color:color-mix(in srgb, var(--colors-gray-600) var(--un-text-opacity), transparent);}
.btn-secondary{color:color-mix(in srgb, var(--colors-gray-800) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-gray-200) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, var(--colors-gray-100) 80%, transparent);}
.input-base{color:color-mix(in srgb, var(--colors-gray-900) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-gray-300) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.btn-ghost:hover{color:color-mix(in srgb, var(--colors-gray-900) var(--un-text-opacity), transparent);background-color:color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent);}
.card-glass{border-color:color-mix(in srgb, var(--colors-white) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, var(--colors-white) 80%, transparent);--un-shadow:0 15px 35px var(--un-shadow-color, rgba(0, 0, 0, 0.02));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.input-base:focus{border-color:color-mix(in oklab, #8e3058 var(--un-border-opacity), transparent);}
.btn-secondary:hover{background-color:color-mix(in srgb, var(--colors-gray-200) var(--un-bg-opacity), transparent);}
.btn-arcade{--un-shadow:0 4px 0 var(--color-primary-500),0 10px 20px rgba(0,0,0,0.2);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-gradient-from:color-mix(in oklab, var(--colors-primary-200) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-to:color-mix(in oklab, var(--colors-primary-400) var(--un-to-opacity), transparent);--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.btn-arcade:hover{--un-shadow:0 6px 0 var(--color-primary-500),0 15px 30px rgba(0,0,0,0.3);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-translate-y:-2px;translate:var(--un-translate-x) var(--un-translate-y);--un-brightness:brightness(110%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.btn-arcade:active{--un-shadow:0 2px 0 var(--color-primary-500),0 5px 10px rgba(0,0,0,0.2);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-translate-y:2px;translate:var(--un-translate-x) var(--un-translate-y);}
.input-base::placeholder{color:color-mix(in srgb, var(--colors-gray-400) var(--un-placeholder-opacity), transparent);}
}
@supports (color: color-mix(in lab, red, red)){
.btn-arcade{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.btn-ghost{color:color-mix(in oklab, var(--colors-gray-300) var(--un-text-opacity), transparent);}
.btn-secondary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.input-base{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.btn-ghost:hover{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.input-base::placeholder{color:color-mix(in oklab, var(--colors-gray-500) var(--un-placeholder-opacity), transparent);}
}
@supports (color: color-mix(in lab, red, red)){@media (prefers-color-scheme: light){
.btn-ghost{color:color-mix(in oklab, var(--colors-gray-600) var(--un-text-opacity), transparent);}
.btn-secondary{color:color-mix(in oklab, var(--colors-gray-800) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-gray-200) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-gray-100) 80%, transparent);}
.input-base{color:color-mix(in oklab, var(--colors-gray-900) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-gray-300) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.btn-ghost:hover{color:color-mix(in oklab, var(--colors-gray-900) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-gray-100) var(--un-bg-opacity), transparent);}
.card-glass{border-color:color-mix(in oklab, var(--colors-white) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-white) 80%, transparent);}
.btn-secondary:hover{background-color:color-mix(in oklab, var(--colors-gray-200) var(--un-bg-opacity), transparent);}
.input-base::placeholder{color:color-mix(in oklab, var(--colors-gray-400) var(--un-placeholder-opacity), transparent);}
}}
/* layer: default */
.tracking-normal{--un-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);}
.normal-case{text-transform:none;}
[stroke-width~="\32 "]{stroke-width:2px;}
[stroke-width~="\38 "]{stroke-width:8px;}