:root{--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-6: 24px;--ui-space-8: 32px;--ui-space-12: 48px;--ui-page-gutter: clamp(16px, 2.5vw, 32px);--ui-content-width: 1120px;--ui-wide-content-width: 1384px;--ui-wide-page-gutter: 28px;--ui-radius-sm: 4px;--ui-radius-md: 8px;--ui-text-sm: 12px;--ui-text-md: 13px;--ui-text-lg: 14px;--ui-text-section: 16px;--ui-text-title: 20px;--ui-control-height: 32px;--ui-control-height-comfortable: 36px;--ui-control-height-touch: 44px;--ui-focus-width: 2px;--ui-focus-offset: 2px;--ui-focus-color: var(--text)}.ui-icon{display:inline-block;width:16px;height:16px;flex:none;vertical-align:middle}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:var(--ui-control-height);min-width:var(--ui-control-height);padding:var(--ui-space-1) var(--ui-space-3);border:1px solid var(--line-strong);border-radius:var(--ui-radius-sm);color:var(--text);background:var(--panel);font:500 var(--ui-text-md)/1.4 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer}.ui-button--ghost{border-color:transparent;color:var(--muted);background:transparent}.ui-button:hover:not(:disabled):not([aria-disabled=true]){color:var(--text);background:var(--panel-2)}.ui-button--primary,.ui-button--primary:hover:not(:disabled){color:var(--selection-text);background:var(--selection-bg);border-color:transparent}.ui-button--primary:hover:not(:disabled){box-shadow:inset 0 0 0 1px currentColor}.ui-button--danger{border-color:var(--fg-red)}.ui-button[aria-pressed=true],.ui-button[data-active=true],.ui-segmented>.ui-button[aria-current=page],.ui-button[aria-pressed=true]:hover:not(:disabled),.ui-button[data-active=true]:hover:not(:disabled),.ui-segmented>.ui-button[aria-current=page]:hover:not(:disabled){color:var(--selection-text);background:var(--selection-bg);border-color:transparent}.ui-button:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus-color);outline-offset:var(--ui-focus-offset)}.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ui-filter-group{display:inline-flex;align-items:center;gap:var(--ui-space-1);padding:var(--ui-space-1);border:1px solid var(--line);border-radius:var(--ui-radius-md);background:var(--panel)}.ui-segmented{flex-wrap:wrap}.ui-segmented__count{min-width:18px;padding:0 5px;border-radius:9px;color:var(--on-accent);background:var(--fg-red);font:700 10px/16px var(--sans);text-align:center}.ui-field{display:inline-flex;align-items:center;gap:var(--ui-space-2);min-width:0;max-width:100%;color:var(--muted);font:400 var(--ui-text-md)/1.5 var(--sans)}.ui-field input,.ui-field select{min-width:0;max-width:240px;width:100%;height:var(--ui-control-height);padding:0 var(--ui-space-2);border:1px solid var(--line-strong);border-radius:var(--ui-radius-sm);background:var(--panel);color:var(--text);font:inherit}.ui-field input:focus-visible,.ui-field select:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus-color);outline-offset:var(--ui-focus-offset)}.ui-search-input{width:100%;min-width:0;min-height:var(--ui-control-height);box-sizing:border-box;padding:0 var(--ui-space-2);border:1px solid var(--line-strong);border-radius:var(--ui-radius-sm);color:var(--text);background:var(--panel);font:400 var(--ui-text-md)/1.4 var(--sans)}.ui-search-input:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus-color);outline-offset:var(--ui-focus-offset)}.ui-textarea{width:100%;min-height:74px;box-sizing:border-box;resize:vertical;padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--line-strong);border-radius:var(--ui-radius-sm);color:var(--text);background:var(--panel);font:400 var(--ui-text-md)/1.55 var(--sans)}.ui-textarea:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus-color);outline-offset:var(--ui-focus-offset)}.ui-form-field,.ui-form-fields>label{min-width:0;display:grid;gap:var(--ui-space-2);color:var(--muted);font:500 var(--ui-text-sm)/1.5 var(--sans)}:is(.ui-form-field,.ui-form-fields>label)>:is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;min-height:var(--ui-control-height-comfortable);box-sizing:border-box;padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--line-strong);border-radius:var(--ui-radius-sm);color:var(--text);background:var(--panel);font:400 var(--ui-text-md)/1.5 var(--sans)}:is(.ui-form-field,.ui-form-fields>label)>textarea{resize:vertical}:is(.ui-form-field,.ui-form-fields>label)>:is(input,select,textarea):focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus-color);outline-offset:var(--ui-focus-offset)}:is(.ui-form-field,.ui-form-fields>label)>:is(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}:is(.ui-form-field,.ui-form-fields>label)>:is(input,select,textarea):is([aria-invalid=true],:user-invalid){border-color:var(--fg-red)}:is(.ui-form-field,.ui-form-fields>label)>[role=alert]{padding-left:var(--ui-space-2);border-left:2px solid var(--fg-red);color:var(--text)}.ui-confirm-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--ui-space-4);background:rgb(from var(--bg) r g b / .72)}.ui-confirm-dialog{width:min(100%,430px);display:grid;gap:var(--ui-space-4);padding:var(--ui-space-6);border:1px solid var(--line-strong);border-radius:var(--ui-radius-md);color:var(--text);background:var(--panel);box-shadow:0 28px 90px rgb(from var(--shadow) r g b / .4)}.ui-confirm-dialog :is(h2,p){margin:0}.ui-confirm-dialog h2{font:600 var(--ui-text-title)/1.3 var(--heading)}.ui-confirm-dialog p{color:var(--muted);font:var(--ui-text-md)/1.6 var(--sans)}.ui-confirm-dialog p[role=alert]{padding-left:var(--ui-space-2);border-left:2px solid var(--fg-red);color:var(--text)}.ui-confirm-dialog footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--ui-space-2)}@media(pointer:coarse){.ui-button{min-width:var(--ui-control-height-touch)}.ui-button,.ui-field input,.ui-field select,.ui-search-input,.ui-textarea,:is(.ui-form-field,.ui-form-fields>label)>:is(input,select,textarea){min-height:var(--ui-control-height-touch)}}.ui-badge{--badge-ink: var(--muted);display:inline-flex;align-items:center;gap:var(--ui-space-1);max-width:100%;padding:var(--ui-space-1) var(--ui-space-2);border-radius:var(--ui-radius-sm);color:var(--badge-ink);background:color-mix(in srgb,var(--badge-ink) 8%,transparent);font:500 var(--ui-text-sm)/1.4 var(--sans);overflow-wrap:anywhere}.ui-badge--positive{--badge-ink: var(--fg-green)}.ui-badge--warning{--badge-ink: var(--fg-peach)}.ui-badge--danger{--badge-ink: var(--fg-red);background:color-mix(in srgb,var(--badge-ink) 4%,transparent)}.ui-badge--accent{--badge-ink: var(--fg-mauve)}.ui-notice{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-8) var(--ui-space-6);color:var(--muted);text-align:center;font:400 var(--ui-text-md)/1.6 var(--sans)}.ui-notice p{margin:0;max-width:52ch}.ui-notice a{color:var(--fg-blue)}.ui-notice--error>.ui-icon{color:var(--fg-red)}.ui-icon--spinning{animation:ui-spin 1s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-icon--spinning{animation:none}}.ui-checkbox{display:flex;align-items:flex-start;gap:var(--ui-space-2);min-width:0;color:var(--text);font:400 var(--ui-text-md)/1.5 var(--sans);cursor:pointer}.ui-checkbox input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--fg-mauve)}.ui-checkbox input:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus-color);outline-offset:var(--ui-focus-offset)}.ui-checkbox:has(input:disabled){opacity:.55;cursor:not-allowed}.ui-checkbox-field{display:grid;min-width:0}.ui-checkbox__hint{padding-left:calc(16px + var(--ui-space-2))}.ui-checkbox__hint{color:var(--muted);font:400 var(--ui-text-sm)/1.5 var(--sans)}
