:root{--color-primary: #b2184a;--color-primary-light: #d53661;--color-primary-dark: #900037;--color-primary-container: #d53661;--color-primary-container-dark: #ffb2bd;--color-on-primary: #ffffff;--color-on-primary-container: #fffbff;--color-on-primary-container-dark: #400014;--color-surface-tint: #b61b4c;--color-secondary: #a53c17;--color-secondary-container: #ff7e54;--color-secondary-fixed: #ffdbd0;--color-secondary-fixed-dim: #ffb59e;--color-on-secondary: #ffffff;--color-on-secondary-container: #6d1d00;--color-on-secondary-fixed: #ffffff;--color-on-secondary-fixed-variant: #842500;--color-day-secondary-surface: #F4EBDE;--color-tertiary: #006b32;--color-tertiary-container: #008741;--color-tertiary-fixed: #82fba1;--color-tertiary-fixed-dim: #65de88;--color-on-tertiary: #ffffff;--color-on-tertiary-container: #f7fff3;--color-on-tertiary-fixed: #00210b;--color-on-tertiary-fixed-variant: #005225;--color-surface: #fff8f5;--color-surface-bright: #fff8f5;--color-surface-dim: #e9d6cd;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #fff1ea;--color-surface-container: #fdeae0;--color-surface-container-high: #f7e5db;--color-surface-container-highest: #f2dfd5;--color-surface-variant: #f2dfd5;--color-background: #fff8f5;--color-day-bg: #F8F1E7;--color-day-surface: #FFFDF9;--color-on-surface: #231a14;--color-on-surface-variant: #594044;--color-on-background: #231a14;--color-on-inverse-surface: #ffede4;--color-outline: #8d7073;--color-outline-variant: #e1bec2;--color-error: #ba1a1a;--color-error-container: #ffdad6;--color-on-error: #ffffff;--color-on-error-container: #93000a;--color-online: #3A9E69;--color-highlight-pink: #FF4D87;--color-inverse-primary: #ffb2bd;--color-inverse-surface: #392e28;--color-night-bg: #170E13;--color-night-surface: #241620;--color-night-card: #31202C;--color-night-text: #F8E9EF;--spacing-unit: 4px;--spacing-stack-sm: 8px;--spacing-stack-md: 16px;--spacing-stack-lg: 32px;--spacing-stack-xl: 48px;--spacing-gutter: 24px;--spacing-container-max-width: 1200px;--spacing-margin-desktop: 40px;--spacing-margin-mobile: 16px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-family-label: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-headline: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-body: "Hanken Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-spring: cubic-bezier(.16, 1, .3, 1);--layout-side-nav-width: 256px;--layout-top-nav-height: 64px;--layout-z-side-nav: 1040;--layout-z-top-nav: 1030;--layout-z-drawer: 1050;--layout-z-modal: 1050;--layout-z-tooltip: 1070}.dark{--color-primary: #ffb2bd;--color-primary-light: #ffd9dd;--color-primary-dark: #ffb2bd;--color-primary-container: #900037;--color-on-primary: #400014;--color-on-primary-container: #fffbff;--color-surface: #241620;--color-surface-bright: #241620;--color-surface-dim: #170E13;--color-surface-container-lowest: #31202C;--color-surface-container-low: #2d1e27;--color-surface-container: #362530;--color-surface-container-high: #3f2e3a;--color-surface-container-highest: #4a3845;--color-surface-variant: #4a3845;--color-background: #170E13;--color-day-bg: #170E13;--color-day-surface: #241620;--color-on-surface: #F8E9EF;--color-on-surface-variant: #c9b8be;--color-on-background: #F8E9EF;--color-outline: #a48d92;--color-outline-variant: #594044}*{box-sizing:border-box}body{font-family:var(--font-family-body);background-color:var(--color-background);color:var(--color-on-surface);line-height:1.6;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-stack-sm)}.gap-md{gap:var(--spacing-stack-md)}.gap-lg{gap:var(--spacing-stack-lg)}.font-label{font-family:var(--font-family-label)}.font-headline{font-family:var(--font-family-headline)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition-all{transition-property:all;transition-duration:var(--duration-normal);transition-timing-function:var(--easing-standard)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-duration:var(--duration-normal);transition-timing-function:var(--easing-standard)}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}