:root{--font-display: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-body: system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--tracking-caps: .12em}:root,[data-theme=light]{--canvas: #faf9f5;--surface: #f5f0e8;--card: #efe9de;--card-raised: #e8e0d2;--hairline: #e0d8cb;--hairline-soft: #ebe6df;--ink: #141413;--body: #3d3d3a;--muted: #6c6a64;--muted-soft: #8e8b82;--coral: #cc785c;--coral-active: #a9583e;--on-coral: #fdfcfa;--success: #4f9c63;--warning: #c08a1a;--error: #c64545;--good-holz: #6b8f5e;--good-erz: #b8863b;--city: #cc785c;--map-grid: #ece5d8;--map-route: #bdb1a0;--map-node-fill: #fdfcfa;--truck-empty: #a49a8c;--shadow: 0 1px 2px rgba(20, 20, 19, .06), 0 4px 12px rgba(20, 20, 19, .05)}[data-theme=dark]{--canvas: #181715;--surface: #1f1e1b;--card: #252320;--card-raised: #2d2b27;--hairline: #35322c;--hairline-soft: #2b2924;--ink: #faf9f5;--body: #d9d5cc;--muted: #8e8b82;--muted-soft: #6c6a64;--coral: #d9835f;--coral-active: #e79c7c;--on-coral: #1a1408;--success: #6bc47e;--warning: #dcae3a;--error: #e0645f;--good-holz: #79bd7f;--good-erz: #e0a355;--city: #d9835f;--map-grid: #211f1c;--map-route: #4a443c;--map-node-fill: #201e1b;--truck-empty: #6c6a64;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--canvas);color:var(--body);font-family:var(--font-body);font-size:14px;font-variant-numeric:tabular-nums;overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--hairline);flex-shrink:0}.wordmark{font-family:var(--font-display);font-size:21px;font-weight:400;letter-spacing:.16em;color:var(--ink);padding-right:var(--space-xs)}.stat{display:flex;flex-direction:column;line-height:1.3}.stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--muted)}.stat-value{font-size:18px;font-weight:500;color:var(--ink)}.stat-value.alarm{color:var(--error)}.goal{width:180px}.goal-track{height:5px;margin-top:6px;border-radius:var(--radius-pill);background:var(--card-raised);overflow:hidden}.goal-fill{height:100%;width:0%;border-radius:var(--radius-pill);background:var(--coral);transition:width .35s ease}.spacer{flex:1}.btn-group{display:flex;gap:var(--space-xxs)}.btn-group button{font:inherit;font-size:12px;font-weight:500;padding:7px 12px;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--hairline);border-radius:var(--radius-sm);transition:color .12s,border-color .12s,background .12s}.btn-group button:hover{color:var(--ink);border-color:var(--muted-soft)}.btn-group button[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:var(--on-coral)}#theme-toggle[aria-pressed=true]{background:transparent;border-color:var(--hairline);color:var(--muted)}#theme-toggle[aria-pressed=true]:hover{color:var(--ink);border-color:var(--muted-soft)}.main{flex:1;display:flex;min-height:0}.map-wrap{flex:1;position:relative;min-width:0}canvas{display:block;width:100%;height:100%}.sidebar{width:288px;flex-shrink:0;padding:var(--space-md);background:var(--surface);border-left:1px solid var(--hairline);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar h2{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--muted)}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-md)}.card-title{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:18px;color:var(--ink);margin-bottom:var(--space-sm)}.swatch{width:10px;height:10px;border-radius:var(--radius-pill);flex-shrink:0}.kv{display:flex;justify-content:space-between;gap:var(--space-xs);padding:3px 0;font-size:13px;color:var(--muted)}.kv strong{color:var(--ink);font-weight:500}.meter{height:6px;margin:8px 0 4px;border-radius:var(--radius-pill);background:var(--card-raised);overflow:hidden}.meter>i{display:block;height:100%;border-radius:var(--radius-pill);transition:width .15s linear}.action{width:100%;margin-top:var(--space-sm);padding:10px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;color:var(--on-coral);background:var(--coral);border:1px solid var(--coral);border-radius:var(--radius-md);transition:background .12s,border-color .12s}.action:hover:not(:disabled){background:var(--coral-active);border-color:var(--coral-active)}.action:disabled{background:var(--card-raised);border-color:var(--hairline);color:var(--muted-soft);cursor:not-allowed}.action.secondary{background:transparent;color:var(--muted);border-color:var(--hairline)}.action.secondary:hover{color:var(--error);border-color:var(--error);background:transparent}.hint-body{font-size:13px;line-height:1.65;color:var(--muted)}.hint-body strong{color:var(--ink);font-weight:500}kbd{font:inherit;font-size:11px;padding:1px 5px;background:var(--card-raised);border:1px solid var(--hairline);border-radius:var(--radius-xs);color:var(--body)}.statusbar{flex-shrink:0;padding:10px var(--space-lg);font-size:13px;color:var(--muted);background:var(--surface);border-top:1px solid var(--hairline)}.statusbar strong{color:var(--coral);font-weight:500}.overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);background:color-mix(in srgb,var(--canvas) 88%,transparent);backdrop-filter:blur(4px)}.overlay[data-open=true]{display:flex}.overlay h1{font-family:var(--font-display);font-size:40px;font-weight:400;letter-spacing:-.01em;color:var(--ink)}.overlay p{max-width:400px;text-align:center;line-height:1.65;color:var(--muted)}.overlay .action{width:190px}#saves{width:min(560px,92vw);padding:var(--space-lg);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);color:var(--body);box-shadow:var(--shadow)}#saves::backdrop{background:#0006;backdrop-filter:blur(3px)}#saves h2{font-family:var(--font-display);font-size:22px;font-weight:400;color:var(--ink);margin-bottom:var(--space-md)}#saves-list{display:flex;flex-direction:column;gap:var(--space-xs)}.saves-error{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:13px;color:var(--error);border:1px solid var(--error);border-radius:var(--radius-sm)}.save-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-xxs) var(--space-sm);align-items:center;padding:var(--space-sm);background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-md)}.save-row[data-active=true]{border-color:var(--coral)}.save-row .btn-group{grid-row:span 2}.save-name{font:inherit;font-size:15px;color:var(--ink);width:100%;padding:2px var(--space-xxs);margin-left:calc(var(--space-xxs) * -1);background:transparent;border:1px solid transparent;border-radius:var(--radius-xs)}.save-name:hover{border-color:var(--hairline-soft)}.save-name:focus{outline:none;border-color:var(--coral);background:var(--canvas)}.save-meta{font-size:13px;color:var(--muted)}.saves-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--hairline)}.saves-actions .action{flex:1}