:root{--color-bg: #faf7f0;--color-surface: #ffffff;--color-surface-raised: #fff9ee;--color-border: #e8dfc8;--color-border-strong: #d3c6a0;--color-divider: #f0eadc;--color-text: #2b2620;--color-text-muted: #6b5f4d;--color-text-faint: #9c8e73;--color-primary: #8a5a05;--color-primary-hover: #703f03;--color-primary-bg: #fbf0d9;--color-accent: #7c2d12;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-success: #2f6f4e;--color-success-bg: #eaf3ec;--color-success-border: #bfdcc9;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-overlay: rgb(0 0 0 / .4);--color-on-primary: #ffffff;--color-on-danger: #ffffff;--color-on-success: #ffffff;--shadow-sm: 0 1px 2px rgb(0 0 0 / .05);--shadow-md: 0 8px 24px rgb(0 0 0 / .08);--radius-sm: 6px;--radius-md: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}:root[data-theme=dark]{--color-bg: #1a1613;--color-surface: #242019;--color-surface-raised: #2c2620;--color-border: #3a3226;--color-border-strong: #4a4030;--color-divider: #2e2820;--color-text: #ede6d8;--color-text-muted: #b3a78e;--color-text-faint: #7a6e58;--color-primary: #d9a441;--color-primary-hover: #e8b85c;--color-primary-bg: #3a2f14;--color-accent: #c2703f;--color-danger: #f87171;--color-danger-bg: #3a1f1f;--color-danger-border: #5c2b2b;--color-success: #4f9e76;--color-success-bg: #16241c;--color-success-border: #2f4a3a;--color-warning: #fbbf24;--color-warning-bg: #3a2e12;--color-warning-border: #5c4a1f;--color-overlay: rgb(0 0 0 / .6);--color-on-primary: #1a1613;--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 8px 24px rgb(0 0 0 / .5)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif;transition:background-color .15s ease,color .15s ease}#app{min-height:100vh}a,button{transition:opacity .12s ease,background-color .12s ease,border-color .12s ease}a:hover{opacity:.75}button:not(:disabled):hover{filter:brightness(.96)}:root[data-theme=dark] button:not(:disabled):hover{filter:brightness(1.12)}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}