*{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:root{font-family:var(--font-text);font-size:var(--font-size-md);line-height:var(--line-height-md);color-scheme:light dark;color:var(--color-primary);background-color:var(--color-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--breakpoint-mobile: 480px;--drawer-top-gap: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--keyboard-height: 0px;--grid-top: max(var(--safe-top), var(--space-xs));--grid-bottom: max( max(var(--safe-bottom), var(--space-xs)), calc(var(--keyboard-height) + var(--space-xs)) )}#root{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;overscroll-behavior-y:none}html{overflow:hidden;overscroll-behavior-y:none}body{display:flex;flex-direction:column;margin:0;padding:0;height:100vh;box-sizing:border-box;overflow:hidden;overscroll-behavior-y:none}a{color:var(--color-accent);text-decoration:inherit}h1{font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:700;text-wrap:balance;margin:0}p{margin:0}input,textarea,code,.pre,.selectable{-webkit-user-select:text;user-select:text}@font-face{font-family:HLV;src:url(/assets/HelveticaNeue-Roman-DWB0Ll7Y.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:HLV;src:url(/assets/HelveticaNeueMedium-DQnz0clj.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-text: "HLV", Arial, sans-serif;--font-card: "Lora", Arial, sans-serif;--font-size-sm: 14px;--line-height-sm: 16px;--font-size-md: 16.8px;--line-height-md: 20px;--font-size-lg: 19.6px;--line-height-lg: 24px;--font-size-xl: 25.21px;--line-height-xl: 40px;--font-size-2xl: 40px;--line-height-2xl: 48px;--font-size-4xl: 60px;--line-height-4xl: 64px;--space-3xs: 4px;--space-2xs: 8px;--space-xs: 12px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 64px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--color-accent: var(--color-theme-yellow);--color-accent-hover: var(--color-theme-yellow-hover);--color-accent-b: oklch(from var(--color-accent) l c h / .1);--color-accent-b-hover: oklch(from var(--color-accent-hover) l c h / .1);--color-primary-on-accent: var(--color-primary-inverted);--color-secondary: oklch(from var(--color-primary) l c h / .5);--color-secondary-inverted: oklch(from var(--color-primary-inverted) l c h / .5);--color-secondary-on-accent: var(--color-secondary-inverted);--color-tertiary: oklch(from var(--color-primary) l c h / .3);--color-danger: oklch(.72 .22 33);--color-danger-hover: oklch(.62 .22 33);--color-danger-b: oklch(from var(--color-danger) l c h / .1);--color-danger-b-hover: oklch(from var(--color-danger-hover) l c h / .1);--color-black: #000000;--color-gray-950: #141414;--color-gray-900: #242424;--color-gray-100: #f0f0f0;--color-gray-50: #f5f5f5;--color-white: #fafafa;--color-yellow-400: oklch(.894 .167 90);--color-yellow-500: oklch(.868 .205 90);--color-yellow-600: oklch(.747 .177 80);--color-yellow-700: oklch(.716 .17 80);--color-red-400: oklch(.8 .152 40);--color-red-500: oklch(.776 .174 40);--color-red-600: oklch(.682 .262 30);--color-red-700: oklch(.646 .281 30);--color-blue-400: oklch(.784 .124 250);--color-blue-500: oklch(.758 .14 250);--color-blue-600: oklch(.657 .205 250);--color-blue-700: oklch(.626 .225 250);--color-green-400: oklch(.862 .326 140);--color-green-500: oklch(.836 .317 140);--color-green-600: oklch(.699 .265 140);--color-green-700: oklch(.667 .253 140);--color-violet-400: oklch(.802 .147 310);--color-violet-500: oklch(.776 .169 310);--color-violet-600: oklch(.687 .244 310);--color-violet-700: oklch(.656 .27 310);--color-gray-400: #dcdcdc;--color-gray-500: #d3d3d3;--color-gray-600: #5b5b5b;--color-gray-700: #505050;--animation-duration: .2s;--animation-duration-slow: .5s;--animation-delay: .15s;--animation-easing: ease-in}@media (prefers-color-scheme: dark){:root{--color-theme-yellow: var(--color-yellow-500);--color-theme-yellow-hover: var(--color-yellow-400);--color-theme-red: var(--color-red-500);--color-theme-red-hover: var(--color-red-400);--color-theme-blue: var(--color-blue-500);--color-theme-blue-hover: var(--color-blue-400);--color-theme-green: var(--color-green-500);--color-theme-green-hover: var(--color-green-400);--color-theme-violet: var(--color-violet-500);--color-theme-violet-hover: var(--color-violet-400);--color-theme-gray: var(--color-gray-500);--color-theme-gray-hover: var(--color-gray-400);--color-canvas: var(--color-black);--color-elevation: var(--color-gray-950);--color-elevation-hover: var(--color-gray-900);--color-transparent-hover: oklch(from var(--color-primary) l c h / .1);--color-primary: var(--color-white);--color-primary-inverted: var(--color-black);--color-border: oklch(from var(--color-primary) l c h / .1);--color-backdrop: oklch(from var(--color-gray-950) l c h / .8);--color-button-shadow: oklch(from var(--color-black) l c h / .5);--color-danger-hover: #ff846b}}@media (prefers-color-scheme: light){:root{--color-theme-yellow: var(--color-yellow-600);--color-theme-yellow-hover: var(--color-yellow-700);--color-theme-red: var(--color-red-600);--color-theme-red-hover: var(--color-red-700);--color-theme-blue: var(--color-blue-600);--color-theme-blue-hover: var(--color-blue-700);--color-theme-green: var(--color-green-600);--color-theme-green-hover: var(--color-green-700);--color-theme-violet: var(--color-violet-600);--color-theme-violet-hover: var(--color-violet-700);--color-theme-gray: var(--color-gray-600);--color-theme-gray-hover: var(--color-gray-700);--color-canvas: var(--color-white);--color-elevation: var(--color-gray-50);--color-elevation-hover: var(--color-gray-100);--color-transparent-hover: oklch(from var(--color-primary) l c h / .03);--color-primary: var(--color-black);--color-primary-inverted: var(--color-white);--color-border: oklch(from var(--color-primary) l c h / .05);--color-backdrop: oklch(from var(--color-gray-100) l c h / .8);--color-button-shadow: oklch(from var(--color-black) l c h / .08);--color-danger-hover: #ff5837}}
