@font-face{font-family:Outfit;src:url(../media/Outfit-Variable.2azsq3ebmffex.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Quicksand;src:url(../media/Quicksand-Variable.355a8gf8yobpe.ttf)format("truetype");font-style:normal;font-weight:300 700;font-display:swap}
:root,[data-brocco-theme]{--brocco-font-body:"Outfit", system-ui, sans-serif;--brocco-font-ui:"Quicksand", system-ui, sans-serif;--brocco-font-heading:var(--brocco-font-ui);--brocco-radius-control:14px;--brocco-radius-panel:14px;--brocco-radius-pill:999px;--brocco-focus-width:3px;--brocco-focus-offset:4px;--brocco-heading-tracking:-.03em;--brocco-heading-leading:1.05;--brocco-space-1:4px;--brocco-space-2:8px;--brocco-space-3:12px;--brocco-space-4:16px;--brocco-space-6:24px;--brocco-space-8:32px;--brocco-space-12:48px;--brocco-text-small:.875rem;--brocco-text-body:1rem;--brocco-text-title:1.5rem}:root,[data-brocco-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brocco-page:#f1f0e9;--brocco-surface:#faf9f4;--brocco-surface-raised:#e3f6e9;--brocco-surface-hover:#eaece4;--brocco-surface-pressed:#dce1d6;--brocco-text:#0f1411;--brocco-text-muted:#4c564f;--brocco-border:#cbc9bf;--brocco-border-control:#7b897e;--brocco-accent:#2d9b5f;--brocco-accent-surface:#ccefd8;--brocco-accent-hover:#b8e8c9;--brocco-accent-pressed:#a7e3c2;--brocco-accent-ink:#155b38;--brocco-accent-text:#155b38;--brocco-current:#e3f6e9;--brocco-current-ink:#155b38;--brocco-link:#137a40;--brocco-link-hover:#0f6f39;--brocco-focus-ring:#23804b;--brocco-switch-off:#68786d;--brocco-switch-on:#23804b;--brocco-switch-thumb:#faf9f4;--brocco-danger:#a52b32;--brocco-danger-surface:#fce9e7;--brocco-danger-button-surface:#b93c48;--brocco-danger-button-hover:#a8333e;--brocco-danger-button-pressed:#942b36;--brocco-danger-button-ink:#fff;--brocco-danger-focus-ring:#b93c48;--brocco-success:#155b38;--brocco-success-surface:#e3f6e9;--brocco-warning:#795300;--brocco-warning-surface:#fff0c2;--brocco-success-bar:#2d9b5f;--brocco-warning-bar:#c98918;--brocco-danger-bar:#c95b50;--brocco-live:#d42037;--brocco-on-live:#fff;--brocco-shadow-float:0 8px 24px #252b271a}[data-brocco-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brocco-page:#0f1411;--brocco-surface:#191d19;--brocco-surface-raised:#202720;--brocco-surface-hover:#252d27;--brocco-surface-pressed:#303a33;--brocco-text:#faf9f4;--brocco-text-muted:#a5aea8;--brocco-border:#303a33;--brocco-border-control:#7d8e82;--brocco-accent:#2d9b5f;--brocco-accent-surface:#a7e3c2;--brocco-accent-hover:#86d9aa;--brocco-accent-pressed:#78ca9d;--brocco-accent-ink:#103c26;--brocco-accent-text:#a7e3c2;--brocco-current:#1a3324;--brocco-current-ink:#a7e3c2;--brocco-link:#30a266;--brocco-link-hover:#5cc28a;--brocco-focus-ring:#a7e3c2;--brocco-switch-off:#7d8e82;--brocco-switch-on:#a7e3c2;--brocco-switch-thumb:#0f1411;--brocco-danger:#ffb4ad;--brocco-danger-surface:#391f20;--brocco-danger-button-surface:#c24852;--brocco-danger-button-hover:#ba3e4a;--brocco-danger-button-pressed:#aa3642;--brocco-danger-button-ink:#fff;--brocco-danger-focus-ring:#e3727c;--brocco-success:#a7e3c2;--brocco-success-surface:#1a3324;--brocco-warning:#eed184;--brocco-warning-surface:#332b16;--brocco-success-bar:#a7e3c2;--brocco-warning-bar:#eed184;--brocco-danger-bar:#ffb4ad;--brocco-live:#d42037;--brocco-on-live:#fff;--brocco-shadow-float:0 8px 24px #00000073}:root,[data-brocco-density=comfortable]{--brocco-control-height:44px;--brocco-control-padding-x:16px;--brocco-control-font-size:1rem;--brocco-field-gap:8px;--brocco-panel-padding:24px;--brocco-stack-gap:24px}[data-brocco-density=compact]{--brocco-control-height:34px;--brocco-control-padding-x:12px;--brocco-control-font-size:.875rem;--brocco-field-gap:6px;--brocco-panel-padding:16px;--brocco-stack-gap:16px}@media (pointer:coarse){:root,[data-brocco-density]{--brocco-control-height:44px}}
.brocco-button,.brocco-input,.brocco-select{box-sizing:border-box;min-height:var(--brocco-control-height);padding:8px var(--brocco-control-padding-x);border:1px solid var(--brocco-border-control);border-radius:var(--brocco-radius-control);color:var(--brocco-text);background:var(--brocco-surface);font-family:var(--brocco-font-ui);font-size:var(--brocco-control-font-size);font-weight:500;line-height:1.25;transition:background-color .11s,border-color .11s}.brocco-button{justify-content:center;align-items:center;gap:var(--brocco-space-2);cursor:pointer;font-weight:600;display:inline-flex}.brocco-button--primary{color:var(--brocco-accent-ink);background:var(--brocco-accent-surface);border-color:var(--brocco-accent-ink)}.brocco-button--primary:hover:not(:disabled){background:var(--brocco-accent-hover)}.brocco-button--primary:active:not(:disabled){background:var(--brocco-accent-pressed)}.brocco-button--secondary:hover:not(:disabled){background:var(--brocco-surface-hover)}.brocco-button--secondary:active:not(:disabled){background:var(--brocco-surface-pressed)}.brocco-button:focus-visible,.brocco-input:focus-visible,.brocco-select:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-button:disabled,.brocco-input:disabled,.brocco-select:disabled{opacity:.5;cursor:not-allowed}.brocco-field{align-content:start;gap:var(--brocco-field-gap);min-width:0;color:var(--brocco-text);font-family:var(--brocco-font-ui);font-weight:500;display:grid}.brocco-label{font-size:var(--brocco-control-font-size);font-weight:600;line-height:1.4}.brocco-input,.brocco-select{width:100%;min-width:0}.brocco-select{appearance:none;padding-right:calc(var(--brocco-control-padding-x) + 14px);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - var(--brocco-control-padding-x) - 5px) 50%, calc(100% - var(--brocco-control-padding-x)) 50%;background-repeat:no-repeat;background-size:5px 5px}.brocco-input::placeholder{color:var(--brocco-text-muted);opacity:1}.brocco-input:hover:not(:disabled),.brocco-select:hover:not(:disabled){border-color:var(--brocco-text)}.brocco-input[aria-invalid=true],.brocco-select[aria-invalid=true]{border-color:var(--brocco-danger)}.brocco-hint,.brocco-error{font-size:var(--brocco-text-small);line-height:1.5}.brocco-hint{color:var(--brocco-text-muted);font-family:var(--brocco-font-body);font-weight:400}.brocco-error{color:var(--brocco-danger)}.brocco-switch{align-items:center;gap:var(--brocco-space-3);min-height:var(--brocco-control-height);color:var(--brocco-text);font-family:var(--brocco-font-ui);font-size:var(--brocco-control-font-size);cursor:pointer;font-weight:500;display:inline-flex;position:relative}.brocco-switch input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brocco-switch-track{box-sizing:border-box;border-radius:var(--brocco-radius-pill);background:var(--brocco-switch-off);flex:0 0 40px;align-items:center;height:24px;padding:3px;transition:background-color .11s;display:inline-flex}.brocco-switch-track>span{background:var(--brocco-switch-thumb);border-radius:50%;width:18px;height:18px;transition:transform .11s}.brocco-switch input:checked+.brocco-switch-track{background:var(--brocco-switch-on)}.brocco-switch input:checked+.brocco-switch-track>span{transform:translate(16px)}.brocco-switch input:focus-visible+.brocco-switch-track{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-switch:has(input:disabled){opacity:.5;cursor:not-allowed}.brocco-switch:hover input:not(:disabled)+.brocco-switch-track{box-shadow:0 0 0 2px var(--brocco-border-control)}.brocco-switch:active input:not(:disabled)+.brocco-switch-track>span{width:20px}.brocco-switch:active input:checked:not(:disabled)+.brocco-switch-track>span{transform:translate(14px)}.brocco-segmented{min-width:0;color:var(--brocco-text);font-family:var(--brocco-font-ui);border:0;margin:0;padding:0}.brocco-segmented>legend{margin-bottom:var(--brocco-field-gap);padding:0}.brocco-segmented-track{max-width:100%;min-height:var(--brocco-control-height);box-sizing:border-box;border:1px solid var(--brocco-border-control);border-radius:var(--brocco-radius-pill);background:var(--brocco-surface);grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid;position:relative}.brocco-segmented-thumb{width:calc((100% - 6px) / var(--brocco-segments));border-radius:var(--brocco-radius-pill);background:var(--brocco-switch-on);transform:translateX(calc(100% * var(--brocco-segment-index)));transition:transform .11s;position:absolute;top:3px;bottom:3px;left:3px}.brocco-segment{padding:0 var(--brocco-space-4);border-radius:var(--brocco-radius-pill);font-size:var(--brocco-control-font-size);white-space:nowrap;cursor:pointer;place-items:center;font-weight:500;transition:color .11s,background-color .11s;display:grid;position:relative}.brocco-segment input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brocco-segment:has(input:checked){color:var(--brocco-switch-thumb)}.brocco-segment:hover:has(input:not(:checked,:disabled)){background:var(--brocco-surface-hover)}.brocco-segment:has(input:focus-visible){outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:2px}.brocco-segmented--icons .brocco-segmented-track{min-height:0}.brocco-segmented--icons .brocco-segment{width:34px;height:30px;padding:0}.brocco-segmented--icons .brocco-svg{width:18px;height:18px}.brocco-segmented:disabled .brocco-segmented-track{opacity:.5}.brocco-segmented:disabled .brocco-segment{cursor:not-allowed}.brocco-panel{padding:var(--brocco-panel-padding);border:1px solid var(--brocco-border);border-radius:var(--brocco-radius-panel);background:var(--brocco-surface);color:var(--brocco-text);font-family:var(--brocco-font-ui);font-weight:500}@media (prefers-reduced-motion:reduce){.brocco-button,.brocco-input,.brocco-select,.brocco-switch-track,.brocco-switch-track>span,.brocco-segmented-thumb,.brocco-segment{transition:none}}.brocco-svg{flex:none;width:20px;height:20px;display:block}.brocco-visually-hidden,.brocco-check-input,.brocco-radio-input,.brocco-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brocco-button--danger{--brocco-focus-ring:var(--brocco-danger-focus-ring);color:var(--brocco-danger-button-ink);background:var(--brocco-danger-button-surface);border-color:var(--brocco-danger-button-surface)}.brocco-button--danger:hover:not(:disabled){background:var(--brocco-danger-button-hover)}.brocco-button--danger:active:not(:disabled){background:var(--brocco-danger-button-pressed)}.brocco-button--quiet{background:0 0;border-color:#0000}.brocco-button--quiet:hover:not(:disabled){background:var(--brocco-surface-hover)}.brocco-button--quiet:active:not(:disabled){background:var(--brocco-surface-pressed)}.brocco-icon-button{width:var(--brocco-control-height);padding:0}.brocco-icon{place-items:center;display:grid}.brocco-icon>svg{width:20px;height:20px}.brocco-button-group{display:inline-flex}.brocco-button-group>.brocco-button{border-radius:0}.brocco-button-group>.brocco-button+.brocco-button{margin-left:-1px}.brocco-button-group>.brocco-button:first-child{border-radius:var(--brocco-radius-control) 0 0 var(--brocco-radius-control)}.brocco-button-group>.brocco-button:last-child{border-radius:0 var(--brocco-radius-control) var(--brocco-radius-control) 0}.brocco-button-group>.brocco-button:focus-visible{z-index:1;position:relative}.brocco-link-button,.brocco-link-button:hover{text-decoration:none}.brocco-link-button:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-textarea{resize:vertical;min-height:96px;font-family:var(--brocco-font-body);font-weight:400;line-height:1.5}.brocco-search{display:block;position:relative}.brocco-search>.brocco-svg{width:18px;height:18px;color:var(--brocco-text-muted);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.brocco-search>.brocco-input{padding-left:42px;display:block}.brocco-stepper{min-height:var(--brocco-control-height);border:1px solid var(--brocco-border-control);border-radius:var(--brocco-radius-control);background:var(--brocco-surface);justify-self:start;display:inline-flex;overflow:hidden}.brocco-stepper:has(:focus-visible){outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-stepper-button{width:var(--brocco-control-height);color:var(--brocco-text);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.brocco-stepper-button:hover:not(:disabled){background:var(--brocco-surface-hover)}.brocco-stepper-button:disabled{opacity:.4;cursor:not-allowed}.brocco-stepper-button:focus-visible{outline:none}.brocco-stepper-input{border:0;border-inline:1px solid var(--brocco-border);width:4.5em;color:var(--brocco-text);text-align:center;font:600 var(--brocco-control-font-size) var(--brocco-font-ui);font-variant-numeric:tabular-nums;background:0 0}.brocco-stepper-input:focus-visible{outline:none}.brocco-stepper-button:focus-visible,.brocco-stepper-input:focus-visible{box-shadow:inset 0 0 0 var(--brocco-focus-width) var(--brocco-focus-ring)}.brocco-stepper:has([aria-invalid=true]){border-color:var(--brocco-danger)}.brocco-slider{align-items:center;gap:var(--brocco-space-3);min-height:var(--brocco-control-height);display:flex}.brocco-slider-input{min-width:0;min-height:var(--brocco-control-height);accent-color:var(--brocco-switch-on);flex:1}.brocco-slider-input:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-slider-value{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-weight:600}.brocco-file-drop{justify-items:center;gap:var(--brocco-space-1);padding:var(--brocco-space-6);border:2px dashed var(--brocco-border-control);border-radius:var(--brocco-radius-control);color:var(--brocco-text);text-align:center;cursor:pointer;display:grid}.brocco-file-drop:hover:not(.brocco-file-drop--disabled),.brocco-file-drop--active{background:var(--brocco-surface-hover)}.brocco-file-drop--active{border-color:var(--brocco-switch-on)}.brocco-file-drop--disabled{opacity:.5;cursor:not-allowed}.brocco-file-input:focus-visible+.brocco-file-drop{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-file-names{color:var(--brocco-text-muted);font:400 var(--brocco-text-small) var(--brocco-font-body);overflow-wrap:anywhere}.brocco-check,.brocco-radio{font-family:var(--brocco-font-ui);font-weight:500;display:grid;position:relative}.brocco-check-label,.brocco-radio-label{align-items:center;gap:var(--brocco-space-3);min-height:var(--brocco-control-height);color:var(--brocco-text);font-size:var(--brocco-control-font-size);cursor:pointer;display:inline-flex}.brocco-check-hint,.brocco-radio-hint{margin:-6px 0 4px 34px}.brocco-check-box,.brocco-radio-dot{border:2px solid var(--brocco-border-control);background:var(--brocco-surface);flex:none;place-items:center;width:22px;height:22px;transition:background-color .11s,border-color .11s;display:grid}.brocco-check-box{color:var(--brocco-switch-thumb);border-radius:6px}.brocco-check-box>.brocco-svg{stroke-width:3px;opacity:0;width:14px;height:14px}.brocco-check-input:checked+.brocco-check-label .brocco-check-box{border-color:var(--brocco-switch-on);background:var(--brocco-switch-on)}.brocco-check-input:checked+.brocco-check-label .brocco-check-box>.brocco-svg{opacity:1}.brocco-radio-dot{border-radius:50%}.brocco-radio-dot:after{content:"";background:var(--brocco-switch-on);border-radius:50%;width:10px;height:10px;transition:transform .11s;transform:scale(0)}.brocco-radio-input:checked+.brocco-radio-label .brocco-radio-dot{border-color:var(--brocco-switch-on)}.brocco-radio-input:checked+.brocco-radio-label .brocco-radio-dot:after{transform:scale(1)}.brocco-check-input:focus-visible+.brocco-check-label .brocco-check-box,.brocco-radio-input:focus-visible+.brocco-radio-label .brocco-radio-dot{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:3px}.brocco-check-input:disabled+.brocco-check-label,.brocco-radio-input:disabled+.brocco-radio-label{opacity:.5;cursor:not-allowed}.brocco-check:hover .brocco-check-input:not(:disabled,:checked)+.brocco-check-label .brocco-check-box,.brocco-radio:hover .brocco-radio-input:not(:disabled)+.brocco-radio-label .brocco-radio-dot{border-color:var(--brocco-text)}.brocco-field-group,.brocco-radio-group{align-content:start;gap:var(--brocco-field-gap);min-width:0;color:var(--brocco-text);font-family:var(--brocco-font-ui);border:0;margin:0;padding:0;display:grid}.brocco-field-group>legend,.brocco-radio-group>legend{margin-bottom:var(--brocco-field-gap);padding:0}.brocco-field-group-body{gap:var(--brocco-space-3);display:grid}.brocco-alert{--tone:var(--brocco-text-muted);--tone-surface:var(--brocco-surface-hover);--tone-bar:var(--brocco-border-control);gap:var(--brocco-space-3);padding:var(--brocco-space-3) var(--brocco-space-4);border-left:4px solid var(--tone-bar);border-radius:4px var(--brocco-radius-control) var(--brocco-radius-control) 4px;background:var(--tone-surface);color:var(--brocco-text);font-family:var(--brocco-font-ui);grid-template-columns:auto minmax(0,1fr);display:grid}.brocco-alert>.brocco-svg{color:var(--tone);margin-top:1px}.brocco-alert--success{--tone:var(--brocco-success);--tone-surface:var(--brocco-success-surface);--tone-bar:var(--brocco-success-bar)}.brocco-alert--warning{--tone:var(--brocco-warning);--tone-surface:var(--brocco-warning-surface);--tone-bar:var(--brocco-warning-bar)}.brocco-alert--danger{--tone:var(--brocco-danger);--tone-surface:var(--brocco-danger-surface);--tone-bar:var(--brocco-danger-bar)}.brocco-alert-body{gap:2px;display:grid}.brocco-alert-title{color:var(--tone);font-family:var(--brocco-font-ui);margin:0;font-weight:700}.brocco-alert-message{font:400 var(--brocco-text-body) / 1.5 var(--brocco-font-body)}.brocco-alert-message>p{margin:0}.brocco-status-text{color:var(--brocco-text-muted);font:500 var(--brocco-control-font-size) var(--brocco-font-ui)}.brocco-spinner{align-items:center;gap:var(--brocco-space-3);color:var(--brocco-text-muted);font:500 var(--brocco-control-font-size) var(--brocco-font-ui);display:inline-flex}.brocco-spinner-mark{border:3px solid var(--brocco-surface-pressed);border-top-color:var(--brocco-switch-on);border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite brocco-spin}@keyframes brocco-spin{to{transform:rotate(360deg)}}.brocco-progress{font-family:var(--brocco-font-ui);gap:6px;display:grid}.brocco-progress-row{justify-content:space-between;gap:var(--brocco-space-3);font-size:var(--brocco-text-small);font-weight:600;display:flex}.brocco-progress-value{color:var(--brocco-text-muted);font-variant-numeric:tabular-nums}.brocco-progress-track{background:var(--brocco-surface-pressed);border-radius:4px;height:8px;overflow:hidden}.brocco-progress-fill{background:var(--brocco-switch-on);border-radius:4px;height:100%;transition:width .2s;display:block}.brocco-skeleton{gap:10px;display:grid}.brocco-skeleton>span{background:var(--brocco-surface-pressed);border-radius:6px;height:12px;animation:1.6s ease-in-out infinite brocco-pulse}.brocco-skeleton>span:first-child{width:40%;height:16px}.brocco-skeleton>span:nth-child(2n){width:90%}.brocco-skeleton>span:nth-child(odd):not(:first-child){width:72%}@keyframes brocco-pulse{50%{opacity:.45}}.brocco-badge{border:1px solid var(--brocco-border);border-radius:var(--brocco-radius-pill);color:var(--brocco-text-muted);font:500 .75rem var(--brocco-font-ui);align-items:center;padding:3px 9px;display:inline-flex}.brocco-chip{border-radius:var(--brocco-radius-pill);font:700 .8125rem var(--brocco-font-ui);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.brocco-chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.brocco-chip--success{background:var(--brocco-success-surface);color:var(--brocco-success)}.brocco-chip--warning{background:var(--brocco-warning-surface);color:var(--brocco-warning)}.brocco-chip--danger{background:var(--brocco-danger-surface);color:var(--brocco-danger)}.brocco-chip--live{background:var(--brocco-live);color:var(--brocco-on-live)}.brocco-avatar{background:var(--brocco-surface-raised);color:var(--brocco-text-muted);box-shadow:0 0 0 2px var(--brocco-border);font-family:var(--brocco-font-ui);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.brocco-avatar>img{object-fit:cover;width:100%;height:100%}.brocco-avatar--small{width:32px;height:32px;font-size:.875rem}.brocco-avatar--medium{width:44px;height:44px;font-size:1.125rem}.brocco-avatar--large{width:64px;height:64px;font-size:1.5rem}.brocco-avatar--live{box-shadow:0 0 0 3px var(--brocco-live)}.brocco-date-badge{background:var(--brocco-surface-hover);width:52px;color:var(--brocco-text);font-family:var(--brocco-font-ui);text-align:center;border-radius:10px;flex:none;padding:6px 0;display:inline-grid}.brocco-date-badge>span{color:var(--brocco-text-muted);font-size:.75rem;font-weight:600}.brocco-date-badge>b{font-size:1.375rem;line-height:1.1}.brocco-date-badge--current{background:var(--brocco-current);color:var(--brocco-current-ink)}.brocco-date-badge--current>span{color:var(--brocco-current-ink)}.brocco-empty{justify-items:center;gap:var(--brocco-space-3);padding:var(--brocco-space-8) var(--brocco-space-6);color:var(--brocco-text-muted);font-family:var(--brocco-font-ui);text-align:center;display:grid}.brocco-empty-title{font-family:var(--brocco-font-ui);margin:0;font-size:1.0625rem;font-weight:600}.brocco-empty-message{max-width:44ch;font:400 var(--brocco-text-body) / 1.5 var(--brocco-font-body)}.brocco-list{gap:var(--brocco-space-3);font-family:var(--brocco-font-ui);margin:0;padding:0;list-style:none;display:grid}.brocco-list-row{align-items:center;gap:var(--brocco-space-3);min-width:0;display:flex}.brocco-list-text{flex:1;min-width:0;display:grid}.brocco-list-title{color:var(--brocco-text);overflow-wrap:anywhere;font-weight:600}.brocco-list-detail{color:var(--brocco-text-muted);font-size:var(--brocco-text-small)}.brocco-list-actions{gap:var(--brocco-space-2);flex:none;display:flex}.brocco-detail-list{gap:var(--brocco-space-2) var(--brocco-space-6);font-family:var(--brocco-font-ui);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.brocco-detail-list>div{display:contents}.brocco-detail-list dt{color:var(--brocco-text-muted);font-size:var(--brocco-text-small);font-weight:600}.brocco-detail-list dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}.brocco-table-wrap{max-width:100%;overflow-x:auto}.brocco-table-wrap:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-table{border-collapse:collapse;width:100%;color:var(--brocco-text);font:500 var(--brocco-control-font-size) var(--brocco-font-ui)}.brocco-table th{border-bottom:1px solid var(--brocco-border-control);color:var(--brocco-text-muted);text-align:left;padding:8px 12px;font-size:.8125rem;font-weight:700}.brocco-table td{border-bottom:1px solid var(--brocco-border);padding:10px 12px}.brocco-table [data-numeric]{text-align:right;font-variant-numeric:tabular-nums}.brocco-table tbody tr:hover{background:var(--brocco-surface-hover)}.brocco-divider{background:var(--brocco-border);border:0;width:100%;height:1px;margin:0}.brocco-divider-label{align-items:center;gap:var(--brocco-space-3);color:var(--brocco-text-muted);font:600 .8125rem var(--brocco-font-ui);display:flex}.brocco-divider-label:before,.brocco-divider-label:after{content:"";background:var(--brocco-border);flex:1;height:1px}.brocco-kbd{border:1px solid var(--brocco-border-control);background:var(--brocco-surface);min-width:26px;height:26px;color:var(--brocco-text);font:700 .8125rem var(--brocco-font-ui);border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 7px;display:inline-grid}.brocco-card-link{align-items:flex-start;gap:var(--brocco-space-4);padding:var(--brocco-panel-padding);border:1px solid var(--brocco-border);border-radius:var(--brocco-radius-panel);background:var(--brocco-surface);color:var(--brocco-text);font-family:var(--brocco-font-ui);text-decoration:none;transition:background-color .12s,border-color .12s;display:flex}.brocco-card-link:hover{border-color:var(--brocco-accent);background:var(--brocco-surface-raised);text-decoration:none}.brocco-card-link:hover .brocco-card-link-title{color:var(--brocco-accent-text)}.brocco-card-link:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.brocco-card-link-leading{border-radius:var(--brocco-radius-control);background:var(--brocco-accent-surface);width:44px;height:44px;color:var(--brocco-accent-ink);flex:none;place-items:center;display:grid}.brocco-card-link:has(.brocco-card-link-description)>.brocco-card-link-leading{margin-top:calc(( 1.125rem * 1.5 + var(--brocco-space-1) + var(--brocco-text-body) * 1.5 - 44px ) / 2)}.brocco-card-link-leading>svg,.brocco-card-link-leading>img{width:24px;height:24px}.brocco-card-link-text{gap:var(--brocco-space-1);flex:1;min-width:0;display:grid}.brocco-card-link-title{letter-spacing:var(--brocco-heading-tracking);font-size:1.125rem;font-weight:700;line-height:1.5}.brocco-card-link-description{color:var(--brocco-text-muted);font:400 var(--brocco-text-body) / 1.5 var(--brocco-font-body)}.brocco-card-link-aside{flex:none}.brocco-disclosure{border-top:1px solid var(--brocco-border);color:var(--brocco-text);font-family:var(--brocco-font-ui)}.brocco-disclosure>summary{align-items:center;gap:var(--brocco-space-2);min-height:var(--brocco-control-height);cursor:pointer;font-weight:600;list-style:none;display:flex}.brocco-disclosure>summary::-webkit-details-marker{display:none}.brocco-disclosure>summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .11s;transform:rotate(-45deg)}.brocco-disclosure[open]>summary:before{transform:rotate(45deg)}.brocco-disclosure>summary:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset);border-radius:4px}.brocco-disclosure-body{gap:var(--brocco-space-4);padding-bottom:var(--brocco-space-4);display:grid}.brocco-skip-link{top:var(--brocco-space-3);left:var(--brocco-space-3);z-index:100;border-radius:var(--brocco-radius-control);background:var(--brocco-text);color:var(--brocco-page);font:600 .9375rem var(--brocco-font-ui);padding:10px 14px;text-decoration:none;position:absolute;transform:translateY(-200%)}.brocco-skip-link:focus{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:2px;transform:none}@media (prefers-reduced-motion:reduce){.brocco-check-box,.brocco-radio-dot,.brocco-radio-dot:after,.brocco-disclosure>summary:before,.brocco-progress-fill,.brocco-card-link{transition:none}.brocco-skeleton>span{animation:none}.brocco-spinner-mark{animation-duration:2.4s}}.brocco-dialog{border:1px solid var(--brocco-border);border-radius:var(--brocco-radius-panel);background:var(--brocco-surface);width:min(440px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--brocco-text);box-shadow:var(--brocco-shadow-float);font-family:var(--brocco-font-ui);padding:0}.brocco-dialog::backdrop{background:#0f141173}[data-brocco-theme=dark] .brocco-dialog::backdrop,.brocco-dialog[data-brocco-theme=dark]::backdrop{background:#0009}.brocco-dialog-content{gap:var(--brocco-space-3);padding:var(--brocco-panel-padding);display:grid}.brocco-dialog-title{letter-spacing:var(--brocco-heading-tracking);font-size:1.25rem;font-weight:700;line-height:var(--brocco-heading-leading);margin:0}.brocco-dialog-description{color:var(--brocco-text-muted);font:400 var(--brocco-text-body) / 1.5 var(--brocco-font-body);margin:0}.brocco-dialog-actions{justify-content:flex-end;gap:var(--brocco-space-3);margin-top:var(--brocco-space-3);flex-wrap:wrap;display:flex}.brocco-menu{display:inline-block;position:relative}.brocco-menu-list{box-sizing:border-box;z-index:20;border:1px solid var(--brocco-border);border-radius:var(--brocco-radius-control);background:var(--brocco-surface);width:max-content;min-width:min(200px,100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:var(--brocco-shadow-float);margin:0;padding:6px;display:grid;position:fixed;inset:auto;overflow-y:auto}.brocco-menu-item{align-items:center;gap:var(--brocco-space-2);min-height:var(--brocco-control-height);color:var(--brocco-text);font:500 var(--brocco-control-font-size) var(--brocco-font-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;display:flex}.brocco-menu-item:hover:not(:disabled),.brocco-menu-item:focus-visible{background:var(--brocco-surface-hover);outline:none}.brocco-menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--brocco-focus-ring)}.brocco-menu-item:disabled{opacity:.5;cursor:not-allowed}.brocco-menu-item--danger{--brocco-focus-ring:var(--brocco-danger-focus-ring);color:var(--brocco-danger)}.brocco-menu-separator{background:var(--brocco-border);border:0;width:100%;height:1px;margin:4px 0}.brocco-tabs{font-family:var(--brocco-font-ui)}.brocco-tablist{gap:var(--brocco-space-1);padding-bottom:var(--brocco-space-2);border-bottom:1px solid var(--brocco-border);flex-wrap:wrap;display:flex}.brocco-tab{min-height:var(--brocco-control-height);border-radius:var(--brocco-radius-control);color:var(--brocco-text-muted);font:600 var(--brocco-control-font-size) var(--brocco-font-ui);cursor:pointer;background:0 0;border:0;padding:6px 14px}.brocco-tab:hover{background:var(--brocco-surface-hover);color:var(--brocco-text)}.brocco-tab[aria-selected=true]{background:var(--brocco-current);color:var(--brocco-current-ink);font-weight:700}.brocco-tab:focus-visible,.brocco-tabpanel:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:2px}.brocco-tabpanel{padding-top:var(--brocco-space-4);border-radius:4px}.brocco-toasts{right:var(--brocco-space-4);bottom:calc(var(--brocco-space-4) + env(safe-area-inset-bottom,0px));z-index:50;justify-items:end;gap:var(--brocco-space-2);pointer-events:none;max-width:calc(100vw - 32px);display:grid;position:fixed}.brocco-toast{align-items:center;gap:var(--brocco-space-2);border-radius:var(--brocco-radius-control);background:var(--brocco-text);color:var(--brocco-page);box-shadow:var(--brocco-shadow-float);font:600 var(--brocco-control-font-size) var(--brocco-font-ui);pointer-events:auto;padding:8px 8px 8px 16px;animation:.16s ease-out brocco-toast-in;display:flex}.brocco-toast>span{overflow-wrap:anywhere;min-width:0}.brocco-toast-action,.brocco-toast-close{min-height:var(--brocco-control-height);color:var(--brocco-page);font:700 var(--brocco-control-font-size) var(--brocco-font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:4px 10px}.brocco-toast-action{text-underline-offset:3px;text-decoration:underline}.brocco-toast-close{min-width:var(--brocco-control-height);opacity:.8;font-size:1.25rem;line-height:1}.brocco-toast-action:hover,.brocco-toast-close:hover{background:color-mix(in srgb, var(--brocco-page) 16%, transparent)}.brocco-toast-action:focus-visible,.brocco-toast-close:focus-visible{outline:2px solid var(--brocco-page);outline-offset:1px}@keyframes brocco-toast-in{0%{opacity:0;transform:translateY(8px)}}.brocco-tooltip-anchor{display:inline-flex;position:relative}.brocco-tooltip{box-sizing:border-box;z-index:60;background:var(--brocco-text);max-width:min(32ch,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--brocco-page);font:600 .8125rem var(--brocco-font-ui);white-space:normal;overflow-wrap:anywhere;pointer-events:auto;opacity:0;visibility:hidden;border:0;border-radius:8px;margin:0;padding:6px 10px;transition:opacity .11s;position:fixed;inset:auto;overflow:auto}.brocco-tooltip[data-visible]{opacity:1;visibility:visible}.brocco-nav-links{gap:var(--brocco-space-1);font-family:var(--brocco-font-ui);flex-wrap:wrap;display:flex}.brocco-nav-link{box-sizing:border-box;align-items:center;gap:var(--brocco-space-2);min-height:var(--brocco-control-height);border-radius:var(--brocco-radius-control);color:var(--brocco-text-muted);padding:8px 12px;font-weight:500;text-decoration:none;display:inline-flex}.brocco-nav-link:hover{background:var(--brocco-surface-hover);color:var(--brocco-text);text-decoration:none}.brocco-nav-link>svg{flex:none;width:18px;height:18px}.brocco-nav-link[aria-current=page]{background:var(--brocco-current);color:var(--brocco-current-ink);font-weight:700}.brocco-nav-link:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:2px}.brocco-breadcrumbs ol{font:500 var(--brocco-control-font-size) var(--brocco-font-ui);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.brocco-breadcrumbs li+li:before{content:"/";color:var(--brocco-text-muted);margin-right:6px}.brocco-breadcrumbs a{color:var(--brocco-text-muted)}.brocco-breadcrumbs a:hover{color:var(--brocco-link-hover)}.brocco-breadcrumbs [aria-current=page]{color:var(--brocco-text);font-weight:600}.brocco-pagination ul{align-items:center;gap:var(--brocco-space-1);font-family:var(--brocco-font-ui);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.brocco-page{box-sizing:border-box;min-width:var(--brocco-control-height);min-height:var(--brocco-control-height);border-radius:var(--brocco-radius-control);color:var(--brocco-text);font:600 var(--brocco-control-font-size) var(--brocco-font-ui);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;place-items:center;padding:0 8px;text-decoration:none;display:inline-grid}.brocco-page:hover:not(:disabled,.brocco-page--current){background:var(--brocco-surface-hover);text-decoration:none}.brocco-page:disabled{opacity:.4;cursor:not-allowed}.brocco-page--current{background:var(--brocco-current);color:var(--brocco-current-ink);cursor:default;font-weight:700}.brocco-page:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:2px}.brocco-page-gap{min-width:24px;color:var(--brocco-text-muted);text-align:center}@media (prefers-reduced-motion:reduce){.brocco-toast{animation:none}.brocco-tooltip{transition:none}}
*{box-sizing:border-box}body{background:var(--brocco-page);color:var(--brocco-text);font:500 1rem/1.5 var(--brocco-font-ui);margin:0}h1,h2,p{margin:0}h1,h2{font-family:var(--brocco-font-heading);line-height:var(--brocco-heading-leading);letter-spacing:var(--brocco-heading-tracking)}h1{font-size:clamp(2rem,4vw,2.65rem);font-weight:700}h2{font-size:1.4rem;font-weight:650}p,.reading-content{font-family:var(--brocco-font-body);font-weight:400;line-height:1.6}a{color:var(--brocco-link);text-underline-offset:4px;text-decoration:none}a:hover{color:var(--brocco-link-hover);text-decoration:underline}a:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset);border-radius:4px}svg{flex-shrink:0}::selection{color:var(--brocco-accent-ink);background:var(--brocco-accent-surface)}.site-shell{flex-direction:column;max-width:1184px;min-height:100svh;margin-inline:auto;padding-inline:40px;display:flex}.site-header{border-bottom:1px solid var(--brocco-border);flex-wrap:wrap;align-items:center;gap:24px;min-height:112px;padding-block:24px;display:flex}.wordmark{color:var(--brocco-text);font:700 1.5rem var(--brocco-font-heading);letter-spacing:-.06em;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.wordmark-suffix{color:var(--brocco-text-muted);font-weight:500}.brand-symbol{width:48px;height:48px}.main-nav{gap:4px;margin-left:auto;display:flex}.site-main{flex:1;min-width:0;padding-block:56px 80px}main:focus{outline:none}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.page-heading-actions{gap:8px;display:flex}.brocco-dialog.side-drawer{border-radius:var(--brocco-radius-panel) 0 0 var(--brocco-radius-panel);overscroll-behavior:contain;border-width:0 0 0 1px;width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;margin:0;inset:0 0 0 auto;overflow-y:auto}.side-drawer[open]{animation:.18s ease-out side-drawer-in}@keyframes side-drawer-in{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.side-drawer[open]{animation:none}}.side-drawer>.brocco-dialog-content{gap:var(--brocco-space-4);padding-bottom:var(--brocco-space-12);position:relative}.side-drawer>.brocco-dialog-content>.brocco-dialog-title{overflow-wrap:anywhere;padding-right:56px;font-size:1.6rem}.side-drawer-close{position:absolute;top:16px;right:16px}@media (max-width:600px){.brocco-dialog.side-drawer{border-width:0;border-radius:0;width:100vw}}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.tool-card{align-items:center}.tool-card .brocco-card-link-aside{display:grid}.home-order{gap:16px;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.home-order-item{align-items:center;gap:var(--brocco-space-4);padding:var(--brocco-panel-padding);border:1px solid var(--brocco-border);border-radius:var(--brocco-radius-panel);background:var(--brocco-surface);font-family:var(--brocco-font-ui);display:flex}.home-order-moves{flex:none;gap:8px;display:flex}.home-order-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home-order-item--hidden{background:0 0;border-style:dashed}.home-order-item--hidden .brocco-card-link-leading{background:var(--brocco-surface-raised);color:var(--brocco-text-muted)}.home-order-item--hidden .brocco-card-link-title{color:var(--brocco-text-muted)}.site-footer{border-top:1px solid var(--brocco-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:20px;font-size:.8125rem;display:flex}.site-footer a{min-height:44px;color:var(--brocco-text-muted);align-items:center;display:inline-flex}.reading-content{max-width:65ch}.policy-content{gap:var(--brocco-space-4);display:grid}.policy-content h2{margin-top:var(--brocco-space-2)}.license-links{gap:16px;padding-left:24px;display:grid}.login-page{max-width:440px;margin-inline:auto}.login-panel,.login-form{gap:24px;display:grid}.login-panel{padding:24px}.private-session-status{text-align:center;align-content:center;justify-items:center;gap:24px;min-height:60svh;padding:32px;display:grid}@media (max-width:920px){.site-header{gap:20px}.main-nav{flex-basis:100%;order:3;margin-left:0}.theme-select{margin-left:auto}}@media (max-width:600px){.site-shell{padding-inline:20px}.site-header{padding-block:20px 16px}.wordmark{gap:8px;font-size:1.2rem}.brand-symbol{width:40px;height:40px}.main-nav{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.main-nav .brocco-nav-link{text-align:center;flex-direction:column;justify-content:center;gap:2px;padding-inline:4px;font-size:.75rem}.site-main{padding-block:36px 56px}.page-heading{margin-bottom:24px}.home-grid{grid-template-columns:1fr;gap:16px}}