/* generated from packages/ui/src/styles/tokens.ts (standaloneCss, then themeLayers per [data-theme]) at 8bab216544 */
:root{color-scheme:dark light;--ink:#ffffff;--prose:#d4dae2;--bg-app:#0b0d10;--bg-sidebar:#050709;--bg-card:#111418;--bg-raised:#191c20;--bg-elevated:#212429;--bg-inset:#0b0d10;--bg-thumb:rgb(255 255 255 / 0.10);--switch-thumb:#ffffff;--backdrop:rgb(0 0 0 / 0.50);--stroke-edge:#24282e;--float-edge:rgb(255 255 255 / 0.10);--stroke-frame:rgb(255 255 255 / 0.07);--stroke-frame-active:rgb(255 255 255 / 0.10);--brand-accent:#ff7716;--brand-accent-text:#ff8f45;--hue-green:#4ade80;--hue-yellow:#f8c630;--hue-red:#e66565;--hue-cyan:#29c6be;--hue-blue:#9db9db;--mode-plan-send:#9db9db;--mode-plan-send-ink:#0b0d10;--hue-purple:#b39dff;--hue-pink:#f0a6c8;--text-green:#4ade80;--text-yellow:#f8c630;--text-red:#f07a7a;--text-cyan:#5fd0c9;--text-blue:#9db9db;--chart-1:#3987e5;--chart-2:#03885f;--chart-3:#a297fd;--chart-4:#c98500;--chart-5:#d55181;--chart-6:#b15316;--chart-other:var(--icon-3);--chart-ink:var(--icon-1);--chart-grid:var(--stroke-3);--chart-label:var(--text-3);--chart-crosshair:var(--stroke-1);--agent-red-start:#ff7a7a;--agent-red-end:#e5484d;--agent-orange-start:#ffa45c;--agent-orange-end:#f76b15;--agent-yellow-start:#ffdc6b;--agent-yellow-end:#f2b100;--agent-green-start:#6be39a;--agent-green-end:#25b45d;--agent-cyan-start:#5adbd3;--agent-cyan-end:#14a9a1;--agent-blue-start:#7ab2ff;--agent-blue-end:#3381f2;--agent-purple-start:#bb9aff;--agent-purple-end:#8358ff;--agent-pink-start:#ff96cb;--agent-pink-end:#e8489b;--agent-gray-start:#c0c4ca;--agent-gray-end:#8b8f96;--agent-ink:#111113;--diff-add-fg:#9ece6a;--diff-del-fg:#f7768e;--diff-add-line:rgb(158 206 106 / 0.10);--diff-add-word:rgb(158 206 106 / 0.20);--diff-del-line:rgb(247 118 142 / 0.10);--diff-del-word:rgb(247 118 142 / 0.20);--syntax-fg:#d4dae2;--syntax-comment:#8c939b;--syntax-keyword:#98b0ff;--syntax-string:#96c47e;--syntax-function:#e3c88f;--syntax-number:#d99a5e;--syntax-constant:#4cc4bb;--syntax-link:#98b0ff;--syntax-punctuation:#d4dae299;--syntax-parameter:#d4dae2;--focus-color:var(--ink);--selection:color-mix(in srgb, var(--brand-accent) 36%, transparent);--selection-ink:var(--ink);--horizon-core:#ffd7b5;--text-1:var(--ink);--text-2:color-mix(in srgb, var(--ink) var(--rank-text-2), transparent);--text-3:color-mix(in srgb, var(--ink) var(--rank-text-3), transparent);--text-4:color-mix(in srgb, var(--ink) var(--rank-text-4), transparent);--text-prose:var(--prose);--text-inverse:var(--bg-app);--text-accent:var(--brand-accent-text);--text-success:var(--text-green);--text-warning:var(--text-yellow);--text-danger:var(--text-red);--text-link:var(--text-1);--link-underline:color-mix(in srgb, var(--ink) 30%, transparent);--link-underline-hover:var(--text-1);--icon-1:var(--ink);--icon-2:color-mix(in srgb, var(--ink) var(--rank-icon-2), transparent);--icon-3:color-mix(in srgb, var(--ink) var(--rank-icon-3), transparent);--icon-4:color-mix(in srgb, var(--ink) var(--rank-icon-4), transparent);--fill-1:color-mix(in srgb, var(--ink) 18%, transparent);--fill-pressed:color-mix(in srgb, var(--ink) 14%, transparent);--fill-2:color-mix(in srgb, var(--ink) 12%, transparent);--fill-3:color-mix(in srgb, var(--ink) 8%, transparent);--fill-4:color-mix(in srgb, var(--ink) 5%, transparent);--fill-5:color-mix(in srgb, var(--ink) 3%, transparent);--stroke-1:color-mix(in srgb, var(--ink) 20%, transparent);--stroke-2:color-mix(in srgb, var(--ink) 10%, transparent);--stroke-3:color-mix(in srgb, var(--ink) 7%, transparent);--stroke-4:color-mix(in srgb, var(--ink) 4%, transparent);--stroke-outline:color-mix(in srgb, var(--ink) 15%, transparent);--bg-inverse:var(--ink);--bg-inverse-hover:color-mix(in srgb, var(--ink) 89%, var(--bg-app));--glass:color-mix(in srgb, var(--bg-app) 85%, transparent);--hue-accent:var(--brand-accent);--mark:var(--hue-accent);--mark-halo:rgb(255 255 255 / 0.9);--brand-mark:var(--icon-2);--accent-soft:color-mix(in srgb, var(--hue-accent) 12%, transparent);--success-soft:color-mix(in srgb, var(--hue-green) 10%, transparent);--warning-soft:color-mix(in srgb, var(--hue-yellow) 10%, transparent);--danger-soft:color-mix(in srgb, var(--hue-red) 10%, transparent);--danger-soft-hover:color-mix(in srgb, var(--hue-red) 18%, transparent);--mode-plan:var(--hue-blue);--mode-plan-text:var(--text-blue);--mode-ask:var(--hue-green);--mode-ask-text:var(--text-green);--mode-debug:var(--hue-red);--mode-debug-text:var(--text-red);--status-running:var(--icon-2);--status-attention:var(--hue-accent);--status-error:var(--hue-red);--status-unread:var(--hue-accent);--status-idle:transparent;--caret:var(--hue-accent);--ring:color-mix(in srgb, var(--focus-color) var(--focus-strength), transparent);--scrollbar-thumb:color-mix(in srgb, var(--ink) var(--rank-scrollbar), transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--ink) var(--rank-scrollbar-hover), transparent);--rank-text-2:64%;--rank-text-3:50%;--rank-text-4:34%;--rank-icon-2:60%;--rank-icon-3:46%;--rank-icon-4:28%;--focus-strength:40%;--horizon-bloom:8%;--horizon-helm:0.4;--horizon-helm-bloom:3%;--mode-soft-strength:12%;--rank-scrollbar:20%;--rank-scrollbar-hover:32%;--avatar-tint:18%;--chart-wash:28%;--chart-dim:40%;--chart-ramp-1:40%;--chart-ramp-2:55%;--chart-ramp-3:70%;--chart-ramp-4:85%;--chart-ramp-5:100%;--shadow-popup:0 1px 2px 0 rgb(0 0 0 / 0.40), 0 16px 48px -8px rgb(0 0 0 / 0.60);--shadow-dialog:0 24px 80px -12px rgb(0 0 0 / 0.72);--shadow-sm:0 2px 8px 0 rgb(0 0 0 / 0.40);--shadow-soft:0 16px 48px -8px rgb(0 0 0 / 0.55);--shadow-bubble:0 0 0 0 transparent;--shadow-thumb:0 0 0 0 transparent;--shadow-horizon:0 0 8px 0 color-mix(in srgb, var(--brand-accent) 55%, transparent);--horizon-hail-edge:1px;--icon-stroke:1.5px;--stem-regular:calc((0.0082 + 0.000192 * var(--weight-regular)) * 1em);--stem-display:calc((0.0082 + 0.000192 * var(--weight-display)) * 1em);--stem-medium:calc((0.0082 + 0.000192 * var(--weight-medium)) * 1em);--stem-semibold:calc((0.0082 + 0.000192 * var(--weight-semibold)) * 1em);--ring-width:2px;--halo-width:3px;--chart-line:2px;--chart-line-inline:var(--icon-stroke);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono:"Geist Mono", "SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-features:"cv05";--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-lg:15px;--font-size-xl:17px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-display:30px;--font-size-hero:56px;--font-size-code-inline:0.867em;--font-size-field-touch:16px;--line-height-xs:14px;--line-height-sm:16px;--line-height-base:18px;--line-height-lg:24px;--line-height-xl:24px;--line-height-2xl:28px;--line-height-3xl:32px;--line-height-display:36px;--line-height-hero:60px;--line-height-heading:1.33;--line-height-code:19px;--tracking-xs:0.07px;--tracking-sm:0px;--tracking-base:-0.08px;--tracking-lg:0px;--tracking-xl:-0.43px;--tracking-2xl:-0.45px;--tracking-3xl:-0.24px;--tracking-display:-0.45px;--tracking-hero:-1.4px;--tracking-readout:0px;--tracking-eyebrow:0px;--weight-regular:418;--weight-medium:500;--weight-semibold:600;--weight-display:460;--type-caption:var(--weight-regular) var(--font-size-xs)/var(--line-height-xs) var(--font-sans);--type-label:var(--weight-regular) var(--font-size-sm)/var(--line-height-sm) var(--font-sans);--type-ui:var(--weight-regular) var(--font-size-base)/var(--line-height-base) var(--font-sans);--type-ui-strong:var(--weight-medium) var(--font-size-base)/var(--line-height-base) var(--font-sans);--type-prose:var(--weight-regular) var(--font-size-lg)/var(--line-height-lg) var(--font-sans);--type-title:var(--weight-medium) var(--font-size-lg)/var(--line-height-lg) var(--font-sans);--type-heading:var(--weight-medium) var(--font-size-2xl)/var(--line-height-2xl) var(--font-sans);--type-display:var(--weight-display) var(--font-size-display)/var(--line-height-display) var(--font-sans);--type-code:var(--weight-regular) var(--font-size-sm)/var(--line-height-code) var(--font-mono);--type-hero:var(--weight-display) var(--font-size-hero)/var(--line-height-hero) var(--font-sans);--type-readout:var(--weight-regular) var(--font-size-xs)/var(--line-height-sm) var(--font-mono);--type-group:var(--weight-medium) var(--font-size-base)/var(--line-height-base) var(--font-sans);--type-eyebrow:var(--weight-medium) var(--font-size-sm)/var(--line-height-sm) var(--font-sans);--link-thickness:1px;--link-offset:0.18em;--space-0:0px;--space-px:1px;--space-0-5:2px;--space-0-75:3px;--space-1:4px;--space-1-25:5px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--card-text-inset:calc(1px + var(--space-3-5));--space-4:16px;--space-4-5:18px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-row:10px;--radius-frame-composer:calc(var(--control-sm) / 2 + var(--space-2) + 1px);--radius-frame-tray:calc(var(--control-sm) / 2 + var(--space-2));--radius-frame-popover:calc(var(--control-sm) / 2 + var(--space-3));--radius-frame-list:calc(var(--control-sm) / 2 + var(--space-1-5));--radius-frame-dialog:calc(var(--control-md) / 2 + var(--space-4) + 1px);--radius-frame-card:calc(1px + var(--space-2) + var(--radius-md));--radius-xl:12px;--radius-2xl:16px;--radius-4xl:24px;--radius-full:9999px;--corner:round;--control-xs:20px;--control-sm:24px;--control-md:28px;--control-lg:32px;--icon-2xs:10px;--icon-xs:12px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-xl:24px;--icon-text:calc(round(nearest, 1cap, 1px) + round(up, 1.2 * (var(--icon-text-ink) - var(--stem-regular)) - round(nearest, 1cap, 1px), 2px));--icon-text-ink:1.09cap;--icon-text-nudge:calc(round(down, (1lh - round(0.9668em, var(--icon-text-snap)) - round(0.2109em, var(--icon-text-snap))) / 2, var(--icon-text-snap)) + round(0.9668em, var(--icon-text-snap)) - round(0.5cap + 0.5 * var(--icon-text), var(--icon-text-snap)) - 0.5lh + 0.5 * var(--icon-text));--icon-text-snap:1px;--z-raised:1;--z-sticky:10;--z-drawer-backdrop:40;--z-drawer:50;--z-modal:100;--z-popover:200;--z-toast:300;--z-tooltip:400;--duration-instant:50ms;--duration-fast:150ms;--duration-slower:300ms;--duration-enter:200ms;--duration-exit:120ms;--duration-fold:200ms;--duration-fold-close:160ms;--duration-dialog:180ms;--duration-dialog-exit:140ms;--duration-pop:120ms;--duration-pop-exit:90ms;--duration-tip:90ms;--duration-tip-exit:70ms;--duration-glide-fade:100ms;--duration-focus:200ms;--duration-morph:410ms;--duration-swap:240ms;--duration-found:1600ms;--duration-reduced:0.01ms;--delay-scrollbar-hide:600ms;--duration-horizon:480ms;--duration-settle:320ms;--duration-release:280ms;--duration-badge:130ms;--duration-avatar-pop:340ms;--duration-reorder:220ms;--duration-hop:600ms;--duration-flash:2500ms;--loop-watch:3.2s;--loop-shimmer:calc(var(--loop-watch) / 2);--loop-spin:1s;--loop-skeleton:1.4s;--ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--ease-in-out:ease-in-out;--ease-exit:ease-in;--ease-out-strong:cubic-bezier(0.165, 0.84, 0.44, 1);--ease-pop:cubic-bezier(0.16, 1, 0.3, 1);--ease-enter:cubic-bezier(0.23, 1, 0.32, 1);--ease-sweep:cubic-bezier(0.45, 0.05, 0.4, 1);--ease-overshoot:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-settle:linear(0, 0.075 5%, 0.228 10%, 0.391 15%, 0.537 20%, 0.657 25%, 0.751 30%, 0.822 35%, 0.874 40%, 0.912 45%, 0.939 50%, 0.958 55%, 0.971 60%, 0.980 65%, 0.987 70%, 0.991 75%, 0.994 80%, 0.997 90%, 1);--ease-release:linear(0, 0.070 4%, 0.226 8%, 0.408 12%, 0.581 17%, 0.727 21%, 0.839 25%, 0.920 29%, 0.974 33%, 1.006 38%, 1.022 42%, 1.028 48%, 1.024 54%, 1.014 62%, 1.006 71%, 1.001 79%, 1);--ease-morph:linear(0, 0.055 4%, 0.179 8%, 0.327 12%, 0.474 17%, 0.606 21%, 0.716 25%, 0.804 29%, 0.871 33%, 0.920 38%, 0.954 42%, 0.977 46%, 0.992 50%, 1.001 54%, 1.005 58%, 1.007 62%, 1.008 67%, 1.007 71%, 1.006 75%, 1.005 79%, 1.004 83%, 1.003 88%, 1.002 92%, 1.001 96%, 1);--pop-offset:4px;--tray-offset:4px;--drop-offset:4px;--dialog-rise:8px;--enter-offset:6px;--step-offset:16px;--swap-offset:4px;--swap-blur:4px;--morph-scale:0.94;--press-scale:0.98;--press-scale-chip:0.95;--presence-scale:0.92;--pop-scale:0.6;--badge-scale:0.4;--reveal-offset:6px;--label-rise:4px;--topbar-height:40px;--sidebar-width-default:240px;--sidebar-width-min:210px;--sidebar-width-max:400px;--sidebar-row-height:30px;--thread-width:764px;--agent-thread-width:960px;--bubble-measure:560px;--thread-inset:13px;--home-width:608px;--palette-height:440px;--palette-search-height:52px;--page-width:1120px;--page-bar-height:56px;--form-width:380px;--stream-gap:14px;--turn-gap:24px;--group-label-height:30px;--sidebar-subgroup-gap:var(--space-3);--sidebar-group-gap:var(--space-5);--timestamp-box:26px;--quickstart-row-height:36px;--hairline-inset:11px;--rule-width:3px;--composer-max-height:420px;--media-max-height:360px;--drawer-gutter:72px;--scrollbar-size-visible:4px;--glass-blur:12px;--backdrop-blur:8px;--safe-top:env(safe-area-inset-top, 0px);--safe-right:env(safe-area-inset-right, 0px);--safe-bottom:env(safe-area-inset-bottom, 0px);--safe-left:env(safe-area-inset-left, 0px);}
:root[data-theme="dark"]{color-scheme:dark;--ink:#ffffff;--prose:#d4dae2;--bg-app:#0b0d10;--bg-sidebar:#050709;--bg-card:#111418;--bg-raised:#191c20;--bg-elevated:#212429;--bg-inset:#0b0d10;--bg-thumb:rgb(255 255 255 / 0.10);--backdrop:rgb(0 0 0 / 0.50);--stroke-edge:#24282e;--float-edge:rgb(255 255 255 / 0.10);--stroke-frame:rgb(255 255 255 / 0.07);--stroke-frame-active:rgb(255 255 255 / 0.10);--brand-accent:#ff7716;--brand-accent-text:#ff8f45;--hue-green:#4ade80;--hue-yellow:#f8c630;--hue-red:#e66565;--hue-cyan:#29c6be;--hue-blue:#9db9db;--mode-plan-send:#9db9db;--mode-plan-send-ink:#0b0d10;--hue-purple:#b39dff;--hue-pink:#f0a6c8;--text-green:#4ade80;--text-yellow:#f8c630;--text-red:#f07a7a;--text-cyan:#5fd0c9;--text-blue:#9db9db;--chart-1:#3987e5;--chart-2:#03885f;--chart-3:#a297fd;--chart-4:#c98500;--chart-5:#d55181;--chart-6:#b15316;--agent-red-start:#ff7a7a;--agent-red-end:#e5484d;--agent-orange-start:#ffa45c;--agent-orange-end:#f76b15;--agent-yellow-start:#ffdc6b;--agent-yellow-end:#f2b100;--agent-green-start:#6be39a;--agent-green-end:#25b45d;--agent-cyan-start:#5adbd3;--agent-cyan-end:#14a9a1;--agent-blue-start:#7ab2ff;--agent-blue-end:#3381f2;--agent-purple-start:#bb9aff;--agent-purple-end:#8358ff;--agent-pink-start:#ff96cb;--agent-pink-end:#e8489b;--agent-gray-start:#c0c4ca;--agent-gray-end:#8b8f96;--agent-ink:#111113;--diff-add-fg:#9ece6a;--diff-del-fg:#f7768e;--diff-add-line:rgb(158 206 106 / 0.10);--diff-add-word:rgb(158 206 106 / 0.20);--diff-del-line:rgb(247 118 142 / 0.10);--diff-del-word:rgb(247 118 142 / 0.20);--syntax-fg:#d4dae2;--syntax-comment:#8c939b;--syntax-keyword:#98b0ff;--syntax-string:#96c47e;--syntax-function:#e3c88f;--syntax-number:#d99a5e;--syntax-constant:#4cc4bb;--syntax-link:#98b0ff;--syntax-punctuation:#d4dae299;--syntax-parameter:#d4dae2;--horizon-core:#ffd7b5;--rank-text-2:64%;--rank-text-3:50%;--rank-text-4:34%;--rank-icon-2:60%;--rank-icon-3:46%;--rank-icon-4:28%;--focus-strength:40%;--horizon-bloom:8%;--horizon-helm:0.4;--horizon-helm-bloom:3%;--rank-scrollbar:20%;--rank-scrollbar-hover:32%;--avatar-tint:18%;--shadow-popup:0 1px 2px 0 rgb(0 0 0 / 0.40), 0 16px 48px -8px rgb(0 0 0 / 0.60);--shadow-dialog:0 24px 80px -12px rgb(0 0 0 / 0.72);--shadow-sm:0 2px 8px 0 rgb(0 0 0 / 0.40);--shadow-soft:0 16px 48px -8px rgb(0 0 0 / 0.55);--shadow-thumb:0 0 0 0 transparent;--shadow-horizon:0 0 8px 0 color-mix(in srgb, var(--brand-accent) 55%, transparent);}
:root[data-theme="light"]{color-scheme:light;--ink:#0b0d10;--prose:#26292d;--bg-app:#eff1f3;--bg-sidebar:#e7e9ec;--bg-card:#f7f8f9;--bg-raised:#ffffff;--bg-elevated:#ffffff;--bg-inset:#eff1f3;--bg-thumb:#ffffff;--backdrop:rgb(11 13 16 / 0.06);--stroke-edge:#d7dbdf;--float-edge:rgb(11 13 16 / 0.07);--stroke-frame:#d7dbdf;--stroke-frame-active:rgb(11 13 16 / 0.16);--brand-accent:#d25200;--brand-accent-text:#a84100;--hue-green:#16a34a;--hue-yellow:#a16207;--hue-red:#dc2626;--hue-cyan:#0e7490;--hue-blue:#3567b5;--mode-plan-send:#d9e3f2;--mode-plan-send-ink:#2c58a8;--hue-purple:#6d28d9;--hue-pink:#be185d;--text-green:#0e7034;--text-yellow:#875700;--text-red:#b91c1c;--text-cyan:#0c6a84;--text-blue:#2c58a8;--chart-1:#1f6fcc;--chart-2:#06999b;--chart-3:#4a3aa7;--chart-4:#bb7e03;--chart-5:#ae4771;--chart-6:#983803;--agent-red-start:#f26464;--agent-red-end:#d93b3f;--agent-orange-start:#ff9445;--agent-orange-end:#e45e0c;--agent-yellow-start:#ffcf40;--agent-yellow-end:#e2a200;--agent-green-start:#4fcf82;--agent-green-end:#1c9e4e;--agent-cyan-start:#3cc6be;--agent-cyan-end:#0f948d;--agent-blue-start:#5c9bf6;--agent-blue-end:#276ddf;--agent-purple-start:#a483f8;--agent-purple-end:#7048f2;--agent-pink-start:#f87fbb;--agent-pink-end:#d93c8b;--agent-gray-start:#adb1b8;--agent-gray-end:#7a7e85;--agent-ink:#111113;--diff-add-fg:#137337;--diff-del-fg:#b91c1c;--diff-add-line:rgb(22 163 74 / 0.09);--diff-add-word:rgb(22 163 74 / 0.18);--diff-del-line:rgb(220 38 38 / 0.08);--diff-del-word:rgb(220 38 38 / 0.16);--syntax-fg:#181b1e;--syntax-comment:#5d6268;--syntax-keyword:#3651c9;--syntax-string:#3a7a1f;--syntax-function:#8a5a00;--syntax-number:#a3480f;--syntax-constant:#0b6f78;--syntax-link:#3651c9;--syntax-punctuation:#181b1eb3;--syntax-parameter:#181b1e;--horizon-core:#ec6a12;--rank-text-2:72%;--rank-text-3:60%;--rank-text-4:44%;--rank-icon-2:66%;--rank-icon-3:52%;--rank-icon-4:32%;--focus-strength:50%;--horizon-bloom:0%;--horizon-helm:0.45;--horizon-helm-bloom:0%;--rank-scrollbar:16%;--rank-scrollbar-hover:28%;--avatar-tint:12%;--shadow-popup:0 1px 2px 0 rgb(11 13 16 / 0.05), 0 16px 48px -8px rgb(11 13 16 / 0.18);--shadow-dialog:0 1px 3px 0 rgb(11 13 16 / 0.05), 0 24px 64px -12px rgb(11 13 16 / 0.24);--shadow-sm:0 2px 8px 0 rgb(11 13 16 / 0.07);--shadow-soft:0 12px 32px -8px rgb(11 13 16 / 0.14);--shadow-thumb:0 1px 2px 0 rgb(11 13 16 / 0.10), 0 0 0 1px rgb(11 13 16 / 0.06);--shadow-horizon:none;}
@supports (corner-shape: superellipse(2)){:root{--radius-xl:15px;--radius-2xl:20px;--radius-4xl:30px;--corner:superellipse(1.6);}}
@media (min-resolution: 2dppx){:root{--icon-text-snap:0.5px;}}
@media (prefers-contrast: more){:root{--rank-text-3:var(--rank-text-2);--rank-text-4:60%;--stroke-3:color-mix(in srgb, var(--ink) 20%, transparent);--stroke-2:color-mix(in srgb, var(--ink) 28%, transparent);--stroke-frame:color-mix(in srgb, var(--ink) 20%, transparent);--stroke-frame-active:color-mix(in srgb, var(--ink) 32%, transparent);--float-edge:color-mix(in srgb, var(--ink) 28%, transparent);--focus-strength:100%;--chart-crosshair:color-mix(in srgb, var(--ink) 40%, transparent);--glass:var(--bg-app);--horizon-bloom:0%;--horizon-helm-bloom:0%;--shadow-horizon:none;}}
:root,[data-theme="dark"]{color-scheme:dark;--ink:#ffffff;--prose:#d4dae2;--bg-app:#0b0d10;--bg-sidebar:#050709;--bg-card:#111418;--bg-raised:#191c20;--bg-elevated:#212429;--bg-inset:#0b0d10;--bg-thumb:rgb(255 255 255 / 0.10);--backdrop:rgb(0 0 0 / 0.50);--stroke-edge:#24282e;--float-edge:rgb(255 255 255 / 0.10);--stroke-frame:rgb(255 255 255 / 0.07);--stroke-frame-active:rgb(255 255 255 / 0.10);--brand-accent:#ff7716;--brand-accent-text:#ff8f45;--hue-green:#4ade80;--hue-yellow:#f8c630;--hue-red:#e66565;--hue-cyan:#29c6be;--hue-blue:#9db9db;--mode-plan-send:#9db9db;--mode-plan-send-ink:#0b0d10;--hue-purple:#b39dff;--hue-pink:#f0a6c8;--text-green:#4ade80;--text-yellow:#f8c630;--text-red:#f07a7a;--text-cyan:#5fd0c9;--text-blue:#9db9db;--chart-1:#3987e5;--chart-2:#03885f;--chart-3:#a297fd;--chart-4:#c98500;--chart-5:#d55181;--chart-6:#b15316;--agent-red-start:#ff7a7a;--agent-red-end:#e5484d;--agent-orange-start:#ffa45c;--agent-orange-end:#f76b15;--agent-yellow-start:#ffdc6b;--agent-yellow-end:#f2b100;--agent-green-start:#6be39a;--agent-green-end:#25b45d;--agent-cyan-start:#5adbd3;--agent-cyan-end:#14a9a1;--agent-blue-start:#7ab2ff;--agent-blue-end:#3381f2;--agent-purple-start:#bb9aff;--agent-purple-end:#8358ff;--agent-pink-start:#ff96cb;--agent-pink-end:#e8489b;--agent-gray-start:#c0c4ca;--agent-gray-end:#8b8f96;--agent-ink:#111113;--diff-add-fg:#9ece6a;--diff-del-fg:#f7768e;--diff-add-line:rgb(158 206 106 / 0.10);--diff-add-word:rgb(158 206 106 / 0.20);--diff-del-line:rgb(247 118 142 / 0.10);--diff-del-word:rgb(247 118 142 / 0.20);--syntax-fg:#d4dae2;--syntax-comment:#8c939b;--syntax-keyword:#98b0ff;--syntax-string:#96c47e;--syntax-function:#e3c88f;--syntax-number:#d99a5e;--syntax-constant:#4cc4bb;--syntax-link:#98b0ff;--syntax-punctuation:#d4dae299;--syntax-parameter:#d4dae2;--horizon-core:#ffd7b5;--rank-text-2:64%;--rank-text-3:50%;--rank-text-4:34%;--rank-icon-2:60%;--rank-icon-3:46%;--rank-icon-4:28%;--focus-strength:40%;--horizon-bloom:8%;--horizon-helm:0.4;--horizon-helm-bloom:3%;--rank-scrollbar:20%;--rank-scrollbar-hover:32%;--avatar-tint:18%;--shadow-popup:0 1px 2px 0 rgb(0 0 0 / 0.40), 0 16px 48px -8px rgb(0 0 0 / 0.60);--shadow-dialog:0 24px 80px -12px rgb(0 0 0 / 0.72);--shadow-sm:0 2px 8px 0 rgb(0 0 0 / 0.40);--shadow-soft:0 16px 48px -8px rgb(0 0 0 / 0.55);--shadow-thumb:0 0 0 0 transparent;--shadow-horizon:0 0 8px 0 color-mix(in srgb, var(--brand-accent) 55%, transparent);}
[data-theme="light"]{color-scheme:light;--ink:#0b0d10;--prose:#26292d;--bg-app:#eff1f3;--bg-sidebar:#e7e9ec;--bg-card:#f7f8f9;--bg-raised:#ffffff;--bg-elevated:#ffffff;--bg-inset:#eff1f3;--bg-thumb:#ffffff;--backdrop:rgb(11 13 16 / 0.06);--stroke-edge:#d7dbdf;--float-edge:rgb(11 13 16 / 0.07);--stroke-frame:#d7dbdf;--stroke-frame-active:rgb(11 13 16 / 0.16);--brand-accent:#d25200;--brand-accent-text:#a84100;--hue-green:#16a34a;--hue-yellow:#a16207;--hue-red:#dc2626;--hue-cyan:#0e7490;--hue-blue:#3567b5;--mode-plan-send:#d9e3f2;--mode-plan-send-ink:#2c58a8;--hue-purple:#6d28d9;--hue-pink:#be185d;--text-green:#0e7034;--text-yellow:#875700;--text-red:#b91c1c;--text-cyan:#0c6a84;--text-blue:#2c58a8;--chart-1:#1f6fcc;--chart-2:#06999b;--chart-3:#4a3aa7;--chart-4:#bb7e03;--chart-5:#ae4771;--chart-6:#983803;--agent-red-start:#f26464;--agent-red-end:#d93b3f;--agent-orange-start:#ff9445;--agent-orange-end:#e45e0c;--agent-yellow-start:#ffcf40;--agent-yellow-end:#e2a200;--agent-green-start:#4fcf82;--agent-green-end:#1c9e4e;--agent-cyan-start:#3cc6be;--agent-cyan-end:#0f948d;--agent-blue-start:#5c9bf6;--agent-blue-end:#276ddf;--agent-purple-start:#a483f8;--agent-purple-end:#7048f2;--agent-pink-start:#f87fbb;--agent-pink-end:#d93c8b;--agent-gray-start:#adb1b8;--agent-gray-end:#7a7e85;--agent-ink:#111113;--diff-add-fg:#137337;--diff-del-fg:#b91c1c;--diff-add-line:rgb(22 163 74 / 0.09);--diff-add-word:rgb(22 163 74 / 0.18);--diff-del-line:rgb(220 38 38 / 0.08);--diff-del-word:rgb(220 38 38 / 0.16);--syntax-fg:#181b1e;--syntax-comment:#5d6268;--syntax-keyword:#3651c9;--syntax-string:#3a7a1f;--syntax-function:#8a5a00;--syntax-number:#a3480f;--syntax-constant:#0b6f78;--syntax-link:#3651c9;--syntax-punctuation:#181b1eb3;--syntax-parameter:#181b1e;--horizon-core:#ec6a12;--rank-text-2:72%;--rank-text-3:60%;--rank-text-4:44%;--rank-icon-2:66%;--rank-icon-3:52%;--rank-icon-4:32%;--focus-strength:50%;--horizon-bloom:0%;--horizon-helm:0.45;--horizon-helm-bloom:0%;--rank-scrollbar:16%;--rank-scrollbar-hover:28%;--avatar-tint:12%;--shadow-popup:0 1px 2px 0 rgb(11 13 16 / 0.05), 0 16px 48px -8px rgb(11 13 16 / 0.18);--shadow-dialog:0 1px 3px 0 rgb(11 13 16 / 0.05), 0 24px 64px -12px rgb(11 13 16 / 0.24);--shadow-sm:0 2px 8px 0 rgb(11 13 16 / 0.07);--shadow-soft:0 12px 32px -8px rgb(11 13 16 / 0.14);--shadow-thumb:0 1px 2px 0 rgb(11 13 16 / 0.10), 0 0 0 1px rgb(11 13 16 / 0.06);--shadow-horizon:none;}
:root,[data-theme]{--chart-other:var(--icon-3);--chart-ink:var(--icon-1);--chart-grid:var(--stroke-3);--chart-label:var(--text-3);--chart-crosshair:var(--stroke-1);--focus-color:var(--ink);--selection:color-mix(in srgb, var(--brand-accent) 36%, transparent);--selection-ink:var(--ink);--text-1:var(--ink);--text-2:color-mix(in srgb, var(--ink) var(--rank-text-2), transparent);--text-3:color-mix(in srgb, var(--ink) var(--rank-text-3), transparent);--text-4:color-mix(in srgb, var(--ink) var(--rank-text-4), transparent);--text-prose:var(--prose);--text-inverse:var(--bg-app);--text-accent:var(--brand-accent-text);--text-success:var(--text-green);--text-warning:var(--text-yellow);--text-danger:var(--text-red);--text-link:var(--text-1);--link-underline:color-mix(in srgb, var(--ink) 30%, transparent);--link-underline-hover:var(--text-1);--icon-1:var(--ink);--icon-2:color-mix(in srgb, var(--ink) var(--rank-icon-2), transparent);--icon-3:color-mix(in srgb, var(--ink) var(--rank-icon-3), transparent);--icon-4:color-mix(in srgb, var(--ink) var(--rank-icon-4), transparent);--fill-1:color-mix(in srgb, var(--ink) 18%, transparent);--fill-pressed:color-mix(in srgb, var(--ink) 14%, transparent);--fill-2:color-mix(in srgb, var(--ink) 12%, transparent);--fill-3:color-mix(in srgb, var(--ink) 8%, transparent);--fill-4:color-mix(in srgb, var(--ink) 5%, transparent);--fill-5:color-mix(in srgb, var(--ink) 3%, transparent);--stroke-1:color-mix(in srgb, var(--ink) 20%, transparent);--stroke-2:color-mix(in srgb, var(--ink) 10%, transparent);--stroke-3:color-mix(in srgb, var(--ink) 7%, transparent);--stroke-4:color-mix(in srgb, var(--ink) 4%, transparent);--stroke-outline:color-mix(in srgb, var(--ink) 15%, transparent);--bg-inverse:var(--ink);--bg-inverse-hover:color-mix(in srgb, var(--ink) 89%, var(--bg-app));--glass:color-mix(in srgb, var(--bg-app) 85%, transparent);--hue-accent:var(--brand-accent);--mark:var(--hue-accent);--brand-mark:var(--icon-2);--accent-soft:color-mix(in srgb, var(--hue-accent) 12%, transparent);--success-soft:color-mix(in srgb, var(--hue-green) 10%, transparent);--warning-soft:color-mix(in srgb, var(--hue-yellow) 10%, transparent);--danger-soft:color-mix(in srgb, var(--hue-red) 10%, transparent);--danger-soft-hover:color-mix(in srgb, var(--hue-red) 18%, transparent);--mode-plan:var(--hue-blue);--mode-plan-text:var(--text-blue);--mode-ask:var(--hue-green);--mode-ask-text:var(--text-green);--mode-debug:var(--hue-red);--mode-debug-text:var(--text-red);--status-running:var(--icon-2);--status-attention:var(--hue-accent);--status-error:var(--hue-red);--status-unread:var(--hue-accent);--caret:var(--hue-accent);--ring:color-mix(in srgb, var(--focus-color) var(--focus-strength), transparent);--scrollbar-thumb:color-mix(in srgb, var(--ink) var(--rank-scrollbar), transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--ink) var(--rank-scrollbar-hover), transparent);}
@media (prefers-contrast: more){:root,[data-theme]{--rank-text-3:var(--rank-text-2);--rank-text-4:60%;--stroke-3:color-mix(in srgb, var(--ink) 20%, transparent);--stroke-2:color-mix(in srgb, var(--ink) 28%, transparent);--stroke-frame:color-mix(in srgb, var(--ink) 20%, transparent);--stroke-frame-active:color-mix(in srgb, var(--ink) 32%, transparent);--float-edge:color-mix(in srgb, var(--ink) 28%, transparent);--focus-strength:100%;--chart-crosshair:color-mix(in srgb, var(--ink) 40%, transparent);--glass:var(--bg-app);--horizon-bloom:0%;--horizon-helm-bloom:0%;--shadow-horizon:none;}}

/* status.arcadia.is on the kit's tokens (tokens.css, before this file). Every colour, size, radius and time is a
   token; a length is a token, a multiple of one, or 0, 1px, 2px. The widths in @container are where the page needs
   to change until the kit has constants for them: 600 and 900 are where 60 and 90 days fit at 8px a day, 640 the
   kit's narrow page. */

*, *::before, *::after { box-sizing: border-box; }
* { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) transparent; }
html { background: var(--bg-app); }
@media (hover: hover) { html { overscroll-behavior-y: none; } }
body {
  margin: 0; min-height: 100svh; container: site / inline-size;
  background: var(--bg-app); color: var(--text-1);
  font: var(--type-ui); letter-spacing: var(--tracking-base); font-feature-settings: var(--font-features);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
h1, h2, p, ol, ul { margin: 0; }
::selection { background: var(--selection); color: var(--selection-ink); }
a { color: var(--text-link); text-decoration-line: underline; text-decoration-color: var(--link-underline); text-decoration-thickness: var(--link-thickness); text-underline-offset: var(--link-offset); transition: text-decoration-color var(--duration-fast) var(--ease-standard); }
@media (hover: hover) { a:hover { text-decoration-color: var(--link-underline-hover); } }
:focus-visible { outline: var(--ring-width) solid var(--ring); outline-offset: var(--ring-width); border-radius: var(--radius-sm); }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.skip { position: absolute; inset-inline-start: var(--space-4); inset-block-start: var(--space-3); z-index: var(--z-sticky); padding: var(--space-1) var(--space-3); border-radius: var(--radius-full); background: var(--bg-inverse); color: var(--text-inverse); text-decoration: none; translate: 0 calc(-1 * var(--space-16)); }
.skip:focus-visible { translate: 0 0; }

/* the kit's outlines, as tall as the letters beside them and stroked at the font's stem */
.ic { width: var(--icon-text); height: var(--icon-text); flex: none; stroke-width: var(--stem-regular); }

/* ------------------------------------------------------------------ the bar */
.bar { height: var(--page-bar-height); max-width: var(--page-width); margin-inline: auto; padding-inline: var(--space-6); display: flex; align-items: center; gap: var(--space-4); }
.crumbs { display: flex; align-items: center; gap: var(--space-2); min-width: 0; padding: 0; list-style: none; white-space: nowrap; }
.crumbs a { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--text-1); text-decoration: none; }
.crumbs .mark { height: var(--icon-md); width: auto; aspect-ratio: 740 / 650; color: var(--icon-2); flex: none; }
.crumbs .sep { color: var(--text-4); }
.crumbs .here { color: var(--text-2); }
.tabs { margin-inline-start: auto; display: flex; gap: var(--space-1); flex: none; }
.tabs a { height: var(--control-md); padding-inline: var(--space-3); border-radius: var(--radius-full); display: inline-flex; align-items: center; font: var(--type-ui-strong); letter-spacing: var(--tracking-base); color: var(--text-2); text-decoration: none; transition: background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard); }
@media (hover: hover) { .tabs a:hover { background: var(--fill-5); color: var(--text-1); } }
.tabs a[aria-current="page"] { background: var(--fill-3); color: var(--text-1); }

/* ------------------------------------------------------------------ the page */
.page { max-width: var(--page-width); margin-inline: auto; padding: var(--space-12) var(--space-6) var(--space-16); display: flex; flex-direction: column; gap: var(--space-16); }
@container site (max-width: 639px) {
  .bar, .page { padding-inline: var(--space-4); }
  .page { padding-block-start: var(--space-8); gap: var(--space-12); }
}

/* the headline: the one thing the page is for */
.now { display: flex; flex-direction: column; gap: var(--space-3); }
.hero { font: var(--type-hero); letter-spacing: var(--tracking-hero); text-wrap: balance; display: flex; align-items: baseline; gap: var(--space-4); }
.hero .ic { stroke-width: var(--stem-display); }
.hero .ic.up { color: var(--text-success); }
.hero .ic.down { color: var(--text-danger); }
.hero .ic.slow, .hero .ic.stale { color: var(--text-warning); }
.hero .ic.none { color: var(--icon-3); }
.title { font: var(--type-display); letter-spacing: var(--tracking-display); text-wrap: balance; }
.meta { color: var(--text-3); text-wrap: pretty; font-variant-numeric: tabular-nums; }
.readout { font: var(--type-readout); letter-spacing: var(--tracking-readout); color: var(--text-3); overflow-wrap: anywhere; user-select: text; }
@container site (max-width: 639px) {
  .hero { font: var(--type-display); letter-spacing: var(--tracking-display); gap: var(--space-3); }
}

/* an open incident: the one thing on the page a person wrote, so it stands alone */
.incident { background: var(--bg-card); border-radius: var(--radius-frame-card); box-shadow: inset 0 0 0 1px var(--stroke-3); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); }
.incident .head { display: flex; flex-direction: column; gap: var(--space-1); }
.incident h2 { font: var(--type-title); letter-spacing: var(--tracking-lg); text-wrap: balance; }
@container site (max-width: 639px) { .incident { padding: var(--space-4); } }

.updates { list-style: none; padding: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--space-6); row-gap: var(--space-4); }
.update { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; row-gap: var(--space-1); align-items: baseline; }
.update time { color: var(--text-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.update .body { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
.update .phase { font: var(--type-ui-strong); letter-spacing: var(--tracking-base); }
.update p { color: var(--text-2); text-wrap: pretty; max-width: calc(var(--space-16) * 9); }
@container site (max-width: 639px) {
  .updates { grid-template-columns: minmax(0, 1fr); }
}

/* the groups: peers ruled by hairlines, no cards */
.groups { display: flex; flex-direction: column; }
.group { container: group / inline-size; display: flex; flex-direction: column; gap: var(--space-3); padding-block: var(--space-6); border-block-start: 1px solid var(--stroke-edge); }
.group:last-child { border-block-end: 1px solid var(--stroke-edge); }
.ghead { display: flex; align-items: baseline; gap: var(--space-3); min-width: 0; }
.ghead h2 { font: var(--type-title); letter-spacing: var(--tracking-lg); }
.uptime { margin-inline-start: auto; color: var(--text-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.uptime .num { color: var(--text-1); }

/* the days: a day is as tall as it was good (full up, lower slow, a stub down, a line unknown), so the strip reads
   without its colours */
.strip { position: relative; }
.days { display: flex; align-items: flex-end; gap: var(--space-0-5); height: var(--space-8); touch-action: pan-y; border-radius: var(--radius-sm); }
.day { flex: 1 1 0; min-width: 0; height: 100%; background: var(--icon-3); border-start-start-radius: var(--radius-xs); border-start-end-radius: var(--radius-xs); transition: opacity var(--duration-fast) var(--ease-standard); }
.day[data-s="slow"] { height: var(--space-5); background: var(--hue-yellow); }
.day[data-s="down"] { height: var(--space-3); background: var(--hue-red); }
.day[data-s="none"] { height: 2px; background: var(--fill-1); border-radius: 0; }
.days.is-reading .day:not(.read) { opacity: var(--chart-dim); }
.days:focus-visible { outline-offset: var(--space-2); }
/* under 600 a strip holds 30 days, under 900 sixty: a day never falls under 8px */
.days > .day:nth-last-child(n+31) { display: none; }
.axis { display: flex; justify-content: space-between; gap: var(--space-3); font: var(--type-label); letter-spacing: var(--tracking-sm); color: var(--text-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.axis .r90, .axis .r60 { display: none; }
@container group (min-width: 600px) {
  .days > .day:nth-last-child(n+31) { display: block; }
  .days > .day:nth-last-child(n+61) { display: none; }
  .axis .r30 { display: none; }
  .axis .r60 { display: inline; }
}
@container group (min-width: 900px) {
  .days > .day:nth-last-child(n) { display: block; }
  .axis .r60 { display: none; }
  .axis .r90 { display: inline; }
}

/* a day's reading: the kit's popup surface, above the strip, never over the day it reads */
.reading { position: absolute; inset-block-end: calc(100% + var(--space-2)); inset-inline-start: 0; z-index: var(--z-popover); width: max-content; min-width: calc(var(--space-16) * 2.5); max-width: calc(var(--space-16) * 4.375); background: var(--bg-elevated); border-radius: var(--radius-lg); box-shadow: var(--shadow-popup), inset 0 0 0 1px var(--float-edge); padding: var(--space-2-5); display: flex; flex-direction: column; gap: var(--space-2); pointer-events: none; font: var(--type-label); letter-spacing: var(--tracking-sm); }
.reading[hidden] { display: none; }
.reading .when { font-weight: var(--weight-medium); color: var(--text-1); font-variant-numeric: tabular-nums; }
.reading .rule { height: 1px; background: var(--stroke-3); }
.reading .rows { display: flex; flex-direction: column; gap: var(--space-1); }
.reading .state { display: flex; align-items: baseline; gap: var(--space-1-5); color: var(--text-1); font-variant-numeric: tabular-nums; }
.reading .state .ic { color: var(--icon-3); }
.reading .state.down .ic { color: var(--text-danger); }
.reading .state.slow .ic { color: var(--text-warning); }
.reading .state.none { color: var(--text-3); }
.reading .what { color: var(--text-2); text-wrap: pretty; }

/* the parts: a glyph each, and a word beside any that is not up */
.parts { list-style: none; padding: 0; display: flex; flex-wrap: wrap; column-gap: var(--space-6); row-gap: var(--space-2); }
.part { display: inline-flex; align-items: baseline; gap: var(--space-1-5); color: var(--text-2); white-space: nowrap; }
.part .ic { color: var(--icon-3); }
.part.down, .part.slow { color: var(--text-1); }
.part.down .ic, .part.down .st { color: var(--text-danger); }
.part.slow .ic, .part.slow .st { color: var(--text-warning); }
.part.none .st { color: var(--text-3); }
.part .st { font-variant-numeric: tabular-nums; }

/* History: months, then each day's incidents, newest first */
.months { display: flex; flex-direction: column; gap: var(--space-12); }
.month { display: flex; flex-direction: column; gap: var(--space-3); }
.month h2 { font: var(--type-title); letter-spacing: var(--tracking-lg); }
.month .none { color: var(--text-3); padding-block: var(--space-3); border-block: 1px solid var(--stroke-edge); }
.incs { list-style: none; padding: 0; border-block-start: 1px solid var(--stroke-edge); }
.inc { display: grid; grid-template-columns: calc(var(--space-16) + var(--space-3)) minmax(0, 1fr) max-content; column-gap: var(--space-4); row-gap: var(--space-1); padding-block: var(--space-3); border-block-end: 1px solid var(--stroke-edge); align-items: baseline; }
.inc time { color: var(--text-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.inc .name { min-width: 0; text-wrap: pretty; }
.inc .affects { grid-column: 2; color: var(--text-3); text-wrap: pretty; }
.inc .sev { grid-column: 3; grid-row: 1; display: inline-flex; align-items: baseline; gap: var(--space-1-5); white-space: nowrap; font-variant-numeric: tabular-nums; }
.inc .sev.down .ic { color: var(--text-danger); }
.inc .sev.slow .ic { color: var(--text-warning); }
.since { color: var(--text-3); }
@container site (max-width: 639px) {
  .inc { grid-template-columns: minmax(0, 1fr) max-content; }
  .inc time { grid-column: 1 / -1; }
  .inc .name { grid-column: 1; }
  .inc .sev { grid-column: 2; grid-row: 2; }
  .inc .affects { grid-column: 1 / -1; }
}

/* one incident */
.story { display: flex; flex-direction: column; gap: var(--space-8); }
.story .updates { row-gap: var(--space-6); padding-block-start: var(--space-6); border-block-start: 1px solid var(--stroke-edge); }

@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light;--ink:#0b0d10;--prose:#26292d;--bg-app:#eff1f3;--bg-sidebar:#e7e9ec;--bg-card:#f7f8f9;--bg-raised:#ffffff;--bg-elevated:#ffffff;--bg-inset:#eff1f3;--bg-thumb:#ffffff;--backdrop:rgb(11 13 16 / 0.06);--stroke-edge:#d7dbdf;--float-edge:rgb(11 13 16 / 0.07);--stroke-frame:#d7dbdf;--stroke-frame-active:rgb(11 13 16 / 0.16);--brand-accent:#d25200;--brand-accent-text:#a84100;--hue-green:#16a34a;--hue-yellow:#a16207;--hue-red:#dc2626;--hue-cyan:#0e7490;--hue-blue:#3567b5;--mode-plan-send:#d9e3f2;--mode-plan-send-ink:#2c58a8;--hue-purple:#6d28d9;--hue-pink:#be185d;--text-green:#0e7034;--text-yellow:#875700;--text-red:#b91c1c;--text-cyan:#0c6a84;--text-blue:#2c58a8;--chart-1:#1f6fcc;--chart-2:#06999b;--chart-3:#4a3aa7;--chart-4:#bb7e03;--chart-5:#ae4771;--chart-6:#983803;--agent-red-start:#f26464;--agent-red-end:#d93b3f;--agent-orange-start:#ff9445;--agent-orange-end:#e45e0c;--agent-yellow-start:#ffcf40;--agent-yellow-end:#e2a200;--agent-green-start:#4fcf82;--agent-green-end:#1c9e4e;--agent-cyan-start:#3cc6be;--agent-cyan-end:#0f948d;--agent-blue-start:#5c9bf6;--agent-blue-end:#276ddf;--agent-purple-start:#a483f8;--agent-purple-end:#7048f2;--agent-pink-start:#f87fbb;--agent-pink-end:#d93c8b;--agent-gray-start:#adb1b8;--agent-gray-end:#7a7e85;--agent-ink:#111113;--diff-add-fg:#137337;--diff-del-fg:#b91c1c;--diff-add-line:rgb(22 163 74 / 0.09);--diff-add-word:rgb(22 163 74 / 0.18);--diff-del-line:rgb(220 38 38 / 0.08);--diff-del-word:rgb(220 38 38 / 0.16);--syntax-fg:#181b1e;--syntax-comment:#5d6268;--syntax-keyword:#3651c9;--syntax-string:#3a7a1f;--syntax-function:#8a5a00;--syntax-number:#a3480f;--syntax-constant:#0b6f78;--syntax-link:#3651c9;--syntax-punctuation:#181b1eb3;--syntax-parameter:#181b1e;--horizon-core:#ec6a12;--rank-text-2:72%;--rank-text-3:60%;--rank-text-4:44%;--rank-icon-2:66%;--rank-icon-3:52%;--rank-icon-4:32%;--focus-strength:50%;--horizon-bloom:0%;--horizon-helm:0.45;--horizon-helm-bloom:0%;--rank-scrollbar:16%;--rank-scrollbar-hover:28%;--avatar-tint:12%;--shadow-popup:0 1px 2px 0 rgb(11 13 16 / 0.05), 0 16px 48px -8px rgb(11 13 16 / 0.18);--shadow-dialog:0 1px 3px 0 rgb(11 13 16 / 0.05), 0 24px 64px -12px rgb(11 13 16 / 0.24);--shadow-sm:0 2px 8px 0 rgb(11 13 16 / 0.07);--shadow-soft:0 12px 32px -8px rgb(11 13 16 / 0.14);--shadow-thumb:0 1px 2px 0 rgb(11 13 16 / 0.10), 0 0 0 1px rgb(11 13 16 / 0.06);--shadow-horizon:none;}}