:root{--warm-white: #FAF6F2;--earth-900: #3E2723;--earth-800: #4E342E;--earth-700: #5D4037;--earth-600: #6D4C41;--earth-500: #795548;--earth-400: #8D6E63;--earth-300: #A1887F;--earth-200: #BCAAA4;--earth-100: #D7CCC8;--earth-50: #EFEBE9;--sage-950: #1A3A1F;--sage-900: #1C4A24;--sage-800: #225A2A;--sage-700: #286A30;--sage-600: #2E7D33;--sage-500: #43A047;--sage-400: #66BB6A;--sage-300: #81C784;--sage-200: #A5D6A7;--sage-100: #C8E6C9;--sage-50: #E8F5E9;--gold-900: #8B6914;--gold-700: #B8891B;--gold-600: #C9A227;--gold-500: #E6B333;--gold-400: #F5C842;--red-900: #8B2C1F;--red-700: #A73528;--red-600: #C0392B;--red-500: #E74C3C;--blue-600: #1976D2;--blue-500: #2196F3;--background: var(--warm-white);--foreground: var(--earth-900);--primary: var(--sage-600);--primary-foreground: var(--warm-white);--secondary: var(--earth-600);--secondary-foreground: var(--warm-white);--accent: var(--gold-600);--accent-foreground: var(--earth-900);--card: #FFFFFF;--card-foreground: var(--earth-900);--muted: #F1EAE3;--muted-foreground: var(--earth-700);--destructive: var(--red-600);--destructive-foreground: var(--warm-white);--border: #E4D9CE;--input: #E4D9CE;--ring: var(--sage-600);--sidebar-bg: #1C2A1F;--sidebar-fg: #E8EFE8;--sidebar-hover: #2E4433;--sidebar-active: var(--sage-700);--sidebar-width: 260px;--risk-0: var(--sage-600);--risk-1: var(--gold-600);--risk-2: #E08600;--risk-3: var(--red-600);--font-display: "Newsreader", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Menlo", "Monaco", "Consolas", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(62, 39, 35, .05);--shadow: 0 2px 4px 0 rgba(62, 39, 35, .08);--shadow-md: 0 4px 8px 0 rgba(62, 39, 35, .1);--shadow-lg: 0 8px 16px 0 rgba(62, 39, 35, .12);--shadow-xl: 0 16px 32px 0 rgba(62, 39, 35, .15);--ring-shadow: 0 0 0 3px rgba(46, 125, 51, .15);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--foreground);background:var(--background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--foreground)}.hue-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.5;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;white-space:nowrap}.hue-btn:focus-visible{outline:none;box-shadow:var(--ring-shadow)}.hue-btn--primary{background:var(--primary);color:var(--primary-foreground)}.hue-btn--primary:hover{background:var(--sage-700)}.hue-btn--secondary{background:var(--secondary);color:var(--secondary-foreground)}.hue-btn--secondary:hover{background:var(--earth-700)}.hue-btn--outline{background:transparent;color:var(--foreground);border:1px solid var(--border)}.hue-btn--outline:hover{background:var(--muted)}.hue-btn--ghost{background:transparent;color:var(--foreground)}.hue-btn--ghost:hover{background:var(--muted)}.hue-btn--destructive{background:var(--destructive);color:var(--destructive-foreground)}.hue-btn--sm{padding:var(--space-1) var(--space-3);font-size:13px}.hue-btn--lg{padding:var(--space-3) var(--space-6);font-size:15px}.hue-btn:disabled{opacity:.5;cursor:not-allowed}.hue-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.hue-card__header{padding:var(--space-6);border-bottom:1px solid var(--border)}.hue-card__title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--foreground)}.hue-card__desc{font-size:14px;color:var(--muted-foreground);margin-top:var(--space-1)}.hue-card__content{padding:var(--space-6)}.hue-card__footer{padding:var(--space-6);border-top:1px solid var(--border)}.hue-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:12px;font-weight:500;line-height:1.4;border-radius:var(--radius-sm);white-space:nowrap}.hue-badge--success{background:var(--sage-100);color:var(--sage-900)}.hue-badge--neutral{background:var(--earth-100);color:var(--earth-900)}.hue-badge--warning{background:var(--gold-100);color:var(--gold-900)}.hue-badge--destructive{background:#ffebee;color:var(--red-900)}.hue-badge--secondary{background:var(--muted);color:var(--muted-foreground)}.hue-badge--pill{border-radius:var(--radius-full)}.hue-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--foreground);background:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.hue-input:focus{outline:none;border-color:var(--ring);box-shadow:var(--ring-shadow)}.hue-input::placeholder{color:var(--muted-foreground)}.hue-table{width:100%;border-collapse:collapse;font-size:14px}.hue-table thead{background:var(--muted);border-bottom:1px solid var(--border)}.hue-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--foreground);font-size:13px;text-transform:uppercase;letter-spacing:.02em}.hue-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.hue-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.hue-table tbody tr:hover{background:var(--muted)}.risk-0{color:var(--risk-0)}.risk-1{color:var(--risk-1)}.risk-2{color:var(--risk-2)}.risk-3{color:var(--risk-3)}.risk-bg-0{background:var(--sage-100);color:var(--sage-900)}.risk-bg-1{background:var(--gold-100);color:var(--gold-900)}.risk-bg-2{background:#fff3e0;color:#bf360c}.risk-bg-3{background:#ffebee;color:var(--red-900)}.mono{font-family:var(--font-mono);font-size:13px;letter-spacing:-.01em}.hue-select{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:14px;color:var(--foreground);background:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.hue-select:focus{outline:none;border-color:var(--ring);box-shadow:var(--ring-shadow)}