@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Lato-400-BEhtfm5r.woff2)format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Lato-700-BUGMgin4.woff2)format("woff2")}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-side-page);color:var(--color-text);font-family:var(--font-text);font-size:var(--font-body);line-height:var(--line-body);margin:0}:root{--color-canvas:#f2f6ff;--color-side-page:#e8effa;--color-surface:#fff;--color-surface-subtle:#f6f8fc;--color-border:#d9e2f8;--color-border-strong:#a8bced;--color-text:#0f1424;--color-text-muted:#59637d;--color-accent:#3a5ccc;--color-accent-hover:#2d4aa8;--color-on-accent:#fff;--color-complete:#8bcf9d;--color-complete-ink:#287b3d;--color-danger:#e60034;--color-on-danger:#fff;--color-danger-surface:#fff5f7;--color-danger-border:#ffbcc9;--color-warning:#d14600;--color-warning-surface:#fff9df;--color-warning-border:#edcf69;--color-on-warning:#93330a;--color-save:#1fd47f;--color-save-ink:#0a3d22;--color-muted-row:#edf0f3;--color-muted-row-border:var(--color-border);--font-text:"Lato", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-mono:SFMono-Regular, "SF Mono", ui-monospace, Menlo, Monaco, monospace;--urgency-neutral-ink:var(--color-text-muted);--urgency-neutral-rail:#a8c8ee;--urgency-neutral-tint:var(--color-surface);--urgency-neutral-hover:#f4f8ff;--urgency-neutral-border:var(--color-border);--urgency-neutral-badge:var(--color-surface-subtle);--urgency-neutral-action:#eaf1fb;--urgency-neutral-action-ink:#2d4a8a;--urgency-neutral-action-hover:#d7e5f7;--urgency-neutral-action-hover-ink:#1f3b70;--urgency-week-ink:#746000;--urgency-week-rail:#f3e8a5;--urgency-week-glyph:#6f5b00;--urgency-week-tint:#fffdf2;--urgency-week-hover:#fff9df;--urgency-week-border:#f1e8bf;--urgency-week-badge:#fff9db;--urgency-week-action:#fff5cf;--urgency-week-action-ink:#746000;--urgency-week-action-hover:#ffecad;--urgency-week-action-hover-ink:#5c4a00;--urgency-yellow-ink:#785700;--urgency-yellow-rail:#e6bd00;--urgency-yellow-glyph:#655000;--urgency-yellow-tint:#fff9df;--urgency-yellow-hover:#fff1bd;--urgency-yellow-border:var(--color-warning-border);--urgency-yellow-badge:#fff0ad;--urgency-yellow-action:#ffe7a0;--urgency-yellow-action-ink:#785700;--urgency-yellow-action-hover:#ffd46b;--urgency-yellow-action-hover-ink:#5c4200;--urgency-orange-ink:#943d00;--urgency-orange-rail:#e87500;--urgency-orange-glyph:#6c2a00;--urgency-orange-tint:#fff1e5;--urgency-orange-hover:#ffe0ca;--urgency-orange-border:#efae70;--urgency-orange-badge:#ffd2ad;--urgency-orange-action:#ffd2ad;--urgency-orange-action-ink:#943d00;--urgency-orange-action-hover:#ffb97d;--urgency-orange-action-hover-ink:#672500;--urgency-red-ink:#ae002c;--urgency-red-rail:#de1546;--urgency-red-glyph:#fff;--urgency-red-tint:#fff0f3;--urgency-red-hover:#ffdbe4;--urgency-red-border:#efa4b6;--urgency-red-badge:#ffc5d0;--urgency-red-action:#ffc5d0;--urgency-red-action-ink:#ae002c;--urgency-red-action-hover:#ffaeba;--urgency-red-action-hover-ink:#79001c;--urgency-overdue-ink:#720019;--urgency-overdue-rail:#8b001f;--urgency-overdue-glyph:#fff;--urgency-overdue-tint:#ffe3ea;--urgency-overdue-hover:#ffd0dc;--urgency-overdue-border:#c65770;--urgency-overdue-badge:#8b001f;--urgency-overdue-action:#ffc0cc;--urgency-overdue-action-ink:#720019;--urgency-overdue-action-hover:#8b001f;--urgency-overdue-action-hover-ink:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-label:10px;--font-meta:12px;--font-control:13px;--font-body:15px;--font-section:20px;--font-title:28px;--font-display:40px;--line-body:1.5;--radius-control:2px;--control-height:34px;--compact-control-height:28px;--meta-control-height:22px;--grouped-action-width:96px;--touch-target:44px;--hairline:1px;--focus-ring:2px;--content-max:1180px}:root[data-font-text=lato]{--font-text:"Lato", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif}:root[data-font-text=sf-pro]{--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif}:root[data-font-text=avenir-next]{--font-text:"Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, sans-serif}:root[data-font-text=helvetica-neue]{--font-text:"Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, sans-serif}:root[data-font-text=gill-sans]{--font-text:"Gill Sans", "Gill Sans MT", -apple-system, BlinkMacSystemFont, sans-serif}:root[data-font-text=futura]{--font-text:Futura, "Trebuchet MS", -apple-system, BlinkMacSystemFont, sans-serif}:root[data-font-mono=sf-mono]{--font-mono:SFMono-Regular, "SF Mono", ui-monospace, Menlo, Monaco, monospace}:root[data-font-mono=menlo]{--font-mono:Menlo, SFMono-Regular, "SF Mono", Monaco, monospace}:root[data-font-mono=monaco]{--font-mono:Monaco, Menlo, SFMono-Regular, "SF Mono", monospace}:root[data-font-mono=andale-mono]{--font-mono:"Andale Mono", Menlo, Monaco, monospace}:root[data-font-mono=courier-new]{--font-mono:"Courier New", Courier, monospace}code,kbd,samp{font-family:var(--font-mono)}.ui-button,.ui-icon-button,.ui-chip,.ui-control,.ui-compact-link{box-sizing:border-box;font:inherit}.ui-button,.ui-icon-button,.ui-chip{border:var(--hairline) solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;transition:border-color .12s,background-color .12s,color .12s,opacity .12s}.ui-chip-standard{min-height:var(--control-height)}.ui-button{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-1);padding:0 var(--space-3);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--font-control);font-weight:700;text-decoration:none;display:inline-flex}.ui-button-compact{min-height:var(--compact-control-height);padding-inline:var(--space-2)}.ui-button-meta{min-height:var(--meta-control-height);padding-inline:var(--space-2);font-size:var(--font-meta)}.ui-button:hover:not(:disabled),.ui-icon-button:hover:not(:disabled),.ui-chip:hover:not(:disabled),.ui-compact-link:hover{border-color:var(--color-border-strong)}.ui-button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.ui-button-primary:hover:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.ui-button-complete{border-color:var(--color-complete);background:color-mix(in srgb, var(--color-complete) 18%, var(--color-surface));color:var(--color-complete-ink)}.ui-button-complete:hover:not(:disabled){background:color-mix(in srgb, var(--color-complete) 28%, var(--color-surface))}.ui-button-danger{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.ui-button-danger:hover:not(:disabled){border-color:var(--color-danger)}.expedite-toggle.active svg{fill:currentColor}.ui-button-quiet{color:var(--color-text-muted);background:0 0;border-color:#0000;font-weight:400}.ui-button-quiet:hover:not(:disabled){border-color:var(--color-border);color:var(--color-accent)}.ui-button:disabled,.ui-icon-button:disabled,.ui-chip:disabled{cursor:not-allowed;opacity:.5}.ui-icon-button{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:var(--font-control);justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex}.ui-icon-button-compact{width:var(--compact-control-height);min-width:var(--compact-control-height);height:var(--compact-control-height);min-height:var(--compact-control-height)}.ui-icon-button-meta{width:var(--meta-control-height);min-width:var(--meta-control-height);height:var(--meta-control-height);min-height:var(--meta-control-height)}.ui-icon-button-primary,.ui-icon-button-complete,.ui-icon-button-danger{font-weight:700}.ui-icon-button-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.ui-icon-button-complete{border-color:var(--color-complete);background:color-mix(in srgb, var(--color-complete) 18%, var(--color-surface));color:var(--color-complete-ink)}.ui-icon-button-danger{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.ui-icon-button-quiet{background:0 0;border-color:#0000}.ui-icon-button.is-selected,.ui-icon-button-quiet:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.ui-icon-button.ui-confirm-delete{width:var(--control-height);min-width:var(--control-height);justify-content:center;gap:0;padding:0;transition:width .18s,min-width .18s,gap .18s,padding .18s,border-color .14s,background-color .14s,color .14s;overflow:hidden}.ui-icon-button.ui-confirm-delete.is-armed{justify-content:flex-start;gap:var(--space-2);width:76px;min-width:76px;padding-inline:var(--space-2);border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 84%, black);color:var(--color-on-accent)}.ui-confirm-delete-icon{flex:0 0 1em;justify-content:center;align-items:center;width:1em;display:inline-flex}.ui-confirm-delete-label{opacity:0;max-width:0;font-size:var(--font-meta);white-space:nowrap;font-weight:700;transition:max-width .18s,opacity .1s;overflow:hidden}.ui-confirm-delete.is-armed .ui-confirm-delete-label{opacity:1;max-width:40px;transition-delay:0s,60ms}.ui-chip{min-height:var(--compact-control-height);padding:2px var(--space-2);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-meta);touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1.25;display:inline-flex}.ui-chip.is-selected{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);font-weight:700}.ui-selection-input{appearance:none;border:2px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;border-radius:50%;flex:0 0 16px;width:16px;height:16px;margin:0;transition:border-color .12s,background-color .12s,opacity .12s}.ui-selection-input:hover:not(:disabled){border-color:var(--color-accent)}.ui-selection-input:checked{border-color:var(--color-accent);background:var(--color-accent)}.ui-selection-input:focus-visible{outline:var(--focus-ring) solid var(--color-accent);outline-offset:3px}.ui-selection-input:disabled{cursor:not-allowed;opacity:.45}.ui-status{min-height:var(--meta-control-height);padding:2px var(--space-2);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-meta);align-items:center;line-height:1.25;display:inline-flex}.ui-status-compact{min-height:var(--compact-control-height)}.ui-status-standard{min-height:var(--control-height)}.ui-status-accent{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));color:var(--color-accent)}.ui-status-complete{border-color:var(--color-complete);background:color-mix(in srgb, var(--color-complete) 12%, var(--color-surface));color:var(--color-complete-ink)}.ui-status-warning{border-color:var(--color-warning-border);background:var(--color-warning-surface);color:var(--color-warning)}.ui-status-danger{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.ui-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ui-field-label,.ui-eyebrow{color:var(--color-text-muted);font-size:var(--font-label);font-weight:700}.ui-eyebrow{letter-spacing:.1em;text-transform:uppercase}.ui-field-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.ui-field-actions{align-items:center;gap:var(--space-1);flex:none;display:inline-flex}.ui-control{width:100%;min-width:0;min-height:var(--control-height);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--font-body);outline:0;padding:7px 10px}textarea.ui-control{resize:vertical}.ui-control:hover{border-color:var(--color-border-strong)}.ui-control:focus,.ui-control:focus-visible{border-color:var(--color-accent)}.ui-control:focus-visible{outline-offset:calc(-1 * var(--focus-ring))}.ui-control[aria-invalid=true]{border-color:var(--color-danger)}.ui-field-help,.ui-field-error{font-size:var(--font-meta);margin:0}.ui-field-help{color:var(--color-text-muted)}.ui-field-error{color:var(--color-danger)}.ui-notice{padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--font-control)}.ui-notice-success{border-color:color-mix(in srgb, var(--color-complete) 60%, var(--color-border));background:color-mix(in srgb, var(--color-complete) 12%, var(--color-surface))}.ui-notice-warning{border-color:var(--color-warning-border);background:var(--color-warning-surface)}.ui-notice-error{border-color:var(--color-danger-border);background:var(--color-danger-surface)}.ui-global-banner{background:var(--color-muted-row);color:var(--color-text-muted);grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.ui-global-banner.is-open{grid-template-rows:1fr}.ui-global-banner-success{background:var(--color-save);color:var(--color-save-ink)}.ui-global-banner-warning{background:var(--color-warning-surface);color:var(--color-on-warning)}.ui-global-banner-error{background:var(--color-danger);color:var(--color-on-danger)}.ui-global-banner-clip{min-height:0;overflow:hidden}.ui-global-banner-message{padding:var(--space-1) var(--space-4);text-align:center;font-size:var(--font-meta);line-height:1.4}.ui-empty,.ui-loading{padding:var(--space-8) var(--space-3);color:var(--color-text-muted);text-align:center;font-size:var(--font-control)}.ui-empty{border:var(--hairline) dashed var(--color-border-strong)}.ui-list-header{min-height:var(--compact-control-height);align-items:center;gap:var(--space-2);margin:0 0 7px;display:flex}.ui-list-title{color:var(--color-text);font-size:var(--font-label);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:700}.ui-list-count{min-width:var(--meta-control-height);min-height:var(--meta-control-height);border-radius:var(--radius-control);background:var(--color-border);color:var(--color-text-muted);font-size:var(--font-label);text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex}.ui-list-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:inline-flex}.ui-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.ui-panel-heading{min-width:0}.ui-panel-heading .ui-eyebrow{margin:0 0 var(--space-1)}.ui-panel-header h2{color:var(--color-text);font-size:var(--font-section);margin:0;font-weight:700;line-height:1.25}.ui-panel-summary{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-meta)}.ui-panel-header-actions,.ui-panel-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-panel-header-actions{justify-content:flex-end}.ui-panel-close{font-size:20px}.ui-panel-section{gap:var(--space-3);flex-direction:column;display:flex}.ui-panel-section-title{color:var(--color-text-muted);font-size:var(--font-label);letter-spacing:.1em;text-transform:uppercase;margin:0}.ui-panel-actions{margin-top:var(--space-2)}.ui-panel-actions>:is(.ui-button-danger,.ui-icon-button-danger):last-child{margin-left:auto}.ui-panel-actions.is-equal>.ui-button{width:var(--grouped-action-width);flex:0 0 var(--grouped-action-width)}.ui-compact-link{min-height:var(--meta-control-height);justify-content:center;align-items:center;gap:var(--space-1);max-width:150px;padding:1px var(--space-2);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:var(--font-meta);line-height:1.25;text-decoration:none;display:inline-flex}.ui-compact-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-compact-link.is-brand{width:var(--meta-control-height);padding-inline:3px}.ui-compact-link.is-brand.has-label{width:auto;padding-inline:5px}.ui-compact-link svg{flex:none;width:1em;height:1em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus-ring) solid var(--color-accent);outline-offset:2px}.design-page{background:var(--color-canvas);min-height:100vh;color:var(--color-text);font-family:var(--font-text);font-size:var(--font-body);line-height:var(--line-body)}.design-page button,.design-page input,.design-page textarea,.design-page select{font:inherit}.design-masthead{border-bottom:var(--hairline) solid var(--color-border);background:var(--color-surface)}.design-masthead-inner,.design-layout{width:min(calc(100% - 64px), var(--content-max));margin-inline:auto}.design-masthead-inner{justify-content:space-between;align-items:flex-end;gap:var(--space-8);padding-block:var(--space-6);display:flex}.design-wordmark{font-size:var(--font-title);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.design-wordmark span{color:var(--color-text-muted);font-weight:400}.design-version{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-meta)}.design-back{color:var(--color-accent);font-size:var(--font-control);font-weight:700;text-decoration:none}.design-layout{padding-block:var(--space-8) 64px;grid-template-columns:190px minmax(0,1fr);gap:48px;display:grid}.design-nav{top:var(--space-8);border-top:var(--hairline) solid var(--color-border);flex-direction:column;align-self:start;display:flex;position:sticky}.design-nav a{padding:var(--space-2) 0;border-bottom:var(--hairline) solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-control);text-decoration:none}.design-nav a:hover{color:var(--color-accent)}.design-content{min-width:0}.design-hero{max-width:760px;margin-bottom:52px}.design-hero .ui-eyebrow{margin:0 0 var(--space-1)}.design-hero h2{max-width:700px;font-size:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.12}.design-hero p:last-child{max-width:660px;margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:17px}.design-section{border-top:var(--hairline) solid var(--color-border);scroll-margin-top:var(--space-4);padding:44px 0}.design-section-head{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:180px minmax(0,1fr);display:grid}.design-section h2{font-size:var(--font-section);margin:0;font-weight:700;line-height:1.25}.design-section-head p{max-width:620px;color:var(--color-text-muted);margin:0}.principle-grid,.color-grid,.component-grid,.contract-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.principle-card,.component-demo,.contract-card{border:var(--hairline) solid var(--color-border);background:var(--color-surface)}.principle-card{padding:var(--space-5)}.principle-index{margin-bottom:var(--space-8);color:var(--color-accent);font-size:var(--font-meta);font-variant-numeric:tabular-nums;font-weight:700;display:block}.principle-card h3,.component-demo h3,.contract-card h3{font-size:var(--font-body);margin:0}.principle-card p,.contract-card p{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-control)}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.color-swatch{border:var(--hairline) solid var(--color-border);background:var(--color-surface);min-width:0}.color-chip{border-bottom:var(--hairline) solid var(--color-border);background:var(--swatch);height:78px}.color-copy{padding:var(--space-3)}.color-copy strong,.color-copy code{display:block}.color-copy strong{font-size:var(--font-control)}.color-copy code{color:var(--color-text-muted);font-size:var(--font-label);margin-top:2px}.type-samples{border:var(--hairline) solid var(--color-border);background:var(--color-surface);display:grid}.type-sample{align-items:baseline;gap:var(--space-6);padding:var(--space-4);border-bottom:var(--hairline) solid var(--color-border);grid-template-columns:130px minmax(0,1fr);display:grid}.type-sample:last-child{border-bottom:0}.type-sample code{color:var(--color-text-muted);font-size:var(--font-label)}.type-title{font-size:var(--font-title);letter-spacing:-.02em;font-weight:700}.type-display{font-size:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.12}.type-section{font-size:var(--font-section);font-weight:700}.type-work{font-size:var(--font-body);font-weight:400;line-height:1.25}.type-body{font-size:var(--font-body)}.type-control{font-size:var(--font-control);font-weight:700}.type-meta{color:var(--color-text-muted);font-size:var(--font-meta)}.type-mono{font-family:var(--font-mono);font-size:var(--font-control)}.type-tabular{font-variant-numeric:tabular-nums}.type-family-samples,.type-casing{gap:var(--space-3);margin-top:var(--space-3);display:grid}.type-family-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.type-family-sample,.type-casing{padding:var(--space-4);border:var(--hairline) solid var(--color-border);background:var(--color-surface)}.type-family-sample{gap:var(--space-2);display:grid}.type-family-sample p,.type-casing p{color:var(--color-text-muted);font-size:var(--font-meta);margin:0}.type-casing{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.type-casing-label{color:var(--color-text-muted);font-size:var(--font-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.spacing-line{align-items:flex-end;gap:var(--space-4);min-height:86px;padding:var(--space-4);border:var(--hairline) solid var(--color-border);background:var(--color-surface);display:flex}.space-token{justify-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-label);display:grid}.space-token:before{width:var(--size);height:var(--size);content:"";background:var(--color-accent)}.component-grid{align-items:start}.component-demo{min-width:0}.component-demo>header{padding:var(--space-3) var(--space-4);border-bottom:var(--hairline) solid var(--color-border);background:var(--color-surface-subtle)}.component-demo>header p{color:var(--color-text-muted);font-size:var(--font-meta);margin:2px 0 0}.component-stage{align-items:center;gap:var(--space-2);min-height:116px;padding:var(--space-5);background:var(--color-surface);flex-wrap:wrap;display:flex}.component-stage.is-column{flex-direction:column;align-items:stretch}.component-cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.design-list{margin:0;padding:0;list-style:none}.design-list-row{border-top:var(--hairline) solid var(--color-border);grid-template-columns:4px minmax(0,1fr) auto;min-height:54px;display:grid}.design-list-row:last-child{border-bottom:var(--hairline) solid var(--color-border)}.design-list-rail{background:var(--color-accent)}.design-list-copy{min-width:0;padding:var(--space-2) var(--space-3);align-self:center}.design-list-copy .design-list-title,.design-list-copy small{display:block}.design-list-copy .design-list-title{font-size:var(--font-control);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.design-list-copy small{color:var(--color-text-muted);font-size:var(--font-meta);margin-top:2px}.contract-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-card{padding:var(--space-4)}.contract-card code{color:var(--color-accent);font-size:.92em}@media (width<=900px){.design-layout{grid-template-columns:1fr}.design-nav{grid-template-columns:repeat(3,1fr);display:grid;position:static}.design-nav a{padding-right:var(--space-2)}.color-grid,.contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.design-masthead-inner,.design-layout{width:min(calc(100% - 32px), var(--content-max))}.design-masthead-inner{flex-direction:column;align-items:flex-start}.design-hero h2{font-size:32px}.design-section-head,.principle-grid,.component-grid,.color-grid,.contract-grid{grid-template-columns:1fr}.type-sample{gap:var(--space-1);grid-template-columns:1fr}.type-family-samples{grid-template-columns:1fr}}@media (pointer:coarse){.ui-button,.ui-icon-button,.ui-chip{min-height:var(--touch-target)}.ui-icon-button{width:var(--touch-target)}}@media (prefers-reduced-motion:reduce){.ui-global-banner{transition:none}.ui-button,.ui-icon-button,.ui-chip,.design-page *{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}:root{--col-compose:340px;--col-detail:340px;--board-gap:28px;--board-gap-current:var(--board-gap);--column-pad:var(--board-gap-current);--shell-max:1696px;--shell-pad:32px;--queues-pad:20px;--bulk-select-gutter:40px}.shell{max-width:var(--shell-max);padding:0 var(--shell-pad);margin:0 auto}.board{grid-template-columns:calc(var(--col-compose) + 2 * var(--column-pad)) minmax(0, 1fr) calc(var(--col-detail) + 2 * var(--column-pad));grid-template-rows:auto 1fr;align-items:start;gap:0;min-height:100vh;display:grid;position:relative}.topbar{z-index:1;border-inline:var(--hairline) solid var(--color-border);background:var(--color-surface);grid-area:1/2;position:relative}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-6);padding:22px var(--column-pad) var(--space-4);display:flex}.title-block{min-width:0}.topbar h1{font-size:var(--font-title);letter-spacing:-.02em;margin:0;font-weight:700}.logo{color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border-color:#0000;padding:0}.logo:hover:not(:disabled){color:var(--color-accent);border-color:#0000}.tagline{margin:2px 0 var(--space-6);color:var(--color-text-muted);font-size:var(--font-control)}.nav{gap:var(--space-2);flex:none;display:flex}.gear{background:var(--color-surface)}.help{font-size:17px;font-weight:700}.gear svg,.parsed svg{vertical-align:-.125em}.compose,.detail-col{padding:var(--column-pad);position:sticky;top:0}.compose{grid-area:2/1}.queues,.page{padding:var(--column-pad) var(--column-pad) 40px;border-inline:var(--hairline) solid var(--color-border);background:var(--color-surface);grid-area:2/2;align-self:stretch}.queues{flex-direction:column;gap:22px;display:flex}.bulk-toolbar{z-index:4;min-height:var(--meta-control-height);margin:calc(-1 * var(--column-pad)) calc(-1 * var(--column-pad)) -8px;padding:8px var(--column-pad);border-bottom:var(--hairline) solid transparent;background:var(--color-surface);justify-content:flex-start;align-items:center;gap:7px;display:flex;position:sticky;top:0}.bulk-toolbar.is-active{border-bottom-color:var(--color-border);justify-content:flex-start;box-shadow:0 4px 10px #0000000d}.bulk-selected-count{min-width:6.5rem;color:var(--color-text-muted);font-size:var(--font-meta);font-variant-numeric:tabular-nums;text-align:center}.detail-col{grid-area:2/3;min-width:0}.step-detail-col{background:0 0;grid-column:4}.page{min-width:0}.compose form{flex-direction:column;gap:11px;display:flex}.compose-title-field .ui-field-label{margin-bottom:0}.compose .ui-control{font-size:var(--font-control)}.compose .ui-field-help,.compose .ui-field-error{font-size:var(--font-meta)}.quickadd{flex-direction:column;gap:7px;display:flex}.qa-group{flex-direction:column;align-items:stretch;gap:3px;display:flex}.qa-label{font-size:var(--font-label)}.qa-chips{grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;min-width:0;display:grid}.qa-group.qa-short .qa-chips{grid-template-columns:repeat(5,1fr);grid-auto-flow:row}.qa-chips .ui-chip{touch-action:manipulation;min-width:0;padding-inline:5px}.qa-check{width:max-content;min-width:0;min-height:var(--meta-control-height);color:var(--color-text-muted);font-size:var(--font-label);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;gap:7px;padding:2px 0;line-height:1.25;display:flex}.qa-check input[type=checkbox],.detail-toggle input[type=checkbox],.archive-toggle input[type=checkbox],.editor-check input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--color-accent)}.qa-check:hover,.qa-check:active{color:var(--color-accent)}.auto-badge{align-items:center;gap:6px;width:max-content;margin:0;display:inline-flex}.auto-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px}.hint{align-items:flex-start;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-meta);margin:8px 2px 20px;display:flex}.compose .hint{margin:0}.field-row{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.pv-title{min-width:0;min-height:var(--meta-control-height);max-width:260px;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.compose-error,.compose-notice{margin:0}.compose-actions{gap:7px;display:flex}.compose-actions .add-btn{flex:1}.reset-btn{min-width:70px}.workflow-template-shortcuts{margin-top:var(--space-4)}.workflow-template-shortcuts hr{margin:0 0 var(--space-3);border:0;border-top:var(--hairline) solid var(--color-border)}.workflow-template-buttons{flex-direction:column;gap:7px;display:flex}.template-shortcut{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;width:100%;overflow:hidden}.queue-head .ui-list-title{min-width:0}.queue-head .ui-list-actions{margin-left:auto}.queue-head .unmute-all{padding-inline:7px}.queue.no-drop .ui-list-count{background:var(--color-danger);color:var(--color-on-accent)}.queue.drag-over .ui-list-title,.queue.drag-over .ui-list-count{border-color:var(--color-accent);color:var(--color-accent)}.queue.drag-over .ui-list-count{background:var(--color-accent);color:var(--color-on-accent)}.queue.drag-over .tasks{outline:var(--focus-ring) solid var(--color-accent);outline-offset:-1px}.queue.no-drop .tasks{opacity:.45;filter:grayscale(.85)}.dropzone{border:2px dotted var(--color-border);height:48px;color:var(--color-border-strong);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:22px;font-weight:400;line-height:1;transition:border-color .12s,background-color .12s,color .12s;display:flex}.queue.can-drop .dropzone{border-color:var(--color-border-strong);color:var(--color-text-muted)}.queue.drag-over .dropzone{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 7%, var(--color-surface));color:var(--color-accent)}.dropzone.closed{border-style:dashed;height:30px}.dropzone.selection-mode{visibility:hidden}.board-empty{margin:4px 0 0}.tasks{margin:0;padding:0;list-style:none;transition:opacity .12s,filter .12s}.page .tasks{margin-top:22px}.task{z-index:0;border:var(--hairline) solid var(--color-border);background:var(--color-surface);cursor:pointer;--sel-ring:var(--color-accent);align-items:center;gap:10px;min-width:0;padding:3px 10px;transition:border-color .12s,opacity .15s;display:flex;position:relative;overflow:hidden}.task.bulk-selection-row{width:calc(100% - var(--bulk-select-gutter));margin-left:var(--bulk-select-gutter);cursor:default;overflow:visible}.task.bulk-selection-row .title{cursor:default}.task.bulk-selection-row .bulk-select-checkbox{z-index:4;top:50%;left:calc(-1 * var(--bulk-select-gutter) + 8px);position:absolute;transform:translateY(-50%)}.task.bulk-selection-row.bulk-selected .bulk-select-checkbox{border-color:var(--sel-ring);background:var(--sel-ring)}.task.bulk-selection-row.bulk-selected .bulk-select-checkbox:focus-visible{outline-color:var(--sel-ring)}.task.bulk-selection-row.bulk-selected:before{z-index:3;background:var(--sel-ring);content:"";width:18px;height:3px;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.task+.task{margin-top:-1px}.queues .task{background:0 0}.task:hover{z-index:2;border-color:var(--color-border-strong)}.queues .task:hover{background:var(--color-canvas)}.task.dragging{opacity:.4}.task.is-layout-moving{will-change:transform}.task.selected,.task.selected:hover,.task.bulk-selected,.task.bulk-selected:hover{z-index:3;border-color:var(--sel-ring)}.task.bulk-selected,.task.bulk-selected:hover{background:var(--deadline-tint,var(--color-surface))}.body{z-index:1;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;position:relative}.title-row{align-items:center;gap:6px;min-width:0;display:flex}.title-row .title{flex:1}.title{min-width:0;min-height:var(--meta-control-height);color:var(--color-text);font-size:var(--font-body);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-color:#0000;align-self:stretch;padding:0;font-weight:400;line-height:1.25;display:block;overflow:hidden}.title:hover:not(:disabled){color:var(--color-text);border-color:#0000}.workflow-title{align-items:center;gap:4px;display:flex}.workflow-title-name,.workflow-step-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workflow-title-name{flex:0 auto}.workflow-title-separator{flex:none;align-self:center;width:.9em;height:.9em;display:block}.workflow-step-name{flex:auto}.title-row-label{flex:none;gap:4px}.title-row-label svg{width:1em;height:1em}.recur-mark{color:var(--color-accent)}.meta{min-height:1.25em;color:var(--color-text-muted);font-size:var(--font-meta);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;font-weight:400;line-height:1.25;display:flex}.meta .starts{color:var(--color-accent)}.score{font-variant-numeric:tabular-nums;flex:none;justify-content:center;min-width:92px;font-weight:700}.deadline-task{--deadline-ink:var(--urgency-neutral-ink);--deadline-rail:var(--urgency-neutral-rail);--deadline-rail-glyph:var(--color-accent);--deadline-tint:var(--urgency-neutral-tint);--deadline-hover-tint:var(--urgency-neutral-hover);--deadline-border:var(--urgency-neutral-border);--deadline-badge-bg:var(--urgency-neutral-badge);--deadline-action-bg:var(--urgency-neutral-action);--deadline-action-ink:var(--urgency-neutral-action-ink);--deadline-action-hover-bg:var(--urgency-neutral-action-hover);--deadline-action-hover-ink:var(--urgency-neutral-action-hover-ink)}.deadline-task.deadline-tone-week{--deadline-ink:var(--urgency-week-ink);--deadline-rail:var(--urgency-week-rail);--deadline-rail-glyph:var(--urgency-week-glyph);--deadline-tint:var(--urgency-week-tint);--deadline-hover-tint:var(--urgency-week-hover);--deadline-border:var(--urgency-week-border);--deadline-badge-bg:var(--urgency-week-badge);--deadline-action-bg:var(--urgency-week-action);--deadline-action-ink:var(--urgency-week-action-ink);--deadline-action-hover-bg:var(--urgency-week-action-hover);--deadline-action-hover-ink:var(--urgency-week-action-hover-ink)}.deadline-task.deadline-tone-yellow{--deadline-ink:var(--urgency-yellow-ink);--deadline-rail:var(--urgency-yellow-rail);--deadline-rail-glyph:var(--urgency-yellow-glyph);--deadline-tint:var(--urgency-yellow-tint);--deadline-hover-tint:var(--urgency-yellow-hover);--deadline-border:var(--urgency-yellow-border);--deadline-badge-bg:var(--urgency-yellow-badge);--deadline-action-bg:var(--urgency-yellow-action);--deadline-action-ink:var(--urgency-yellow-action-ink);--deadline-action-hover-bg:var(--urgency-yellow-action-hover);--deadline-action-hover-ink:var(--urgency-yellow-action-hover-ink)}.deadline-task.deadline-tone-orange{--deadline-ink:var(--urgency-orange-ink);--deadline-rail:var(--urgency-orange-rail);--deadline-rail-glyph:var(--urgency-orange-glyph);--deadline-tint:var(--urgency-orange-tint);--deadline-hover-tint:var(--urgency-orange-hover);--deadline-border:var(--urgency-orange-border);--deadline-badge-bg:var(--urgency-orange-badge);--deadline-action-bg:var(--urgency-orange-action);--deadline-action-ink:var(--urgency-orange-action-ink);--deadline-action-hover-bg:var(--urgency-orange-action-hover);--deadline-action-hover-ink:var(--urgency-orange-action-hover-ink)}.deadline-task.deadline-tone-red{--deadline-ink:var(--urgency-red-ink);--deadline-rail:var(--urgency-red-rail);--deadline-rail-glyph:var(--urgency-red-glyph);--deadline-tint:var(--urgency-red-tint);--deadline-hover-tint:var(--urgency-red-hover);--deadline-border:var(--urgency-red-border);--deadline-badge-bg:var(--urgency-red-badge);--deadline-action-bg:var(--urgency-red-action);--deadline-action-ink:var(--urgency-red-action-ink);--deadline-action-hover-bg:var(--urgency-red-action-hover);--deadline-action-hover-ink:var(--urgency-red-action-hover-ink)}.deadline-task.deadline-tone-overdue{--deadline-ink:var(--urgency-overdue-ink);--deadline-rail:var(--urgency-overdue-rail);--deadline-rail-glyph:var(--urgency-overdue-glyph);--deadline-tint:var(--urgency-overdue-tint);--deadline-hover-tint:var(--urgency-overdue-hover);--deadline-border:var(--urgency-overdue-border);--deadline-badge-bg:var(--urgency-overdue-badge);--deadline-action-bg:var(--urgency-overdue-action);--deadline-action-ink:var(--urgency-overdue-action-ink);--deadline-action-hover-bg:var(--urgency-overdue-action-hover);--deadline-action-hover-ink:var(--urgency-overdue-action-hover-ink)}.queues .task.deadline-task{border-color:var(--deadline-border);background:var(--deadline-tint);--sel-ring:var(--deadline-rail);padding-left:10px}.queues .task.deadline-task.is-expedited{padding-left:32px}.queues .task.deadline-task:hover,.queues .task.deadline-task.deadline-tone-overdue:hover{border-color:var(--deadline-border);background:var(--deadline-hover-tint)}.deadline-task .deadline-rail{z-index:2;background:var(--deadline-rail);color:#0000;pointer-events:none;border:0;border-radius:0;justify-content:center;align-items:center;width:4px;padding:0;line-height:1;display:flex;position:absolute;inset:0 auto 0 0}.deadline-task.is-expedited .deadline-rail{width:22px;color:var(--deadline-rail-glyph)}.deadline-task.is-expedited .deadline-rail svg{width:15px;height:15px}.deadline-task .deadline-badge{border-color:var(--deadline-border);background:var(--deadline-badge-bg);color:var(--deadline-ink);font-variant-numeric:tabular-nums}.deadline-task.deadline-tone-overdue .deadline-badge{border-color:var(--deadline-rail);background:var(--deadline-badge-bg);color:var(--deadline-rail-glyph)}.task.overdue{border-color:var(--color-danger-border);background:var(--color-danger-surface);--sel-ring:var(--color-danger)}.task-links{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:inline-flex}.task-link-button{max-width:150px}.task-link-button.is-icon-only{width:var(--meta-control-height);padding-inline:3px}a.task-link-button:hover{color:var(--color-accent)}.row-actions{z-index:3;opacity:0;pointer-events:none;transition:opacity .12s;display:flex;position:absolute;inset:0 0 0 auto}.task:hover .body{padding-right:9rem}.task:has(:focus-visible) .body{padding-right:9rem}.task.has-active-actions:hover .body{padding-right:12rem}.task.has-active-actions:has(:focus-visible) .body{padding-right:12rem}.task:hover .row-actions{opacity:1;pointer-events:auto}.task:has(:focus-visible) .row-actions{opacity:1;pointer-events:auto}.row-actions .ui-icon-button{background:var(--color-border);width:3rem;min-width:3rem;height:100%;min-height:0;color:var(--color-text-muted);border:0;border-radius:0;padding:0;transition:background-color .12s,color .12s}.row-actions .ui-icon-button-complete{background:color-mix(in srgb, var(--color-complete) 15%, var(--color-surface));color:var(--color-complete-ink)}.row-actions .add-next-action{color:var(--color-accent);font-size:18px;font-weight:700}.row-actions .add-next-action:hover:not(:disabled),.row-actions .add-next-action:focus-visible{background:var(--color-accent);color:var(--color-on-accent)}.row-actions .mute-toggle{color:var(--color-text-muted);font-size:16px}.row-actions .mute-toggle.active,.row-actions .mute-toggle:hover:not(:disabled),.row-actions .mute-toggle:focus-visible{background:var(--color-border-strong);color:var(--color-text)}.row-actions .complete-action:hover:not(:disabled),.row-actions .complete-action:focus-visible{border-color:var(--color-complete);background:var(--color-complete);color:var(--color-complete-ink)}.task.deadline-task .row-actions .ui-icon-button:not(.ui-icon-button-complete){background:var(--deadline-action-bg);color:var(--deadline-action-ink)}.task.deadline-task .row-actions .ui-icon-button:not(.ui-icon-button-complete):hover:not(:disabled),.task.deadline-task .row-actions .ui-icon-button:not(.ui-icon-button-complete):focus-visible{background:var(--deadline-action-hover-bg);color:var(--deadline-action-hover-ink)}.task.deadline-task .row-actions .mute-toggle.active,.task.deadline-task .row-actions .mute-toggle.active:hover:not(:disabled),.task.deadline-task .row-actions .mute-toggle.active:focus-visible{background:var(--color-border-strong);color:var(--color-text)}.queues .task.is-muted,.queues .task.is-muted:hover,.queues .task.is-muted.deadline-task:hover{border-color:var(--color-muted-row-border);background:var(--color-muted-row)}@keyframes mute-row-in{0%{background-color:var(--deadline-tint);border-color:var(--deadline-border)}to{background-color:var(--color-muted-row);border-color:var(--color-muted-row-border)}}@keyframes mute-row-out{0%{background-color:var(--color-muted-row);border-color:var(--color-muted-row-border)}to{background-color:var(--deadline-tint);border-color:var(--deadline-border)}}.queues .task.mute-transition-muting{animation:.42s ease-in-out both mute-row-in}.queues .task.mute-transition-unmuting{animation:.42s ease-in-out both mute-row-out}.page>form{align-items:flex-end;gap:var(--space-2);display:flex}.page>form .ui-field{flex:1}.recur-fields{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:10px 2px 0;display:flex}.recur-fields .ui-field{min-width:92px}.recur-fields .ui-control{font-size:var(--font-control)}.zone-note,.zone-marker,.zone-warning{color:var(--color-warning);font-size:var(--font-meta)}.zone-note{margin-bottom:var(--space-1)}.recur-row .recur-when{flex:none;min-width:92px}.recur-row .title{color:var(--color-text);cursor:default;flex:1;font-weight:400}.recur-row>.title,.trashed>.title,.auto-row>.title{align-items:center;display:flex}.recur-row .title:hover{color:var(--color-text)}.trashed .title{color:var(--color-text-muted)}.trashed .ui-button,.recur-row .ui-button{flex:none}.trash-actions{flex-wrap:nowrap;flex:auto;min-width:max-content;margin-top:0}.trash-actions .ui-icon-button{flex:none}.set-head{margin:0}.set-sep{border:0;border-top:var(--hairline) solid var(--color-border);height:0;margin:26px 0}.set-row{color:var(--color-text-muted);align-items:flex-end;gap:6px;margin:8px 0;display:flex}.set-field{width:auto;min-width:84px}.set-field .ui-control{text-align:center;width:84px}.set-field input[type=time].ui-control{width:144px}.set-field .set-zone{text-align:left;width:min(280px,100%);max-width:280px}.typeface-switcher{margin:0}.typeface-fields{gap:var(--space-3);max-width:520px;margin:var(--space-2) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.typeface-fields .ui-field-label{font-size:var(--font-label)}.typeface-fields .ui-control{text-align:left;width:100%}.typeface-help{margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--font-label);line-height:1.45}.typeface-preview{justify-content:space-between;align-items:center;gap:var(--space-3);max-width:520px;padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--font-body);display:flex}.typeface-preview code{color:var(--color-text-muted);font-size:var(--font-control);flex:none}.set-field .ui-field-label{display:none}.set-zone.mismatch{border-color:var(--color-warning)}.settings-session{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-session .hint{flex:1;min-width:180px;margin:8px 0}.logout-btn{min-width:84px}.auto-form,.page>form.auto-form{display:block}.auto-domain{align-items:flex-end;gap:var(--space-2);display:flex}.auto-domain-field{flex:1}.auto-domain>.ui-button{flex:none}.auto-picks{max-width:380px;margin:var(--space-3) 0 0;flex-direction:column;gap:7px;display:flex}.auto-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.auto-row{cursor:default;align-items:center;padding-block:7px}.auto-row .auto-domain{flex:1;min-width:0;font-weight:700;display:block}.auto-row.editing{border-color:var(--color-accent)}.auto-row .row-action{flex:none}.syntax{margin:8px 0 0}.syntax-row{padding:var(--space-3) 2px;border-bottom:var(--hairline) solid var(--color-border);grid-template-columns:minmax(0,1fr);gap:6px 16px;display:grid}.syntax-row dt{flex-wrap:wrap;gap:6px;margin:0;display:flex}.syntax-row dd{color:var(--color-text-muted);font-size:var(--font-control);margin:0}.syntax-def{opacity:.7}.syntax-eg{margin:var(--space-5) 0 4px;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.syntax-eg-label{margin:0}.workflow-page-shell{grid-area:2/1/auto/-1;align-self:stretch;min-width:0}.workflows-page,.completed-page-shell{grid-template-columns:var(--col-compose) minmax(0, 1fr) var(--col-detail);column-gap:var(--board-gap);min-width:0;min-height:500px;display:grid}.workflow-create-column,.workflow-library-list,.workflow-library-right,.completed-help,.completed-list-surface,.completed-detail{min-width:0}.workflow-create-column,.completed-help{top:var(--queues-pad);margin-top:var(--queues-pad);grid-column:1;align-self:start;position:sticky}.workflow-create-column{flex-direction:column;gap:10px;display:flex}.workflow-create-column h2,.workflow-library-right h2,.workflow-overview h2,.workflow-editor h2{color:var(--color-text);font-size:var(--font-section);letter-spacing:-.02em;margin:0;font-weight:700}.workflow-create-column p:not(.ui-eyebrow),.workflow-library-detail p:not(.ui-eyebrow){color:var(--color-text-muted);font-size:var(--font-meta);margin:0 0 10px;line-height:1.55}.archive-toggle,.editor-check,.dialog-choice{color:var(--color-text-muted);font-size:var(--font-meta);align-items:center;gap:6px;display:flex}.workflow-library-list,.completed-list-surface{min-height:500px;padding:var(--queues-pad) var(--queues-pad) 40px;border-inline:var(--hairline) solid var(--color-border);background:var(--color-surface);grid-column:2;align-self:stretch}.library-section-head{border-bottom:var(--hairline) solid var(--color-border);padding-bottom:5px}.library-list,.editor-steps,.workflow-steps,.completed-list,.completed-workflow-steps{margin:0;padding:0;list-style:none}.library-list li+li{border-top:var(--hairline) solid var(--color-border)}.library-list li.selected{border-left:2px solid var(--color-accent);background:var(--color-canvas)}.library-row{width:100%;padding:var(--space-2) 6px;text-align:left;background:0 0;border-color:#0000;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.library-row:hover:not(:disabled){background:var(--color-canvas);border-color:#0000}.library-row strong,.library-row small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.library-row strong{font-weight:700}.library-row small{color:var(--color-text-muted);font-size:var(--font-label)}.library-row .ui-status{margin-top:2px}.empty-library{margin:20px 0}.workflow-library-right{top:var(--queues-pad);min-width:0;margin-top:var(--queues-pad);grid-column:3;align-self:start;position:sticky}.workflow-library-detail,.workflow-overview,.workflow-editor{max-width:620px}.empty-detail{border:var(--hairline) dashed var(--color-border-strong);padding:12px}.template-actions{flex-wrap:wrap;gap:6px;margin-top:0;margin-bottom:14px;display:flex}.workflow-library-right>.ui-notice{margin:0 0 10px}.workflow-overview,.workflow-editor{padding-bottom:var(--space-5)}.workflow-overview-head{margin-bottom:var(--space-3)}.workflow-overview-head .ui-panel-heading,.workflow-overview-head h2{min-width:0}.workflow-overview-head .ui-panel-heading{flex:auto}.workflow-terminal{margin:-6px 0 13px}.workflow-step-row{min-height:48px;padding-right:var(--space-1);border-top:var(--hairline) solid var(--color-border);flex-wrap:wrap;align-items:center;gap:7px;display:flex;position:relative}.workflow-step-row:before{content:"";background:var(--color-accent);width:3px;position:absolute;inset:0 auto 0 0}.workflow-step-row[data-step-status=completed]:before{background:var(--color-complete-ink)}.workflow-step-row[data-step-status=skipped]:before{background:var(--color-text-muted)}.workflow-step-row:last-child{border-bottom:var(--hairline) solid var(--color-border)}.workflow-step-row.is-current{background:var(--color-canvas)}.workflow-step-row.is-selected-editing{outline:1px solid var(--color-accent-hover);outline-offset:-1px;background:0 0}.workflow-step-row.is-resolved{opacity:.6}.workflow-step-main{text-align:left;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:46px;display:flex}.workflow-step-open-line{align-items:center;gap:5px;min-width:0;display:flex}.workflow-step-static-marker{flex:1;align-items:center;min-width:0;min-height:46px;padding:5px 4px;display:inline-flex}.workflow-step-order{color:var(--color-accent);font-size:var(--font-meta);font-variant-numeric:tabular-nums;text-align:center;flex:0 0 24px;font-weight:700}.workflow-step-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.workflow-step-copy strong{font-size:var(--font-body);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.3;overflow:hidden}.workflow-step-open{width:auto;min-width:0;min-height:46px;color:var(--color-text);text-align:left;background:0 0;border-color:#0000;flex:1;justify-content:flex-start;align-items:center;gap:0;padding:5px 4px;display:flex}.workflow-step-open:hover:not(:disabled){color:var(--color-text);background:0 0;border-color:#0000}.workflow-step-links{color:var(--color-text-muted);font-size:var(--font-label);align-items:center;gap:4px;margin:-3px 4px 5px 66px;display:flex}.workflow-step-copy .ui-status{flex:none}.workflow-step-status-icon{width:22px;height:22px;color:var(--color-accent);flex:0 0 22px;justify-content:center;align-items:center;display:inline-flex}.workflow-step-status-icon svg{width:18px;height:18px}.workflow-step-status-icon.state-completed{color:var(--color-complete-ink)}.workflow-step-status-icon.state-skipped{color:var(--color-text-muted)}.workflow-step-signals{flex-wrap:wrap;flex:none;align-items:center;gap:4px;display:flex}.workflow-step-row[draggable=true]{cursor:grab}.workflow-step-row[draggable=true]:active{cursor:grabbing}.workflow-step-row.is-dragging{opacity:.5}.workflow-step-row.is-drag-target{background:color-mix(in srgb, var(--color-accent) 7%, var(--color-side-page))}.workflow-name-display{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.workflow-name-display>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workflow-name-editing,.workflow-name-inline-field{width:100%;min-width:0}.workflow-append-form{display:block}.workflow-append-section{margin-top:var(--space-3)}.workflow-append-form .ui-field{flex:1;min-width:0}.workflow-step-narrow-note{margin:0 0 10px}.workflow-quick-edit-lock{margin:10px 0 0}.detail-delete-help{color:var(--color-text-muted);font-size:var(--font-label);margin:-7px 0 0;line-height:1.45}.workflow-action{width:var(--compact-control-height);min-width:var(--compact-control-height);height:var(--compact-control-height);min-height:var(--compact-control-height);font-size:18px}.workflow-action svg{width:16px;height:16px}.workflow-action.step-action-skip,.workflow-action.step-action-restore{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.workflow-overview-actions,.workflow-editor-footer{flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;display:flex}.workflow-overview-actions .workflow-overview-template-action{flex:0 0 var(--control-height)}.workflow-editor{min-width:0}.workflow-editor-head{z-index:2;border-bottom:var(--hairline) solid var(--color-border);background:var(--color-canvas);margin-bottom:8px;padding-bottom:10px;position:sticky;top:0}.workflow-editor-head-actions{justify-content:flex-start;width:100%;margin-top:8px}.workflow-editor-head-actions>.ui-button{min-width:74px}.workflow-progress{font-variant-numeric:tabular-nums;font-weight:700}.workflow-name-field{margin-bottom:12px}.initial-start-field{margin-bottom:14px}.initial-start-row{align-items:flex-end;gap:6px;display:flex}.initial-start-row .ui-field{flex:1}.initial-start-chips{flex-wrap:wrap;gap:5px;display:flex}.initial-start-field p,.dialog-help{color:var(--color-text-muted);font-size:var(--font-label);margin:6px 0 0;line-height:1.45}.editor-step{border-top:var(--hairline) solid var(--color-border);background:var(--color-canvas);grid-template-columns:28px minmax(0,1fr);gap:8px;padding:12px 0;display:grid;position:relative;overflow:hidden}.workflow-editor:is(.mode-activation,.mode-conversion) .editor-step{background:0 0}.workflow-editor:is(.mode-activation,.mode-conversion) .workflow-editor-head{background:var(--color-side-page)}.workflow-editor:is(.mode-activation,.mode-conversion) .editor-step[draggable=true]{cursor:grab}.workflow-editor:is(.mode-activation,.mode-conversion) .editor-step[draggable=true]:active{cursor:grabbing}.workflow-editor:is(.mode-activation,.mode-conversion) .editor-step.is-dragging{background:var(--color-canvas)}.workflow-editor:is(.mode-activation,.mode-conversion) .editor-step.is-drag-target{background:color-mix(in srgb, var(--color-accent) 5%, transparent)}.editor-step.is-layout-moving{z-index:1;will-change:transform}.editor-step.is-dragging{opacity:.45}.editor-step.is-drag-target{background:color-mix(in srgb, var(--color-accent) 5%, var(--color-canvas))}.editor-step.is-deleted{background:var(--color-danger-surface);opacity:.75}.editor-step-order-controls{z-index:1;flex-direction:column;align-items:center;gap:4px;min-width:0;padding-top:9px;display:flex;position:relative}.editor-step-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;flex:1;align-self:stretch;width:100%;min-height:24px}.editor-step-drag-handle:active{cursor:grabbing}.editor-step-move-actions{flex-direction:column;gap:3px;display:flex}.editor-step-move-actions .ui-icon-button{font-size:14px}.editor-step-fields{z-index:1;min-width:0;position:relative}.editor-step-title-line{display:block}.editor-step-title-field{width:100%}.editor-step-title-field .ui-field-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-step-description .ui-field-label{font-size:var(--font-label)}.editor-step-title-field .ui-control{font-weight:700}.editor-step-description,.editor-step-meta{margin-top:7px}.editor-step-expedite{margin-top:7px;margin-bottom:0}.editor-status-actions{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.step-state{flex:none}.editor-step-undo{margin-top:7px}.workflow-editor-add{color:var(--color-text-muted);font-size:var(--font-meta);align-items:center;gap:9px;margin:12px 0 0;display:flex}.workflow-editor-add .ui-button{border-color:var(--color-accent);color:var(--color-accent)}.detail{overscroll-behavior:contain;max-height:calc(100vh - 48px);animation:.16s panel-in;display:block;overflow-y:auto}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.detail-body{flex-direction:column;gap:13px;padding:0 2px 24px;display:flex}.detail-head h2{font-size:16px;font-weight:700}.detail-task-id{color:var(--color-text-muted);font-size:inherit;font-weight:400;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.detail-head .ui-panel-close{color:var(--color-text-muted)}.detail-head .ui-panel-close:hover:not(:disabled){color:var(--color-danger)}.detail-fields{gap:13px}.bulk-edit-fields{gap:18px}.bulk-field{flex-direction:column;gap:9px;display:flex}.bulk-include{align-items:flex-start}.bulk-include small{color:var(--color-text-muted);font-size:var(--font-label);text-align:right}.bulk-choice{color:var(--color-text-muted);font-size:var(--font-meta);flex-wrap:wrap;gap:12px;padding-left:2px;display:flex}.bulk-choice label{color:var(--color-text);align-items:center;gap:6px;display:inline-flex}.bulk-deadline-controls{flex-direction:column;gap:8px;display:flex}.bulk-deadline-mode{color:var(--color-text);font-size:var(--font-meta);flex-wrap:wrap;gap:12px;padding-left:2px;display:flex}.bulk-deadline-mode label{align-items:center;gap:6px;display:inline-flex}.bulk-deadline-mode input{accent-color:var(--color-accent)}.bulk-extend-btns{margin-top:0}.bulk-clear-note{color:var(--color-text-muted);font-size:var(--font-label);margin:-2px 0 0}.bulk-pending-section{gap:8px}.bulk-pending-empty{color:var(--color-text-muted);font-size:var(--font-meta);margin:0}.bulk-pending-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.bulk-pending-change{border-left:2px solid var(--color-border);background:var(--color-canvas);min-width:0;font-size:var(--font-meta);flex-wrap:wrap;align-items:center;gap:6px 9px;padding:7px 8px;display:flex}.bulk-pending-change.is-ready{border-left-color:var(--color-accent)}.bulk-pending-change.is-pending{border-left-color:var(--color-border-strong)}.bulk-pending-change.is-invalid{border-left-color:var(--color-danger)}.bulk-pending-label{color:var(--color-text);flex:none;font-weight:700}.bulk-pending-value{min-width:0;color:var(--color-text-muted)}.bulk-pending-value .ui-status{white-space:normal}.bulk-pending-change .task-links{flex:100%}.detail-toggle{color:var(--color-text-muted);font-size:var(--font-meta);justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-toggle>span{color:var(--color-text);align-items:center;gap:6px;display:inline-flex}.clear-field{font-size:var(--font-meta);padding:0}.extend{gap:9px}.extend-label{font-size:var(--font-meta)}.extend-btns{flex-wrap:wrap;gap:5px;display:flex}.extend-btns .ui-chip{font-weight:700}.detail-complete-row{display:flex}.detail-complete-row .ui-button svg{width:14px;height:14px}.extend-sep{border:0;border-top:var(--hairline) solid var(--color-border);width:100%;margin:0}.links-editor{flex-direction:column;align-items:stretch;gap:5px;display:flex}.links-editor-label{font-size:var(--font-label)}.links-editor-head{min-height:var(--meta-control-height);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.links-editor-row{align-items:stretch;gap:5px;display:flex}.links-editor-row .ui-control{flex:1}.links-editor-remove{flex:0 0 var(--control-height);font-size:18px}.links-editor .add-link{align-self:flex-start}.links-editor-head .add-link{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));color:var(--color-accent);align-self:center}.links-editor-head .add-link svg{width:14px;height:14px}.detail-title-line{align-items:center;gap:7px;display:flex}.detail-title-line .ui-field{flex:1}.logtime{align-items:center;gap:8px;display:flex}.logtime .spent{min-width:56px;color:var(--color-text);font-size:var(--font-control);flex:none;font-weight:700}.logtime .logtime-input{flex:1}.logtime-err,.detail-fields>.ui-notice{margin:-4px 0 0}.detail-actions{gap:8px;margin-top:4px}.kbd-hint{color:var(--color-text-muted);font-size:var(--font-label);text-align:right;margin:0}.completed-help{color:var(--color-text-muted);font-size:var(--font-control)}.completed-help h2{color:var(--color-text);font-size:var(--font-section);margin:2px 0 8px;font-weight:700}.completed-help p{margin:0 0 12px}.completed-detail{top:var(--queues-pad);min-height:240px;margin-top:var(--queues-pad);border:var(--hairline) solid var(--color-border);background:var(--color-surface);grid-column:3;align-self:start;padding:18px;position:sticky}.completed-detail-body{gap:var(--space-4);flex-direction:column;display:flex}.completed-detail-section{gap:var(--space-4)}.completed-facts{color:var(--color-text-muted);font-size:var(--font-meta);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:5px 10px;display:flex}.completed-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.completed-read-only,.completed-time{color:var(--color-text-muted);font-size:var(--font-meta);font-variant-numeric:tabular-nums}.completed-read-only{margin:0}.completed-row{border-bottom:var(--hairline) solid var(--color-border);align-items:stretch;gap:8px;display:flex}.completed-row-main{min-width:0;color:var(--color-text);text-align:left;background:0 0;border-color:#0000;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:11px 8px;display:flex}.completed-row-main:hover:not(:disabled),.completed-row.is-selected .completed-row-main{color:var(--color-accent);border-color:#0000}.completed-row-main strong,.completed-row-main small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.completed-row-main strong{font-weight:400}.completed-row-main small{color:var(--color-text-muted);font-size:var(--font-label)}.completed-kind{font-size:var(--font-meta)}.completed-undo{font-size:var(--font-meta);flex:none;align-self:center;margin-right:4px}.completed-undo svg{width:13px;height:13px}.completed-empty,.completed-detail-empty,.completed-loading{margin:0}.completed-workflow-steps{border-top:var(--hairline) solid var(--color-border);margin-top:2px}.completed-workflow-steps li{border-bottom:var(--hairline) solid var(--color-border)}.completed-workflow-steps .ui-button{text-align:left;background:0 0;border-color:#0000;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;padding:8px 2px;display:grid}.completed-workflow-steps .ui-button:hover:not(:disabled),.completed-workflow-steps li.is-selected .ui-button{color:var(--color-accent);border-color:#0000}.completed-workflow-steps strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.completed-step-facts{border-left:2px solid var(--color-accent);background:var(--color-canvas);font-size:var(--font-meta);margin-top:0;padding:10px}.completed-step-facts h3{font-size:var(--font-control);margin:0}.completed-step-facts p{margin:7px 0}.dialog-shade{z-index:20;background:color-mix(in srgb, var(--color-text) 18%, transparent);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.workflow-dialog{box-sizing:border-box;width:min(560px,100vw - 32px);padding:var(--space-5);border:var(--hairline) solid var(--color-border-strong);background:var(--color-surface)}.dialog-fields{margin-top:var(--space-4)}.dialog-choice{color:var(--color-text)}.dialog-choice input[type=radio]{accent-color:var(--color-accent)}.dialog-warning{margin:0}.workflow-editor-footer{justify-content:flex-start}.app{max-width:720px;margin:0 auto;padding:40px 20px 80px}.app header h1{font-size:var(--font-title);margin:0;font-weight:700}.app form{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.app .ui-field{width:100%}@media (width>=2232px){.shell{max-width:min(var(--shell-max), calc(100vw - 2 * (var(--col-detail) + 2 * var(--column-pad)) + 2 * var(--shell-pad)))}.board{width:calc(100% + var(--col-detail) + 2 * var(--column-pad));grid-template-columns:calc(var(--col-compose) + 2 * var(--column-pad)) minmax(0, 1fr) calc(var(--col-detail) + 2 * var(--column-pad)) calc(var(--col-detail) + 2 * var(--column-pad))}}@media (width>=1181px) and (width<=2231px){.shell{width:100%;max-width:none;padding-inline:clamp(12px, 2vw, var(--shell-pad))}.board{--board-gap-current:clamp(12px, 1.5vw, var(--board-gap));--column-pad:var(--board-gap-current);grid-template-columns:clamp(240px, 18vw, var(--col-compose)) minmax(0, 1fr) clamp(240px, 18vw, var(--col-detail)) clamp(240px, 18vw, var(--col-detail));width:100%}}@media (width>=1181px) and (width<=1400px){.workflow-step-row{align-items:flex-start;padding-block:5px}.workflow-step-main{flex:100%;width:100%}.workflow-step-signals{margin-top:-2px;margin-left:66px}}@media (width>=1181px){.workflow-editor{max-height:calc(100dvh - 2 * var(--queues-pad));overflow-y:auto}}@media (width>=480px){.syntax-row{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:baseline}}@media (width<=479px){.typeface-fields{grid-template-columns:minmax(0,1fr)}.typeface-preview{flex-direction:column;align-items:flex-start}}@media (width<=1180px){.shell{padding:0}.board{background:var(--color-surface);grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-content:start}.topbar,.compose,.queues,.page,.workflow-page-shell,.completed-page-shell,.detail-col{border:0;grid-area:auto/1}.compose,.detail-col{padding:var(--queues-pad);background:var(--color-surface);position:static}.detail{max-height:none}.detail-col:empty{display:none}.workflow-editor:is(.mode-activation,.mode-conversion) .workflow-editor-head{background:var(--color-surface)}.step-detail-col{display:none}.workflows-page,.completed-page-shell{padding:var(--queues-pad);grid-template-columns:1fr;row-gap:20px}.workflow-create-column,.workflow-library-list,.workflow-library-right,.completed-help,.completed-list-surface,.completed-detail{grid-column:1;margin-top:0;position:static}.workflow-create-column{grid-row:1}.workflow-library-list{border-inline:0;grid-row:2;min-height:0}.workflow-library-right{grid-row:3}.completed-help{grid-row:1}.completed-list-surface{border-inline:0;grid-row:2;min-height:0}.completed-detail{grid-row:3}}@media (pointer:coarse){.quickadd{gap:var(--space-3)}.qa-chips{gap:10px}.qa-check,.qa-chips .ui-chip{min-height:var(--touch-target);font-size:var(--font-body);padding:10px 6px}}@media (prefers-reduced-motion:reduce){.detail,.dropzone,.tasks,.row-actions,.queues .task.mute-transition-muting,.queues .task.mute-transition-unmuting{transition:none;animation:none}}