:root{--ts-color-primary: #b4542e;--ts-color-primary-contrast: #ffffff;--ts-color-accent: #2e7d6b;--ts-color-accent-contrast: #ffffff;--ts-color-bg: #faf7f2;--ts-color-surface: #ffffff;--ts-color-surface-alt: #f1ece4;--ts-color-border: #ddd5c9;--ts-color-text: #26211c;--ts-color-text-muted: #6d655c;--ts-color-success: #2e7d32;--ts-color-warning: #9c5d00;--ts-color-danger: #b3261e;--ts-color-info: #20618f;--ts-color-age-fresh: #2e7d32;--ts-color-age-warn: #b26a00;--ts-color-age-late: #b3261e;--ts-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ts-font-size-sm: .875rem;--ts-font-size-md: 1rem;--ts-font-size-lg: 1.25rem;--ts-font-size-xl: 1.75rem;--ts-space-1: .25rem;--ts-space-2: .5rem;--ts-space-3: .75rem;--ts-space-4: 1rem;--ts-space-6: 1.5rem;--ts-space-8: 2rem;--ts-radius-sm: 6px;--ts-radius-md: 10px;--ts-radius-lg: 16px;--ts-shadow-1: 0 1px 3px rgb(0 0 0 / 12%);--ts-shadow-2: 0 4px 12px rgb(0 0 0 / 16%);--ts-touch-target: 44px}.ts-theme-dark{--ts-color-bg: #14110e;--ts-color-surface: #201c17;--ts-color-surface-alt: #2a251f;--ts-color-border: #3a332b;--ts-color-text: #f3ede4;--ts-color-text-muted: #a89e91}*{box-sizing:border-box}html,body{margin:0;min-height:100dvh}body{background:var(--ts-color-bg);color:var(--ts-color-text);font-family:var(--ts-font-family)}h2{margin-top:0}.card{background:var(--ts-color-surface);border:1px solid var(--ts-color-border);border-radius:var(--ts-radius-md);padding:var(--ts-space-6);margin-bottom:var(--ts-space-6);box-shadow:var(--ts-shadow-1)}.field{display:flex;flex-direction:column;gap:var(--ts-space-1)}.field__label{color:var(--ts-color-text-muted);font-size:var(--ts-font-size-sm)}.field__input{min-height:var(--ts-touch-target);padding:0 var(--ts-space-3);border:1px solid var(--ts-color-border);border-radius:var(--ts-radius-sm);background:var(--ts-color-surface);color:var(--ts-color-text);font:inherit}.field__input:focus-visible{outline:2px solid var(--ts-color-primary);outline-offset:1px}.button{min-height:var(--ts-touch-target);padding:0 var(--ts-space-4);border:1px solid transparent;border-radius:var(--ts-radius-sm);font:inherit;font-weight:600;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--ts-color-primary);color:var(--ts-color-primary-contrast)}.button--ghost{background:transparent;border-color:var(--ts-color-border);color:var(--ts-color-text)}.toggle{display:inline-flex;align-items:center;gap:var(--ts-space-2);cursor:pointer}.toggle input{width:1.15rem;height:1.15rem;accent-color:var(--ts-color-primary)}.banner{padding:var(--ts-space-3) var(--ts-space-4);border-radius:var(--ts-radius-sm);margin-bottom:var(--ts-space-4)}.banner--ok{background:color-mix(in srgb,var(--ts-color-success) 12%,transparent);color:var(--ts-color-success)}.banner--error{background:color-mix(in srgb,var(--ts-color-danger) 12%,transparent);color:var(--ts-color-danger)}.chip{display:inline-block;padding:0 var(--ts-space-2);border-radius:999px;font-size:var(--ts-font-size-sm)}.chip--ok{background:color-mix(in srgb,var(--ts-color-success) 15%,transparent);color:var(--ts-color-success)}.chip--off{background:var(--ts-color-surface-alt);color:var(--ts-color-text-muted)}.chip--pending{background:color-mix(in srgb,var(--ts-color-warning) 15%,transparent);color:var(--ts-color-warning);margin-left:var(--ts-space-2)}.muted{color:var(--ts-color-text-muted)}.card--danger{border-color:color-mix(in srgb,var(--ts-color-danger) 45%,var(--ts-color-border))}.button--danger{color:var(--ts-color-danger);border-color:currentcolor}