*{box-sizing:border-box}html,body,#root{min-height:100%}body,h1,h2,h3,h4,h5,h6{margin:0}:root{--color-black: #000000;--color-white: #ffffff;--color-grey-50: #f8f8f7;--color-grey-100: #efefed;--color-grey-200: #dcdcd9;--color-grey-300: #c6c6c2;--color-grey-400: #a9a9a4;--color-grey-500: #8a8a85;--color-grey-600: #6b6b66;--color-grey-700: #51514d;--color-grey-800: #373733;--color-grey-900: #1c1c1a;--color-blue-500: #2563eb;--color-blue-600: #1d4ed8;--color-red-500: #ef4444;--color-amber-500: #f59e0b;--color-green-500: #10b981;--color-green-600: #059669;--color-very-light-blue: #e3f4ff;--color-light-blue: #d6ecfa;--color-dark-reddish-brown: #8b2f1c;--color-brown: #a0522d;--color-bg: var(--color-very-light-blue);--color-surface: var(--color-light-blue);--color-text: var(--color-dark-reddish-brown);--color-muted: var(--color-brown);--color-border: var(--color-dark-reddish-brown);--color-primary: var(--color-dark-reddish-brown);--color-secondary: var(--color-grey-900);--color-accent: var(--color-grey-500);--color-warning: var(--color-amber-500);--color-error: var(--color-red-500);--color-success: var(--color-green-500);--shadow-color: rgba(0, 0, 0, .18);--disable-shadow-color: rgba(0, 0, 0, .35);--color-bg-dark: var(--color-dark-reddish-brown);--color-surface-dark: var(--color-brown);--color-text-dark: var(--color-very-light-blue);--color-muted-dark: var(--color-light-blue);--color-border-dark: var(--color-very-light-blue);--color-primary-dark: var(--color-very-light-blue);--color-secondary-dark: var(--color-grey-900);--color-accent-dark: var(--color-grey-500);--color-warning-dark: var(--color-amber-500);--color-error-dark: var(--color-red-500);--color-success-dark: var(--color-green-500);--shadow-color-dark: rgba(255, 255, 255, .12);--disable-shadow-color-dark: rgba(255, 255, 255, .35);--space-3xs: clamp(1px, .1vw, 2px);--space-2xs: clamp(2px, .2vw, 4px);--space-xs: clamp(4px, .35vw, 6px);--space-sm: clamp(6px, .6vw, 10px);--space-md: clamp(10px, 1vw, 16px);--space-lg: clamp(16px, 1.6vw, 24px);--space-xl: clamp(24px, 2.4vw, 32px);--space-2xl: clamp(32px, 3.6vw, 48px);--space-3xl: clamp(48px, 5.2vw, 72px);--font-size-3xs: clamp(4px, .3vw, 5px);--font-size-2xs: clamp(8px, .7vw, 9px);--font-size-xs: clamp(11px, .9vw, 12px);--font-size-sm: clamp(12px, 1vw, 14px);--font-size-md: clamp(14px, 1.2vw, 16px);--font-size-lg: clamp(18px, 1.6vw, 20px);--font-size-xl: clamp(22px, 2.2vw, 24px);--font-size-2xl: clamp(28px, 3vw, 32px);--font-size-3xl: clamp(36px, 4.2vw, 40px);--font-sans: ui-sans-serif, system-ui, -apple-system, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px 0 var(--shadow-color);--shadow-md: 0 6px 18px -4px var(--shadow-color);--shadow-lg: 0 14px 32px -10px var(--shadow-color)}html[data-theme=dark],body[data-theme=dark],[data-theme=dark]{--color-bg: var(--color-bg-dark);--color-surface: var(--color-surface-dark);--color-text: var(--color-text-dark);--color-muted: var(--color-muted-dark);--color-border: var(--color-border-dark);--color-primary: var(--color-primary-dark);--color-secondary: var(--color-secondary-dark);--color-accent: var(--color-accent-dark);--color-warning: var(--color-warning-dark);--color-error: var(--color-error-dark);--color-success: var(--color-success-dark);--shadow-color: var(--shadow-color-dark);--disable-shadow-color: var(--disable-shadow-color-dark)}*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.spinner{--size: clamp(24px, 6vw, 48px);--thickness: clamp(1px, .25vw, 2px);width:var(--size);height:var(--size);border:var(--thickness) solid transparent;border-radius:999px;color:var(--color-primary);border-top-color:currentColor;border-right-color:currentColor;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.drawer[data-open=true]{pointer-events:auto}.drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;transition:opacity var(--drawer-duration) var(--drawer-ease)}.drawer[data-open=true] .drawer__backdrop{opacity:1}.drawer__sheet{position:absolute;background:var(--color-bg);box-shadow:var(--shadow-lg);will-change:transform;transition:transform var(--drawer-duration) var(--drawer-ease)}.drawer[data-side=left] .drawer__sheet{top:0;left:0;height:100%;width:var(--drawer-width);max-width:var(--drawer-max-width);border-right:var(--space-3xs) solid var(--color-primary);transform:translate(-100%)}.drawer[data-open=true][data-side=left] .drawer__sheet{transform:translate(0)}.drawer[data-side=right] .drawer__sheet{top:0;right:0;height:100%;width:var(--drawer-width);max-width:var(--drawer-max-width);border-left:var(--space-3xs) solid var(--color-primary);transform:translate(100%)}.drawer[data-open=true][data-side=right] .drawer__sheet{transform:translate(0)}.drawer[data-side=top] .drawer__sheet{left:0;top:0;width:100%;height:var(--drawer-height);max-height:var(--drawer-max-height);border-bottom:var(--space-3xs) solid var(--color-primary);transform:translateY(-100%)}.drawer[data-open=true][data-side=top] .drawer__sheet{transform:translateY(0)}.drawer[data-side=bottom] .drawer__sheet{left:0;bottom:0;width:100%;height:var(--drawer-height);max-height:var(--drawer-max-height);border-top:var(--space-3xs) solid var(--color-primary);transform:translateY(100%)}.drawer[data-open=true][data-side=bottom] .drawer__sheet{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.drawer__backdrop,.drawer__sheet{transition:none}}
