:root{--c-bg:#eef1f0;--c-surface:#fff;--c-surface-2:#f6f8f7;--c-ink:#17212b;--c-ink-2:#55616b;--c-ink-3:#85909a;--c-rule:#cbd3d1;--c-rule-soft:#e2e7e6;--c-accent:#1f5e73;--c-accent-hover:#174a5b;--c-accent-soft:#e1ecef;--c-select:#d9822b;--c-select-soft:#f8e3cb;--c-hover:#f0b46e;--c-ok:#2e7d4f;--c-ok-soft:#e1f0e6;--c-danger:#b42318;--c-danger-soft:#fbe5e2;--c-warn:#9a6100;--c-warn-soft:#fbefd9;--c-muted-soft:#eceff1;--d-ink:#1b2a35;--d-fill:#dfe8e7;--d-fill-hover:#f6d3a8;--d-fill-select:#f2b877;--d-dim:#3d5a6b;--d-neighbour:#8a6d3b;--d-ground:#6b5b45;--font-sans:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:19px;--radius-sm:3px;--radius-md:5px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--topbar-h:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{image-orientation:none}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-md);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;line-height:1.4}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:var(--fs-xl);font-weight:600}h2{font-size:var(--fs-lg);font-weight:600}h3{font-size:var(--fs-md);font-weight:600}:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.btn{justify-content:center;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);border:1px solid var(--c-rule);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-ink);font:inherit;white-space:nowrap;cursor:pointer;display:inline-flex}.btn:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-ink-3);text-decoration:none}.btn:disabled{color:var(--c-ink-3);cursor:not-allowed}.btn-primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn-primary:disabled{background:var(--c-ink-3);border-color:var(--c-ink-3);color:#fff}.btn-danger{color:var(--c-danger)}.btn-danger-solid{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn-danger-solid:hover:not(:disabled){background:#8f1c13;border-color:#8f1c13}.btn-small{height:24px;padding:0 var(--space-2);font-size:var(--fs-sm)}.segmented{border:1px solid var(--c-rule);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segmented button{height:26px;padding:0 var(--space-3);border:0;border-left:1px solid var(--c-rule);background:var(--c-surface);color:var(--c-ink-2);font:inherit;cursor:pointer}.segmented button:first-child{border-left:0}.segmented button[aria-pressed=true]{background:var(--c-accent);color:#fff}.field{gap:var(--space-1);flex-direction:column;display:flex}.field>span{font-size:var(--fs-sm);color:var(--c-ink-2)}.input,.select{height:30px;padding:0 var(--space-2);border:1px solid var(--c-rule);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-ink);font:inherit}.input:focus,.select:focus{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-soft);outline:none}.check{align-items:center;gap:var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.alert{padding:var(--space-2) var(--space-3);border-left:3px solid var(--c-danger);background:var(--c-danger-soft);color:var(--c-danger)}.notice{padding:var(--space-2) var(--space-3);border-left:3px solid var(--c-ok);background:var(--c-ok-soft);color:var(--c-ok)}.muted{color:var(--c-ink-2)}.badge{border-radius:var(--radius-sm);background:var(--c-muted-soft);color:var(--c-ink-2);font-size:var(--fs-sm);white-space:nowrap;padding:1px 6px;display:inline-block}.badge[data-tone=ok]{background:var(--c-ok-soft);color:var(--c-ok)}.badge[data-tone=busy]{background:var(--c-accent-soft);color:var(--c-accent)}.badge[data-tone=warn]{background:var(--c-warn-soft);color:var(--c-warn)}.badge[data-tone=error]{background:var(--c-danger-soft);color:var(--c-danger)}.table{border-collapse:collapse;background:var(--c-surface);width:100%}.table th,.table td{padding:6px var(--space-2);border-bottom:1px solid var(--c-rule-soft);text-align:left;vertical-align:top}.table th{background:var(--c-surface-2);color:var(--c-ink-2);font-size:var(--fs-sm);border-bottom-color:var(--c-rule);white-space:nowrap;font-weight:600}.table td.num,.table th.num{text-align:right}.table tbody tr:hover{background:var(--c-surface-2)}.dialog{border:1px solid var(--c-rule);border-radius:var(--radius-md);background:var(--c-surface);width:min(440px,100vw - 32px);color:var(--c-ink);margin:auto;padding:0;box-shadow:0 12px 32px #17212b38}.dialog::backdrop{background:#17212b59}.dialog-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.dialog-actions{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--c-rule-soft);background:var(--c-surface-2);display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}