:root{--fluent-bg: #ffffff;--fluent-surface: #fdfdfd;--fluent-surface-hover: #f3f2f1;--fluent-border: #edebe9;--fluent-border-strong: #8a8886;--fluent-text-primary: #323130;--fluent-text-secondary: #605e5c;--fluent-text-tertiary: #a19f9d;--fluent-brand: #0078d4;--fluent-brand-hover: #005a9e;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-sm: 0 1.6px 3.6px 0 rgba(0,0,0,.132), 0 .3px .9px 0 rgba(0,0,0,.108);--shadow-md: 0 3.2px 7.2px 0 rgba(0,0,0,.132), 0 .6px 1.8px 0 rgba(0,0,0,.108);--shadow-lg: 0 6.4px 14.4px 0 rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108);--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif}.fluent-card{background:var(--fluent-bg);border:1px solid var(--fluent-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.fluent-card:hover{box-shadow:var(--shadow-md);border-color:var(--fluent-border-strong)}.fluent-button-primary{background-color:var(--fluent-brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;cursor:pointer}.fluent-button-primary:hover{background-color:var(--fluent-brand-hover)}.fluent-input{border:1px solid var(--fluent-border-strong);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);outline:none}.fluent-input:focus{border-color:var(--fluent-brand);box-shadow:0 0 0 1px var(--fluent-brand)}